:root{
  color-scheme:light dark;
  --bg:#efeee7;--paper:#fbfaf6;--ink:#26362c;--soft:#52665a;
  --clay:#8b5b63;--line:#d9d6ca;--moss:#7c9270;
  --note:#f1f2ec;--byline:rgba(255,255,255,.52);--shadow:rgba(38,54,44,.07)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif;line-height:1.72;transition:background-color .2s ease,color .2s ease}
a{color:inherit}.wrap{width:min(860px,calc(100% - 40px));margin:auto}
.top{display:flex;align-items:center;justify-content:space-between;padding:26px 0}
.brand{text-decoration:none;font-family:Georgia,serif;font-size:22px;font-weight:700}
.back{text-decoration:none;border:1px solid var(--line);background:var(--paper);padding:9px 15px;border-radius:30px;font-size:14px}
.hero{padding:65px 0 44px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--clay);font-size:12px;font-weight:700}
.hero h1{font-family:Georgia,serif;font-size:clamp(38px,7vw,68px);font-weight:500;line-height:1.03;letter-spacing:-.035em;margin:18px 0 22px}
.lead{font-size:20px;color:var(--soft);max-width:680px}
.article{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:clamp(24px,6vw,58px);margin-bottom:26px;box-shadow:0 18px 50px var(--shadow)}
.article h2{font-family:Georgia,serif;font-size:32px;line-height:1.15;margin:42px 0 14px}.article h2:first-child{margin-top:0}
.article h3{font-size:20px;margin:30px 0 8px}.article p,.article li{font-size:17px}.article ul,.article ol{padding-left:24px}
.note{border-left:3px solid var(--moss);padding:12px 18px;background:var(--note);border-radius:0 12px 12px 0}
.related{margin:34px 0 0;padding-top:24px;border-top:1px solid var(--line)}
.related strong{display:block;margin-bottom:9px}
.related a{display:inline-block;margin:4px 16px 4px 0;color:var(--clay);font-weight:700;text-underline-offset:3px}
.byline{margin:34px 0 4px;padding:20px 22px;border:1px solid var(--line);border-radius:20px;background:var(--byline);color:var(--soft);font-size:15px;line-height:1.55}
.byline strong{color:var(--ink)}.byline p{margin:0}.byline p+p{margin-top:7px}.byline time{white-space:nowrap}
.cta{background:var(--ink);color:var(--paper);border-radius:25px;padding:34px;margin:34px 0;text-align:center}
.cta h2{font-family:Georgia,serif;font-size:32px;margin:0 0 12px}.cta a{display:inline-block;background:var(--paper);color:var(--ink);text-decoration:none;padding:13px 22px;border-radius:30px;font-weight:700;margin-top:10px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}
.card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px;text-decoration:none;box-shadow:0 12px 36px var(--shadow);transition:transform .2s ease,border-color .2s ease}
.card:hover{transform:translateY(-2px);border-color:var(--moss)}
.card h2{font-family:Georgia,serif;font-size:25px;line-height:1.15;margin:0 0 10px}.card p{color:var(--soft);margin:0}
.foot{padding:28px 0 50px;color:var(--soft);font-size:14px}.disclaimer{font-size:14px;color:var(--soft);border-top:1px solid var(--line);padding-top:20px}

@media(prefers-color-scheme:dark){
  :root{
    --bg:#111914;--paper:#18231c;--ink:#f2f0e8;--soft:#b6c1b8;
    --clay:#d09aa4;--line:#35443a;--moss:#a6bb98;
    --note:#202d25;--byline:rgba(255,255,255,.035);--shadow:rgba(0,0,0,.22)
  }
  .cta{background:#263b2f;color:#f5f2e9}
  .cta a{background:#f2f0e8;color:#1b2b21}
}

@media(max-width:650px){.cards{grid-template-columns:1fr}.hero{padding-top:36px}.article p,.article li{font-size:16px}.top .back{display:none}}