:root{--ink:#171717;--muted:#66645f;--paper:#fbfaf7;--panel:#f1eee8;--gold:#a98143;--line:#ddd7cd;--black:#0d0d0d;--white:#fff;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.7rem;z-index:99}
header{position:sticky;top:0;z-index:40;background:rgba(251,250,247,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.nav{max-width:var(--max);margin:auto;padding:.8rem 1.2rem;display:flex;align-items:center;gap:1.2rem}.logo{font-family:Georgia,serif;font-size:1.35rem;font-weight:700;text-decoration:none;letter-spacing:.02em}.logo small{display:block;font-family:inherit;font-size:.56rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
nav{margin-left:auto;display:flex;gap:1rem;align-items:center}nav a{text-decoration:none;font-size:.92rem}.menu{display:none;border:1px solid var(--line);background:#fff;padding:.55rem .7rem;border-radius:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.78rem 1rem;border-radius:7px;background:var(--black);color:#fff;text-decoration:none;font-weight:700;border:1px solid var(--black);cursor:pointer}.btn.alt{background:transparent;color:var(--ink)}.btn:hover{opacity:.86}.affiliate-note{font-size:.78rem;color:var(--muted)}
.hero{max-width:var(--max);margin:auto;padding:5rem 1.2rem 3rem;display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:800;color:#765c31}.hero h1,h1{font:700 clamp(2.4rem,6vw,5.6rem)/.98 Georgia,serif;letter-spacing:-.035em;margin:.2rem 0 1.2rem}.hero p{font-size:1.12rem;color:var(--muted);max-width:680px}.art{background:linear-gradient(145deg,#e8e0d2,#faf8f2);border:1px solid var(--line);border-radius:18px;min-height:380px;display:flex;align-items:center;justify-content:center;overflow:hidden}
main{min-height:70vh}.wrap{max-width:var(--max);margin:auto;padding:3rem 1.2rem}.narrow{max-width:820px}.section-title{font:700 clamp(1.9rem,4vw,3rem)/1.05 Georgia,serif;margin:0 0 1rem}.lead{font-size:1.13rem;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.25rem;text-decoration:none;display:block}.card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000000d}.card h3{font-family:Georgia,serif;margin:.2rem 0 .45rem}.card p{color:var(--muted);margin:.25rem 0}.tag{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#765c31}
.band{background:var(--black);color:#fff}.band .wrap{padding-top:3.6rem;padding-bottom:3.6rem}.band p{color:#d4d0c9}
.article{max-width:820px;margin:auto;padding:3.5rem 1.2rem}.article h1{font-size:clamp(2.5rem,7vw,4.8rem)}.article h2{font:700 2rem/1.1 Georgia,serif;margin-top:2.4rem}.article h3{font:700 1.35rem/1.2 Georgia,serif;margin-top:1.8rem}.article p,.article li{font-size:1.04rem}.article .dek{font-size:1.18rem;color:var(--muted)}.toc{background:var(--panel);padding:1rem 1.2rem;border-radius:10px;margin:1.5rem 0}.toc a{display:inline-block;margin:.2rem .6rem .2rem 0}
.callout{border-left:4px solid var(--gold);background:#fff;padding:1rem 1.2rem;margin:1.5rem 0}.commercial{background:#171717;color:#fff;border-radius:14px;padding:1.5rem;margin:2rem 0}.commercial p{color:#d7d3cd}.commercial .btn{background:#fff;color:#111;border-color:#fff}
table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:#fff}th,td{text-align:left;padding:.8rem;border:1px solid var(--line);vertical-align:top}th{background:var(--panel)}
.breadcrumbs{font-size:.82rem;color:var(--muted);margin-bottom:1.2rem}.breadcrumbs a{color:inherit}
footer{border-top:1px solid var(--line);margin-top:3rem}.footer{max-width:var(--max);margin:auto;padding:2rem 1.2rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.footer a{display:block;margin:.35rem 0;color:var(--muted)}
.popup{position:fixed;right:1rem;bottom:1rem;z-index:60;width:min(390px,calc(100vw - 2rem));background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 60px #0003;padding:1.2rem;display:none}.popup.show{display:block}.popup-close{position:absolute;right:.65rem;top:.55rem;border:0;background:transparent;font-size:1.3rem;cursor:pointer}.popup h3{font:700 1.45rem Georgia,serif;margin:.1rem 2rem .35rem 0}.popup p{font-size:.9rem;color:var(--muted)}
.disclosure{font-size:.84rem;background:#f5f1e8;border:1px solid var(--line);padding:.8rem 1rem;border-radius:8px}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:3rem}.art{min-height:260px}.grid{grid-template-columns:1fr}.menu{display:block;margin-left:auto}nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--paper);padding:1rem 1.2rem;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}nav.open{display:flex}.footer{grid-template-columns:1fr}.article{padding-top:2rem}table{font-size:.9rem;display:block;overflow-x:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}