:root{--bg-color:#fff;--color:#555;--html-font-size:112.5%;--gap-h:2rem}@media screen and (prefers-color-scheme:dark){:root{--bg-color:#181a1b;--color:#aea89f}}@media screen and (max-width:600px){:root{--html-font-size:100%;--site-max-width:none;--gap-h:1rem}}html{font-size:var(--html-font-size);font-family:Inter,sans-serif}body{background-color:var(--bg-color);color:var(--color);font-size:1rem;font-weight:100;line-height:1.5}a{color:var(--color)}header{padding:1rem 0 0}article h1{padding:1rem 0}.draft-label{color:#444;background-color:coral;border-radius:.3em;padding:.2em .5em;margin:0 .5em}.site-container{max-width:1200px;margin:0 auto;padding:0 var(--gap-h)}.container{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem var(--gap-h)}@media screen and (max-width:600px){.container{grid-template-columns:repeat(1,1fr)}}.container .item .preview img{border-radius:16px;border-color:transparent}.page-navigation a{display:block;margin:1rem 0}.home h2{font-size:250%;margin:2rem 0}