
:root{--bg:#f7f4ef;--ink:#181818;--muted:#666;--paper:#fff;--gold:#9a7a4d;--line:#e6dfd5}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);line-height:1.72}
.wrap{max-width:1040px;margin:auto;padding:0 24px}header{background:#111;color:#fff;padding:19px 0;position:sticky;top:0;z-index:5}
header .bar{display:flex;align-items:center;justify-content:space-between;gap:18px}header a{color:#fff;text-decoration:none}.brand{font-weight:900;letter-spacing:.02em}
nav a{font-size:14px;margin-left:16px}.hero{padding:76px 0 48px}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-weight:900}
h1{font-size:clamp(38px,7vw,68px);line-height:1.04;margin:.22em 0 .45em;letter-spacing:-.035em}
h2{font-size:31px;line-height:1.18;margin-top:1.8em}h3{font-size:23px;line-height:1.25;margin-top:1.4em}
.lead{font-size:21px;line-height:1.58;color:#444;max-width:820px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;padding:8px 0 70px}
.card{background:var(--paper);border-radius:22px;padding:28px;box-shadow:0 12px 35px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.03)}
.card h2{font-size:27px;margin:.5em 0}.card p{color:#555}.card a,.article a{color:#765d3b;font-weight:800;text-decoration:none}
.article{background:#fff;border-radius:24px;padding:clamp(26px,5vw,58px);box-shadow:0 12px 36px rgba(0,0,0,.06);margin:32px 0 46px}
.crumbs{font-size:14px;color:#777;margin-top:30px}.crumbs a{color:#555}.faq details{border-top:1px solid var(--line);padding:16px 0}.faq summary{font-weight:800;cursor:pointer}.related{margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.related a{display:block;background:#f7f4ef;border:1px solid var(--line);border-radius:16px;padding:18px;color:#3f3426!important;text-decoration:none}.related a:hover{transform:translateY(-1px)}
.cta{background:#111;color:#fff;border-radius:22px;padding:32px;margin-top:42px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.cta p{margin:5px 0;color:#ddd}.btn{display:inline-block;background:#b08a57!important;color:#fff!important;padding:15px 24px;border-radius:999px;margin-top:8px;box-shadow:0 8px 22px rgba(0,0,0,.18)}
footer{padding:30px 0 50px;color:#777;font-size:14px}.small{font-size:14px;color:#777}
@media(max-width:640px){header .bar{align-items:flex-start;flex-direction:column}nav a{margin:0 14px 0 0}.hero{padding-top:52px}.article{border-radius:0;margin-left:-24px;margin-right:-24px}h2{font-size:27px}}
