:root{
  --ink:#1F3A3D; --ink2:#4A5F61; --muted:#5F7072;
  --brass:#B08D57; --brass-deep:#8C6C3D;
  --sand:#F4EFE6; --rule:#C9D2D1;
  --page:#FBFAF7; --card:#FFFFFF;
  --hero:#1F3A3D; --hero-text:#F4EFE6; --hero-muted:#B7C4C2; --hero-line:#3E5B5E;
  --serif:"Lora", Georgia, "Times New Roman", serif;
  --sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ink:#ECE6D9; --ink2:#C4CDCC; --muted:#9AA9A8;
    --brass:#CBA872; --brass-deep:#CBA872;
    --sand:#1C3033; --rule:#2F4749;
    --page:#122325; --card:#18292B;
    --hero:#0D1B1D; --hero-text:#F1EBDD; --hero-muted:#A9B8B6; --hero-line:#2C4447;
    color-scheme:dark;
  }
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--page);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:2px}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.narrow{max-width:720px}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.2;margin:0}
p{margin:0 0 1em}

.bar{position:sticky;top:0;z-index:9;background:var(--hero);color:var(--hero-text);border-bottom:1px solid var(--hero-line)}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:20px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand svg{width:34px;height:34px;flex:none}
.brand span{font-family:var(--serif);font-size:1.08rem;letter-spacing:.02em}
.links{display:flex;gap:22px;align-items:center;font-size:.92rem}
.links a{text-decoration:none;color:var(--hero-muted)}
.links a:hover{color:var(--hero-text)}
@media (max-width:640px){.links a:not(.btn){display:none}}
.btn{display:inline-block;font-family:var(--sans);font-weight:500;font-size:.95rem;text-decoration:none;padding:12px 22px;border-radius:3px;border:1px solid transparent}
.btn-brass{background:var(--brass);color:#1A2C2E}
.btn-brass:hover{background:#C29E68}
.btn-line{border-color:var(--rule);color:var(--ink)}
.btn-line:hover{border-color:var(--brass)}
.bar .btn{padding:8px 16px;font-size:.88rem}

.hero{background:var(--hero);color:var(--hero-text);padding:64px 0 56px}
.hero h1{font-size:clamp(2rem,5vw,3.1rem);letter-spacing:-.01em;margin:12px 0 18px}
.hero .sum{font-family:var(--serif);font-size:1.18rem;line-height:1.65;color:var(--hero-muted);max-width:60ch;margin:0}
.hero .meta{color:var(--brass);margin:22px 0 0;font-size:.9rem}
.back{color:var(--hero-muted);text-decoration:none;font-size:.9rem;display:inline-block;margin-bottom:18px}
.eyebrow,.tag{display:inline-block;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brass);font-weight:600}

.body{padding:48px 24px 16px;font-size:1.08rem;line-height:1.8}
.body p{margin-bottom:1.15em}
.body h2{font-size:clamp(1.5rem,3vw,1.9rem);margin:2.2em 0 .6em}
.body blockquote{font-family:var(--serif);font-style:italic;font-size:1.35rem;line-height:1.5;border-left:2px solid var(--brass);padding:4px 0 4px 20px;margin:1.8em 0}
.body b{font-weight:600}
.body table td{border-color:var(--rule)!important}

.share{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:20px 0;margin:28px 0;color:var(--ink2)}
.wa-btn{background:#25d366;color:#fff}
.cta{background:var(--sand);border-left:3px solid var(--brass);padding:28px;margin-bottom:72px}
.cta b{font-family:var(--serif);font-weight:500;font-size:1.3rem;display:block;margin-bottom:8px}
.cta p{color:var(--ink2)}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}

.list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:48px 0 80px}
.card{background:var(--card);border-top:3px solid var(--brass);padding:26px 26px 22px;display:flex;flex-direction:column;text-decoration:none}
.card.big{grid-column:1 / -1}
.card b{font-family:var(--serif);font-weight:500;font-size:1.3rem;line-height:1.3;margin:10px 0}
.card.big b{font-size:1.6rem}
.card p{color:var(--ink2);flex:1}
.card .d{font-size:.85rem;color:var(--muted)}
.card .tag{color:var(--brass-deep)}
.card:hover b{text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:4px}
@media (max-width:700px){.list{grid-template-columns:1fr}}

footer{background:var(--hero);color:var(--hero-muted);font-size:.85rem;border-top:1px solid var(--hero-line)}
footer .wrap{padding-top:28px;padding-bottom:36px;display:grid;gap:14px}
footer p{margin:0}
footer a{color:var(--hero-text)}