:root{
  --cab:#552448; --cab-dark:#3d1a34; --cab-light:#7a3b6a; --cream:#f9f6f2; --ink:#241b22;
  --gray:#6b6168; --line:#e7e0dd; --gold:#b89b5e; --ok:#2e6e4e;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Georgia,'Times New Roman',serif;background:var(--cream);color:var(--ink);line-height:1.7}
.sans{font-family:'Helvetica Neue',Arial,sans-serif}
a{color:var(--cab)}
.topbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 8px rgba(36,27,34,.06)}
.topbar .inner{max-width:1100px;margin:0 auto;padding:10px 22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo img{height:40px;display:block}
.logo .wm{border-left:1px solid var(--line);padding-left:12px}
.logo .t1{font-size:15px;color:var(--cab);letter-spacing:.5px}
.logo .t2{font-size:10px;color:var(--gray);text-transform:uppercase;letter-spacing:1.6px}
.topnav{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap}
.topnav a{font-family:'Helvetica Neue',Arial,sans-serif;text-decoration:none;color:var(--ink);font-size:13.5px;padding:9px 13px;border-radius:8px}
.topnav a:hover{background:#f1e9ef}
.nav-cta{background:var(--gold);color:#fff;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:bold;text-decoration:none;white-space:nowrap}
.nav-cta:hover{background:#caa867;color:#fff}
.wrap{max-width:760px;margin:0 auto;padding:40px 22px 60px}
.hero-list{max-width:1100px;margin:0 auto;padding:40px 22px 10px}
.hero-list h1{font-size:32px;color:var(--cab);font-weight:normal;letter-spacing:.3px}
.hero-list p{color:var(--gray);font-size:15px;margin-top:8px;max-width:640px}
.cards{max-width:1100px;margin:0 auto;padding:20px 22px 60px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.bcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s;display:block}
.bcard:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(36,27,34,.12)}
.bcard .tag{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:1.4px;font-weight:bold}
.bcard h2{font-size:19px;color:var(--cab);margin:8px 0 6px;font-weight:normal;line-height:1.3}
.bcard p{font-size:14px;color:var(--gray)}
article .kicker{font-family:'Helvetica Neue',Arial,sans-serif;font-size:12px;color:var(--gold);text-transform:uppercase;letter-spacing:1.6px;font-weight:bold}
article h1{font-size:33px;color:var(--cab);font-weight:normal;line-height:1.25;margin:8px 0 10px}
article .meta{font-family:'Helvetica Neue',Arial,sans-serif;font-size:13px;color:var(--gray);border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:24px}
article h2{font-size:22px;color:var(--cab);font-weight:normal;margin:30px 0 10px}
article p{font-size:17px;margin-bottom:16px}
article ul{margin:0 0 16px 22px}
article li{font-size:17px;margin-bottom:8px}
.callout{background:#faf3e6;border-left:4px solid var(--gold);padding:14px 18px;border-radius:0 10px 10px 0;font-size:15.5px;margin:20px 0}
.cta-box{background:var(--cab);color:#fff;border-radius:16px;padding:26px;margin:34px 0 10px;text-align:center}
.cta-box h3{font-weight:normal;font-size:21px;margin-bottom:6px}
.cta-box p{color:#f0e3ec;font-size:14.5px;margin-bottom:16px}
.cta-box a{display:inline-block;background:#fff;color:var(--cab);text-decoration:none;border-radius:24px;padding:12px 26px;font-weight:bold;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14.5px;margin:4px}
.cta-box a.wa{background:#25d366;color:#fff}
.backlink{font-family:'Helvetica Neue',Arial,sans-serif;font-size:13.5px;display:inline-block;margin-bottom:18px}
footer{border-top:1px solid var(--line);background:#fff;padding:26px 22px;font-size:11.5px;color:var(--gray);line-height:1.7}
footer .finner{max-width:1100px;margin:0 auto;display:flex;gap:18px;flex-wrap:wrap;align-items:center}
footer img{height:34px}
.disc{flex:1;min-width:260px}
.related{margin-top:30px;border-top:1px solid var(--line);padding-top:20px}
.related h3{font-size:15px;color:var(--cab);font-family:'Helvetica Neue',Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}
.related a{display:block;margin-bottom:7px;font-size:15px}