:root{--bg:#f7f4ef;--paper:#fffdf8;--ink:#1c1916;--muted:#5c554c;--accent:#6b2b1f;--accent2:#2c4a3e;--line:#ddd4c6;--max:68rem}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:"Palatino Linotype",Palatino,"Book Antiqua",Georgia,"Times New Roman",serif;color:var(--ink);background:linear-gradient(180deg,#efe8dc 0%,var(--bg) 12rem);line-height:1.65}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--accent2)}
.wrap{width:min(var(--max),calc(100% - 2rem));margin-inline:auto}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem 1rem;z-index:10}
.site-header{border-bottom:1px solid var(--line);background:rgba(255,253,248,.92);backdrop-filter:blur(6px);position:sticky;top:0;z-index:5}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0}
.logo{display:flex;gap:.75rem;align-items:center;color:inherit;text-decoration:none}
.logo-mark{width:2.5rem;height:2.5rem;border-radius:.4rem;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:700;font-family:Georgia,serif;font-size:1.25rem;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}
.logo-text{display:flex;flex-direction:column;line-height:1.2}.logo-text small{color:var(--muted);font-size:.8rem}
.nav-toggle{display:none;border:1px solid var(--line);background:var(--paper);padding:.4rem .7rem;border-radius:.3rem;font:inherit}
.nav-main{display:flex;gap:1rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.nav-main a{color:var(--ink);text-decoration:none;font-size:.95rem}.nav-main .active a,.nav-main a:hover{color:var(--accent)}
.main{padding:2rem 0 3rem}
.hero{background:var(--paper);border:1px solid var(--line);border-radius:.6rem;padding:1.75rem 1.5rem;margin-bottom:2rem}
.hero h1{margin-top:0;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.25}
.lead{color:var(--muted);font-size:1.05rem}
.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}
.card-list,.side-card{background:var(--paper);border:1px solid var(--line);border-radius:.5rem;padding:1.25rem}
.card-list h2,.side-card h2{margin-top:0;font-size:1.15rem}
.card-list ul,.side-card ul{padding-left:1.1rem}.card-list li{margin:.45rem 0}
.breadcrumbs{font-size:.9rem;color:var(--muted);margin-bottom:1rem}.breadcrumbs a{color:var(--muted)}
.article{background:var(--paper);border:1px solid var(--line);border-radius:.5rem;padding:1.5rem 1.4rem 2rem;max-width:48rem}
.article h1{margin-bottom:.4rem;line-height:1.25}
.article h2{margin-top:1.8rem;border-bottom:1px solid var(--line);padding-bottom:.3rem;font-size:1.25rem}
.eyebrow{text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;color:var(--accent2);margin:0 0 .5rem}
.faq details{border:1px solid var(--line);border-radius:.35rem;padding:.6rem .8rem;margin:.6rem 0;background:#fff}
.faq summary{cursor:pointer;font-weight:600}.related{padding-left:1.1rem}
.site-footer{border-top:1px solid var(--line);background:#ebe4d8;padding:1.5rem 0 2rem;color:var(--muted);font-size:.92rem}
.footer-nav{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;list-style:none;padding:0}.footer-nav a{color:var(--ink)}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem}
.cat-card{background:var(--paper);border:1px solid var(--line);border-radius:.45rem;padding:1rem;text-decoration:none;color:inherit;display:block}
.cat-card:hover{border-color:var(--accent)}.cat-card h2{margin:0 0 .4rem;font-size:1.05rem;color:var(--accent)}
.note{font-size:.9rem;color:var(--muted)}
@media (max-width:800px){.grid-2{grid-template-columns:1fr}.nav-toggle{display:inline-block}.site-nav{display:none;width:100%}.site-nav.open{display:block}.header-inner{flex-wrap:wrap}.nav-main{flex-direction:column;padding:.5rem 0 0}}