
:root{--ink:#28251f;--muted:#6f685c;--paper:#f7f3ea;--card:#fffdf8;--wood:#8a512f;--wood2:#62381f;--sage:#52624b;--line:#ddd3c4;--cream:#efe5d3;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
a{color:var(--wood2)}img{max-width:100%}.wrap{width:min(var(--max),92%);margin:auto}
header{background:#fffaf1;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}.brand{font-weight:800;text-decoration:none;color:var(--ink);font-size:1.15rem}.brand span{color:var(--wood)}
nav a{margin-left:18px;text-decoration:none;color:var(--ink);font-weight:700;font-size:.94rem}.hero{padding:68px 0 50px;background:linear-gradient(135deg,#f8f0e1,#ead8bd)}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:42px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--sage);font-size:.78rem}
h1{font-size:clamp(2.3rem,5vw,4.6rem);line-height:1.02;margin:.3em 0}.lead{font-size:1.15rem;color:#4f493f;max-width:760px}
.btn{display:inline-block;background:var(--wood);color:white;text-decoration:none;font-weight:800;padding:14px 20px;border-radius:8px;margin:7px 10px 7px 0}.btn.alt{background:var(--sage)}
.note{font-size:.85rem;color:var(--muted)}.hero-card,.card,.callout{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 8px 24px rgba(56,42,25,.06)}
.hero-card strong{font-size:1.2rem}.section{padding:54px 0}.section h2{font-size:2rem;line-height:1.15}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card h3{margin-top:0}.card a{font-weight:800}
.article{max-width:820px;margin:auto;padding:48px 0}.article h1{font-size:clamp(2.2rem,5vw,3.8rem)}.article h2{margin-top:2.2em;line-height:1.2}.article h3{margin-top:1.6em}
.breadcrumbs{font-size:.9rem;color:var(--muted);margin-bottom:22px}.breadcrumbs a{color:var(--muted)}
.affbox{background:#f0e3d0;border:1px solid #d6bea0;border-radius:12px;padding:22px;margin:25px 0}.affbox h2,.affbox h3{margin-top:0}
table{width:100%;border-collapse:collapse;background:white;margin:22px 0}th,td{padding:12px;border:1px solid var(--line);text-align:left;vertical-align:top}th{background:#efe4d3}
footer{background:#29251f;color:#eee6da;padding:42px 0;margin-top:40px}footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}
.disclosure{background:#fff8e9;border-left:4px solid var(--wood);padding:12px 16px;font-size:.92rem;margin:18px 0}
ul{padding-left:1.25rem}
@media(max-width:760px){.hero-grid,.grid,.footer-grid{grid-template-columns:1fr}.hero{padding-top:42px}nav{display:none}.btn{width:100%;text-align:center}.article{width:92%}}

.nav-cta{background:var(--wood);color:#fff!important;padding:9px 13px;border-radius:7px;margin-left:18px}
@media(max-width:760px){nav{display:block}.nav nav a:not(.nav-cta){display:none}.nav-cta{display:inline-block;margin-left:0;font-size:.86rem;padding:9px 11px}}


.offer-popup-backdrop[hidden]{display:none}
.offer-popup-backdrop{position:fixed;inset:0;background:rgba(30,26,21,.58);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}
.offer-popup{position:relative;width:min(520px,100%);background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:0 18px 55px rgba(30,24,18,.28)}
.offer-popup h2{font-size:1.75rem;line-height:1.15;margin:.4em 0}
.offer-popup-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:2rem;line-height:1;cursor:pointer;color:var(--ink);padding:8px}
.offer-popup-button{margin-bottom:8px}
.popup-open{overflow:hidden}
@media(max-width:760px){.offer-popup-backdrop{align-items:flex-end;padding:12px}.offer-popup{padding:24px 20px;border-radius:14px}.offer-popup h2{font-size:1.45rem}.offer-popup .btn{width:100%;text-align:center}}

.related{margin:36px 0;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.related ul{margin-bottom:0}
