*{box-sizing:border-box}:root{color-scheme:light dark;--webmention-color: teal;--webmention-clip-path: polygon( 82.882% 10.89%, 60.638% 31.586%, 71.373% 31.586%, 63.153% 67.176%, 62.959% 67.176%, 51.354% 31.586%, 37.427% 31.586%, 25.725% 66.596%, 25.532% 66.596%, 14.797% 20.561%, 0% 20.561%, 17.892% 88.259%, 32.882% 88.259%, 44.197% 53.153%, 44.391% 53.153%, 55.803% 88.259%, 70.6% 88.259%, 85.783% 31.586%, 96.712% 31.586% )}body{--currentBackgroundColor: rgb(from currentColor calc(255 - r) calc(255 - g) calc(255 - b) / alpha);font-family:system-ui,sans-serif;margin:1rem auto;padding:0 1rem}body header h1{display:flex;font-weight:100;gap:1rem}body header h1 a.artlung{background:url(https://artlung.com/blog/wp-content/themes/roanoke/images/artlung2023.svg) 50% 50%/contain no-repeat;color:rgba(0,0,0,0);aspect-ratio:46/20;display:block}body main{display:grid;gap:1rem;justify-content:start;align-items:start;margin:0 auto;width:fit-content}body main code{font-size:1rem}body main h2{font-weight:400;line-height:1.3}body main li,body main p{line-height:1.6}body main ul li:has(p) p{margin:0;display:inline-block}body main ul li:has(p) small{display:inline-block}body main section{padding:1rem 0}body main section h2{margin:0}body main section:nth-child(odd){background:color-mix(in srgb, var(--currentBackgroundColor), currentColor 24%);padding:1rem}body ol li:has(a[data-year^="193"]),body ol li:has(a[data-year^="195"]),body ol li:has(a[data-year^="197"]),body ol li:has(a[data-year^="199"]),body ol li:has(a[data-year^="201"]){background:color-mix(in srgb, var(--currentBackgroundColor), currentColor 4%)}body ul.rules li{text-wrap:balance;font-weight:bold;font-size:1.2rem}body ul.rules li *{font-weight:normal}body dl{line-height:1.6}body dl dt{font-weight:bold}nav input{font-size:1rem;display:block;padding:.2rem;width:100%}article+article{margin-top:2rem}@media(prefers-color-scheme: dark){body main h1 a.artlung{filter:invert(1)}}blockquote{font-style:italic;padding:.5rem;margin:.5rem 0 .5rem 2rem;border-left:10px double color-mix(in srgb, currentColor, rgba(0, 0, 0, 0) 80%);background:color-mix(in srgb, currentColor, rgba(0, 0, 0, 0) 94%);width:fit-content}header,footer{margin:0 auto}article.h-entry{max-width:120ch;margin:0;text-indent:0;padding:0;word-wrap:pretty;text-align:start}article.h-entry small{color:color-mix(in srgb, currentColor, rgba(0, 0, 0, 0) 60%)}article.h-entry small.webmention{color:var(--webmention-color)}footer{--rss-color: orange;font-size:2rem}footer a.rss-icon{padding:0 0 0 2ch;background:radial-gradient(circle at 100% 100%, var(--rss-color) 0.4ch, rgba(0, 0, 0, 0) 0 0.7ch, var(--rss-color) 0 1ch, rgba(0, 0, 0, 0) 0 1.3ch, var(--rss-color) 0 1.7ch, rgba(0, 0, 0, 0) 0) 0 0/1.8ch 1.8ch no-repeat;color:var(--rss-color);font-weight:bold}footer a.webmention-icon{color:var(--webmention-color);padding:0 0 0 2ch;position:relative;background:radial-gradient(circle, color-mix(in srgb, currentColor, rgba(0, 0, 0, 0) 80%) 0.9ch, rgba(0, 0, 0, 0) 0) 0 50%/2ch no-repeat}footer a.webmention-icon::before{clip-path:var(--webmention-clip-path);width:1.8ch;background:currentColor;display:inline;content:" ";aspect-ratio:1;position:absolute;left:.2ch}body.single-like{display:grid;height:calc(100vh - 1rem);grid-template-rows:min-content min-content min-content;justify-content:space-between;align-content:center;gap:1rem}body.single-like>*{width:100%}@view-transition{navigation:auto}::view-transition-group(root){animation-duration:.5s}@keyframes move-out{from{transform:translateY(0%)}to{transform:translateY(-100%)}}@keyframes move-in{from{transform:translateY(100%)}to{transform:translateY(0%)}}::view-transition-old(root){animation:.4s ease-in both move-out}::view-transition-new(root){animation:.4s ease-in both move-in}