:root{--cream:#faf6ed;--paper:#fffdf9;--ink:#3d2e1f;--muted:#6e6358;--accent:#917270;--accent-dark:#7c615f;--accent-soft:#f7efea;--line:#ede1cf;--shadow:61, 46, 31;--serif:"Fraunces", Georgia, serif;--sans:"Inter", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--cream);color:var(--ink);font:17px/1.7 var(--sans);margin:0}img{max-width:100%;height:auto;display:block}a{color:var(--accent-dark)}h1,h2,h3{font-family:var(--serif);letter-spacing:-.01em;font-weight:600;line-height:1.2}h1{margin:.3em 0;font-size:clamp(2rem,5vw,3rem)}h2{margin-top:2.2em;font-size:1.6rem}h3{margin-top:1.8em;font-size:1.25rem}.wrap{max-width:1080px;margin:0 auto;padding:0 16px}.narrow{max-width:720px}.muted{color:var(--muted)}.small{font-size:.875rem}.lead{color:var(--muted);font-size:1.15rem}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dark);margin:0;font-size:.75rem;font-weight:600}.skip{position:absolute;left:-999px}.skip:focus{background:var(--paper);z-index:10;padding:8px;top:8px;left:16px}.btn{background:var(--accent);color:#fff;border-radius:999px;padding:.7em 1.3em;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-block}.btn:hover{background:var(--accent-dark)}.btn-sm{padding:.4em 1em;font-size:.875rem}.site-header{z-index:5;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#faf6edeb;position:sticky;top:0}.bar{justify-content:space-between;align-items:center;gap:12px;height:64px;display:flex}.bar nav{align-items:center;gap:16px;display:flex}.bar nav a:not(.btn){color:var(--ink);font-weight:500;text-decoration:none}.brand{color:var(--ink);align-items:baseline;gap:8px;text-decoration:none;display:flex}.brand-mark{font-family:var(--serif);margin:0;font-size:1.5rem;font-weight:600}.brand-sub{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dark);font-size:.75rem}.hero{border-bottom:1px solid var(--line);background:linear-gradient(180deg, var(--accent-soft), var(--cream));margin-bottom:40px;padding:56px 0 32px}.hero h1{max-width:20ch}.empty{padding:48px 0}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:56px;display:grid}.card{background:var(--paper);border:1px solid var(--line);box-shadow:0 2px 8px rgba(var(--shadow), .08);border-radius:14px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.card:hover{box-shadow:0 14px 26px rgba(var(--shadow), .16);transform:translateY(-6px)}.card img{transition:transform .35s}.card:hover img{transform:scale(1.08)}.card:focus-within{box-shadow:0 0 0 3px var(--accent), 0 14px 26px rgba(var(--shadow), .16)}.card-body{padding:20px}.card h2{margin:.4em 0;font-size:1.25rem}.card h2 a{color:var(--ink);text-decoration:none}.card h2 a:after{content:"";position:absolute;inset:0}.card h2 a:focus{outline:none}.card h2 a:hover{color:var(--accent-dark)}.card p{margin:.4em 0}.post{padding-top:32px;padding-bottom:56px}.crumbs a{color:var(--muted)}.cover{border-radius:14px;margin:24px 0}.draft-flag{background:#fdecc8;border:1px solid #e8b64c;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-block}.toc{background:var(--paper);border:1px solid var(--line);border-radius:12px;margin:28px 0;padding:16px 20px}.toc ol{margin:.5em 0 0;padding-left:1.2em}.prose blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 10px 10px 0;margin:1.5em 0;padding:12px 20px}.prose table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:.95rem;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;padding:8px 10px}.prose th{background:var(--accent-soft)}.prose img{border-radius:10px}.faq details{background:var(--paper);border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:12px 16px}.faq summary{cursor:pointer;font-weight:600}.cta{background:var(--ink);color:var(--cream);border-radius:16px;margin:48px 0;padding:28px}.cta .muted{color:#cfc4b4}.cta-title{font-family:var(--serif);margin:.3em 0;font-size:1.5rem}.related h2{margin-top:0}.site-footer{border-top:1px solid var(--line);background:var(--paper);padding:32px 0 16px}.foot{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.foot nav{gap:16px;display:flex}.prose figure{margin:1.8em 0}.prose figure img{width:100%}.prose figcaption{color:var(--muted);text-align:center;margin-top:8px;font-size:.85rem}@media (prefers-reduced-motion:reduce){.card,.card img,.btn{transition:none}.card:hover,.card:hover img{transform:none}}