:root{color-scheme:light;--paper:#f5eddb;--paper-2:#fff8e9;--ink:#20201d;--muted:#514d43;--line:#20201d;--accent:#e36b78;--accent-2:#177e7b;--highlight:#f0d34e;--warning:#d44e37;--code:#20201d;--code-ink:#f5eddb;--display:"Trebuchet MS","Comic Sans MS",ui-sans-serif,system-ui,sans-serif;--body:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{background:var(--paper);color:var(--ink);font-family:var(--body);margin:0;line-height:1.68}a{color:var(--accent-2);text-underline-offset:.2em;text-decoration-thickness:1.5px}a:hover{text-decoration-thickness:3px}a:focus-visible{outline:3px solid var(--accent-2);outline-offset:4px}.container{width:min(100% - 2rem,72rem);margin-inline:auto}.site-header{border-bottom:2px dashed var(--line);background:#f5eddbf5}.header-inner{justify-content:space-between;align-items:center;gap:1.25rem;padding:1.15rem 0;display:flex}.brand{color:var(--ink);font-family:var(--display);font-size:1.2rem;font-weight:800;text-decoration:none;transform:rotate(-1.5deg)}nav ul{flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none;display:flex}nav a{color:var(--ink);font-weight:700;text-decoration:none}nav a:hover{color:var(--accent-2)}main{min-height:70vh}.hero{max-width:55rem;padding:clamp(4rem,10vw,8rem) 0 4.5rem;position:relative}.hero:after{content:"↘";font-family:var(--display);color:var(--accent);font-size:clamp(3rem,7vw,5rem);position:absolute;bottom:2.2rem;right:1rem;transform:rotate(8deg)}h1,h2,h3{font-family:var(--display);text-wrap:balance;line-height:1.08}h1{letter-spacing:-.045em;margin:0 0 1.35rem;font-size:clamp(2.7rem,7vw,5.6rem)}.hero h1{max-width:13ch;text-shadow:3px 3px 0 var(--highlight);transform:rotate(-.4deg)}h2{font-size:clamp(1.8rem,3vw,2.7rem)}h3{font-size:1.4rem}.lede{color:var(--muted);max-width:44rem;font-size:1.2rem}.meta{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;font-size:.8rem;font-weight:800}.section{padding:3rem 0}.section>h2{border-bottom:2px dashed var(--line);padding-bottom:.8rem}.post-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;display:grid}.post-card{background:var(--paper-2);border:2px solid var(--line);border-radius:1rem;padding:1.5rem;position:relative;transform:rotate(-.45deg);box-shadow:6px 6px #20201d1f}.post-card:nth-child(2n){transform:rotate(.55deg)}.post-card:before{content:"↗";color:var(--accent);font-family:var(--display);font-size:1.8rem;position:absolute;top:.7rem;right:1rem}.post-card h2{margin:.4rem 0 .7rem;padding-right:2rem}.post-card h2 a{color:var(--ink);text-decoration:none}.post-card h2 a:hover{color:var(--accent-2);text-decoration:underline}.post-card p:not(.meta){color:var(--muted)}.tags{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.tag{background:var(--highlight);border:1px solid var(--line);border-radius:.45rem;padding:.15rem .6rem;font-size:.82rem;font-weight:700;transform:rotate(-1deg)}.article{max-width:50rem;margin-inline:auto;padding:clamp(3.5rem,8vw,6rem) 0}.article-header{border-bottom:2px dashed var(--line);margin-bottom:2.7rem;padding-bottom:2rem}.article-header h1{text-shadow:3px 3px 0 var(--highlight)}.article-body{font-size:1.06rem}.article-body>:first-child{margin-top:0}.article-body h2{margin-top:3.5rem;position:relative}.article-body h2:before{content:"#";color:var(--accent);margin-right:.35rem}.article-body h3{margin-top:2.4rem}.article-body p,.article-body ul,.article-body ol{max-width:68ch}.article-body img{border:2px solid var(--line);max-width:100%;height:auto;box-shadow:5px 5px 0 var(--highlight);display:block}.article-body pre{background:var(--code);color:var(--code-ink);border-left:6px solid var(--accent);border-radius:.35rem;padding:1rem 1.2rem;overflow:auto}.article-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.article-body blockquote{background:var(--paper-2);border-left:6px solid var(--accent);color:var(--muted);margin:2rem 0;padding:1rem 1.2rem;transform:rotate(-.25deg)}.article-body table{border-collapse:collapse;width:100%;margin:1.7rem 0;font-size:.92rem}.article-body th,.article-body td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:.7rem}.article-body th{background:var(--highlight)}.site-footer{border-top:2px dashed var(--line);color:var(--muted);margin-top:3rem;padding:2rem 0}.skip-link{position:absolute;left:-999px}.skip-link:focus{background:var(--paper-2);color:var(--ink);z-index:20;padding:.6rem;top:1rem;left:1rem}.preset-zine .brand,.preset-zine h1,.preset-zine h2,.preset-zine h3{font-family:var(--display)}@media (width<=760px){.post-list{grid-template-columns:1fr}.post-card,.post-card:nth-child(2n){transform:none}.hero:after{display:none}}@media (width<=600px){.container{width:min(100% - 1.25rem,72rem)}.header-inner{flex-direction:column;align-items:flex-start}.hero{padding-top:3rem}h1{font-size:clamp(2.45rem,13vw,4.1rem)}.article{padding-top:3rem}}
