:root{--cream:#fffaf0;--sand:#f1dfc7;--line:#e5d5c1;--brown:#806c54;--ink:#4a4036;--pink:#e8a5a0}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--sand);color:var(--ink);-webkit-text-size-adjust:100%;font-family:polymath-text,sans-serif;line-height:1.7}h1,h2,h3,h4{color:var(--brown);font-family:polymath-display,sans-serif;font-weight:700;line-height:1.2}a{color:var(--brown);text-decoration-color:var(--pink);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{color:var(--ink)}img{max-width:100%;height:auto;display:block}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:18px 20px;display:flex}.site-logo{color:var(--brown);align-items:center;gap:12px;font-family:polymath-display,sans-serif;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.site-logo img{filter:drop-shadow(0 4px 8px #4a403640);width:56px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.site-logo:hover img{transform:scale(1.08)rotate(-6deg)}.page{max-width:1100px;margin:0 auto;padding:0 20px 40px}.paper{background:var(--cream);background-image:radial-gradient(#806c5424 1px,#0000 1px);background-size:22px 22px;border-radius:12px;padding:clamp(24px,5vw,56px);box-shadow:0 10px 30px #4a40361f}.page-intro{text-align:center;max-width:680px;margin:0 auto 36px}.page-intro h1{margin-bottom:12px;font-size:clamp(2rem,4vw,2.8rem)}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--brown);margin-bottom:8px;font-size:.85rem;font-weight:700;display:inline-block}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.card{border:1px solid var(--line);color:var(--ink);background:#fffdf8;border-radius:8px;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 3px 10px #4a403614}.card:hover{color:var(--ink);transform:translateY(-4px)rotate(-.4deg);box-shadow:0 10px 22px #4a403626}.card img{aspect-ratio:16/10;object-fit:cover;width:100%}.card-body{padding:18px 20px 20px}.card-body h2{margin:4px 0 8px;font-size:1.25rem}.card-meta{color:var(--brown);font-size:.85rem}.empty-note{text-align:center;color:var(--brown)}.draft-badge{background:var(--pink);color:var(--ink);vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:.75rem;font-weight:700;display:inline-block}.article{max-width:760px;margin:0 auto}.article-header{margin-bottom:28px}.article>h1{margin-bottom:20px;font-size:clamp(1.9rem,4vw,2.7rem)}.article-header h1{margin-bottom:12px;font-size:clamp(1.9rem,4vw,2.7rem)}.article-lead{color:var(--ink);font-size:1.15rem}.article-hero{border-radius:8px;margin:0 0 32px;box-shadow:0 6px 18px #4a403626}.facts{flex-wrap:wrap;gap:8px 24px;margin:16px 0 0;font-size:.92rem;display:flex}.facts dt{color:var(--brown);font-weight:700}.facts div{gap:6px;display:flex}.prose>*+*{margin-top:1.1em}.prose h2{margin-top:1.8em;font-size:1.6rem}.prose h3{margin-top:1.5em;font-size:1.25rem}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--brown)}.prose blockquote,.quote{border-left:4px solid var(--pink);padding:4px 0 4px 18px;font-style:italic}.quote{margin:36px 0 0;font-size:1.1rem}.quote figcaption{color:var(--brown);margin-top:8px;font-size:.9rem;font-style:normal}.prose img{border-radius:8px}.prose code{background:var(--line);border-radius:4px;padding:1px 5px;font-size:.9em}.back-link{margin-top:36px;font-weight:700;display:inline-block}.btn-primary{background:var(--brown);min-height:44px;color:var(--cream);border-radius:8px;align-items:center;padding:10px 22px;font-weight:700;text-decoration:none;transition:background-color .2s;display:inline-flex}.btn-primary:hover{color:var(--cream);background:#665b50}.site-footer{text-align:center;max-width:1100px;margin:0 auto;padding:10px 20px 40px}.site-footer-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 18px;margin-bottom:24px;font-weight:700;display:flex}.site-footer-links{flex-wrap:wrap;justify-content:center;gap:4px 10px;font-size:.9rem;display:flex}.site-footer-links a{text-decoration:none}.site-footer-links a:hover{text-decoration:underline}@media (width<=600px){.site-header{flex-wrap:nowrap;padding-left:12px;padding-right:12px}.site-logo span{display:none}}