/*!system-font.css v2.0.2 | CC0-1.0 License | github.com/jonathantneal/system-font-css*/@font-face{font-family:system-ui;font-style:normal;font-weight:300;src:local(".SFNS-Light"),local(".SFNSText-Light"),local(".HelveticaNeueDeskInterface-Light"),local(".LucidaGrandeUI"),local("Segoe UI Light"),local("Ubuntu Light"),local("Roboto-Light"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:italic;font-weight:300;src:local(".SFNS-LightItalic"),local(".SFNSText-LightItalic"),local(".HelveticaNeueDeskInterface-Italic"),local(".LucidaGrandeUI"),local("Segoe UI Light Italic"),local("Ubuntu Light Italic"),local("Roboto-LightItalic"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:normal;font-weight:400;src:local(".SFNS-Regular"),local(".SFNSText-Regular"),local(".HelveticaNeueDeskInterface-Regular"),local(".LucidaGrandeUI"),local("Segoe UI"),local("Ubuntu"),local("Roboto-Regular"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:italic;font-weight:400;src:local(".SFNS-Italic"),local(".SFNSText-Italic"),local(".HelveticaNeueDeskInterface-Italic"),local(".LucidaGrandeUI"),local("Segoe UI Italic"),local("Ubuntu Italic"),local("Roboto-Italic"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:normal;font-weight:500;src:local(".SFNS-Medium"),local(".SFNSText-Medium"),local(".HelveticaNeueDeskInterface-MediumP4"),local(".LucidaGrandeUI"),local("Segoe UI Semibold"),local("Ubuntu Medium"),local("Roboto-Medium"),local("DroidSans-Bold"),local("Tahoma Bold")}@font-face{font-family:system-ui;font-style:italic;font-weight:500;src:local(".SFNS-MediumItalic"),local(".SFNSText-MediumItalic"),local(".HelveticaNeueDeskInterface-MediumItalicP4"),local(".LucidaGrandeUI"),local("Segoe UI Semibold Italic"),local("Ubuntu Medium Italic"),local("Roboto-MediumItalic"),local("DroidSans-Bold"),local("Tahoma Bold")}@font-face{font-family:system-ui;font-style:normal;font-weight:700;src:local(".SFNS-Bold"),local(".SFNSText-Bold"),local(".HelveticaNeueDeskInterface-Bold"),local(".LucidaGrandeUI"),local("Segoe UI Bold"),local("Ubuntu Bold"),local("Roboto-Bold"),local("DroidSans-Bold"),local("Tahoma Bold")}@font-face{font-family:system-ui;font-style:italic;font-weight:700;src:local(".SFNS-BoldItalic"),local(".SFNSText-BoldItalic"),local(".HelveticaNeueDeskInterface-BoldItalic"),local(".LucidaGrandeUI"),local("Segoe UI Bold Italic"),local("Ubuntu Bold Italic"),local("Roboto-BoldItalic"),local("DroidSans-Bold"),local("Tahoma Bold")}:root{--c-text:#222;--c-back:#e9e9e9;--c-aside:#fcc;--c-main:#cfc;--c-shadow:#222;--c-tag:#a40a0a;--c-tag-text:#fff;--c-border:#999}@media(prefers-color-scheme:dark){:root{--c-text:#eee;--c-back:#111;--c-aside:rgb(35, 19, 19);--c-main:rgb(40, 44, 40);--c-shadow:#ccc;--c-tag:#a40a0a;--c-tag-text:#fff}}ul.cards{display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;padding:0;gap:.1rem}ul.cards li{padding:0;max-width:15rem;max-height:15rem;font-size:1.2rem;overflow:hidden;text-overflow:ellipsis;position:relative;padding:.4rem;border:.1rem solid var(--c-border);margin:0 .2rem .2rem 0}ul.cards li a{position:absolute;top:0;bottom:0;left:0;right:0;background:#fff9;opacity:0}ul.cards li a:hover{opacity:1}:root{font-size:10px}body{font-size:1.8rem;font-family:system-ui;padding:0;margin:0;text-overflow:ellipsis}header{padding:0 1em}header menu{display:flex;flex-direction:row;padding:0;gap:2rem;list-style:none}header menu li{padding:0}#content aside{padding:0 1rem;max-width:31em}#content aside figure{padding:0;margin:0 0 1em;max-width:100%;padding:.4rem;border:.1rem solid var(--c-border)}#content aside figure img{background-color:#ccc;background-image:linear-gradient(45deg,#888 25%,transparent 25%,transparent 75%,#888 75%,#888),linear-gradient(45deg,#888 25%,transparent 25%,transparent 75%,#888 75%,#888);background-size:60px 60px;background-position:0 0,30px 30px}#content aside figure figcaption{text-overflow:ellipsis}#content aside img{max-width:100%;height:auto}#content main{padding:0 1rem}pre code{font-size:1.2rem}@media(orientation:landscape){#content{display:flex;flex-direction:row}}.tags{list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;padding:0;font-size:1.3rem}.tags .tag{background:var(--c-tag);border-radius:.4rem;display:inline-block;padding:.2em .5em}.tags .tag a{text-decoration:none;color:var(--c-tag-text)}