:root{--ink:#111820;--soft:#33404a;--paper:#f6f3ed;--surface:#fff;--accent:#b86432;--gold:#c9a45d;--line:rgba(17,24,32,.13);--muted:#69747d;--shadow:0 18px 54px rgba(17,24,32,.10)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--soft);font:400 17px/1.8 Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.topbar{background:var(--ink);color:#fff;border-bottom:3px solid var(--accent)}
.topbar__inner{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 22px}
.brand{font:700 25px/1 Georgia,serif;padding:17px 0}
.nav{display:flex;gap:4px}
.nav a{padding:18px 15px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.nav a:hover{background:var(--accent)}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,#eee8dc);border-bottom:1px solid var(--line)}
.hero::after{content:"";position:absolute;right:-80px;top:-130px;width:440px;height:440px;border:1px solid rgba(184,100,50,.18);border-radius:50%;box-shadow:0 0 0 70px rgba(201,164,93,.07),0 0 0 140px rgba(184,100,50,.04)}
.hero__inner{position:relative;z-index:1;max-width:1120px;margin:auto;padding:64px 22px 70px}
.breadcrumb{display:flex;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:13px}
.breadcrumb a:hover{color:var(--accent)}
.eyebrow{display:block;margin-top:34px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
h1{max-width:970px;margin:10px 0 20px;color:var(--ink);font:700 clamp(38px,6vw,72px)/1.02 Georgia,serif;letter-spacing:-.04em}
.lead{max-width:800px;margin:0;color:#4f5a63;font-size:clamp(18px,2.2vw,22px);line-height:1.55}
.article-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px;color:var(--muted);font-size:13px}
.layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:50px;max-width:1120px;margin:0 auto;padding:58px 22px 90px}
.article{min-width:0}
.article h2{margin:52px 0 16px;color:var(--ink);font:700 clamp(27px,3.5vw,40px)/1.12 Georgia,serif;letter-spacing:-.025em}
.article h3{margin:31px 0 9px;color:var(--ink);font:700 23px/1.25 Georgia,serif}
.article p{margin:0 0 22px}
.article ul,.article ol{margin:0 0 26px;padding-left:25px}
.article li{margin:0 0 13px;padding-left:5px}
.article strong{color:var(--ink)}
.article-intro{font-size:19px;color:#3c4852}
.callout{margin:36px 0;padding:24px 27px;background:#fff;border-left:4px solid var(--accent);box-shadow:0 10px 30px rgba(17,24,32,.06)}
.checklist{display:grid;gap:13px;padding:0;list-style:none}
.checklist li{position:relative;margin:0;padding:15px 16px 15px 46px;background:#fff;border:1px solid var(--line)}
.checklist li::before{content:"✓";position:absolute;left:17px;color:var(--accent);font-weight:900}
.faq{margin-top:20px}
.faq-item{padding:23px 0;border-top:1px solid var(--line)}
.faq-item h3{margin:0 0 9px;font-size:21px}
.sidebar{min-width:0}
.sidebar-box{position:sticky;top:24px;padding:25px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.sidebar-box h2{margin:0 0 18px;color:var(--ink);font:700 22px/1.2 Georgia,serif}
.sidebar-box ul{margin:0;padding:0;list-style:none}
.sidebar-box li{padding:12px 0;border-bottom:1px solid var(--line);line-height:1.45}
.sidebar-box li:last-child{border:0}
.sidebar-box a:hover{color:var(--accent)}
.footer{background:var(--ink);color:#bac2c9}
.footer__inner{max-width:1120px;margin:auto;padding:34px 22px;text-align:center;font-size:14px}
.footer a{color:#fff}
@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar-box{position:static}.sidebar{order:2}}
@media(max-width:600px){body{font-size:16px}.topbar__inner{padding:0 15px}.brand{font-size:22px}.nav a{padding:17px 10px;font-size:11px}.hero__inner{padding:42px 16px 48px}h1{font-size:39px}.layout{padding:40px 16px 65px;gap:36px}.article h2{margin-top:42px}.callout{padding:20px}.article-meta{gap:10px}}