:root{
  --paper:#f3f0e7;
  --ink:#1e2522;
  --green:#315b4e;
  --green2:#dfe9e2;
  --orange:#d96b31;
  --sand:#e8dfca;
  --line:#cfc7b7;
  --white:#fffdf7;
  --muted:#6c706b;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit}
.wrap{width:min(1160px,calc(100% - 40px));margin:auto}
.header{border-bottom:1px solid var(--line);background:rgba(243,240,231,.96);position:sticky;top:0;z-index:10;backdrop-filter:blur(8px)}
.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between}
.mark{font-family:Georgia,serif;font-size:26px;font-weight:700;text-decoration:none;letter-spacing:-.03em}
.mark span{display:inline-block;margin-left:8px;background:var(--orange);color:#fff;border-radius:50%;width:34px;height:34px;text-align:center;line-height:34px;font-family:Arial,sans-serif;font-size:13px}
.header-note{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--muted)}
.intro{display:grid;grid-template-columns:1fr 290px;gap:50px;padding:72px 0 38px}
.eyebrow,.section-kicker{font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--green);text-transform:uppercase}
h1,h2,h3{margin-top:0;line-height:1.08}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,7vw,88px);letter-spacing:-.045em;margin-bottom:24px}
h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(32px,4vw,52px);letter-spacing:-.03em}
h3{font-size:22px}
.subtitle{font-size:22px;max-width:780px}
.date-card{background:var(--green);color:#fff;padding:28px;align-self:start;border-radius:0 0 80px 0}
.date-card span{font-size:10px;font-weight:900;letter-spacing:.15em}
.date-card strong{display:block;font-family:Georgia,serif;font-size:62px;line-height:1;margin:12px 0}
.date-card p{font-size:14px;color:#e5eee9}
.decision{padding:38px 0 50px}
.decision-title{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--ink);margin-bottom:28px}
.decision-title span{font-size:11px;font-weight:900;letter-spacing:.15em;color:var(--orange);padding-bottom:12px}
.decision-title h2{margin:0 0 12px;max-width:720px}
.fork{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.path{padding:32px;border:1px solid var(--line);background:var(--white);min-height:390px;position:relative}
.path-a{border-top:8px solid var(--green)}
.path-b{border-top:8px solid var(--orange)}
.path-tag{font-size:10px;font-weight:900;letter-spacing:.16em;margin-bottom:18px}
.path-a .path-tag{color:var(--green)}
.path-b .path-tag{color:var(--orange)}
.path h3{font-family:Georgia,serif;font-size:34px}
.path ul{padding-left:18px}
.path li{margin-bottom:9px}
.answer-box{background:var(--ink);color:#fff;padding:34px 40px;margin-top:8px;margin-bottom:66px}
.answer-label{font-size:10px;font-weight:900;letter-spacing:.16em;color:#f0a27b}
.answer-box p{font-family:Georgia,serif;font-size:23px;line-height:1.45;margin:10px 0 0}
.checklist-section{padding:0 0 66px}
.audit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.audit-grid>div{background:var(--white);border:1px solid var(--line);padding:22px;min-height:200px}
.audit-grid span{display:block;color:var(--orange);font-family:Georgia,serif;font-size:34px}
.audit-grid h3{font-size:19px;margin:12px 0 7px}
.audit-grid p{font-size:14px;color:var(--muted)}
.band{background:var(--green);color:#fff;padding:56px 0;margin:0 0 66px}
.band-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}
.band .light{color:#bcd1c7}
.band h2{margin:8px 0 0}
.band p{font-size:18px}
.uses{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}
.uses span{background:var(--sand);padding:9px 12px;border-left:4px solid var(--orange);font-size:13px;font-weight:700}
.small-note,.updated{font-size:13px;color:var(--muted)}
.flow-section{padding:60px 0}
.flow{border-top:1px solid var(--line)}
.flow-row{display:grid;grid-template-columns:80px 1fr;gap:22px;border-bottom:1px solid var(--line);padding:22px 0}
.flow-no{font-family:Georgia,serif;font-size:38px;color:var(--green)}
.flow-row h3{margin:0 0 5px;font-family:Georgia,serif}
.flow-row p{margin:0;color:var(--muted)}
.compare{padding:20px 0 64px}
.compare-table{border:1px solid var(--line)}
.compare-head,.compare-row{display:grid;grid-template-columns:1.2fr 1fr 1fr}
.compare-head{background:var(--ink);color:#fff;font-weight:800}
.compare-head>div,.compare-row>div{padding:15px;border-left:1px solid var(--line)}
.compare-head>div:first-child,.compare-row>div:first-child{border-left:0}
.compare-row{background:var(--white);border-top:1px solid var(--line)}
.warning{display:grid;grid-template-columns:90px 1fr;gap:28px;background:#f4d9c9;padding:28px 34px;margin-bottom:64px}
.warning-mark{font-family:Georgia,serif;font-size:72px;line-height:1;color:var(--orange)}
.warning h2{font-size:34px;margin-bottom:8px}
.warning p{margin:0}
.faq{padding:0 0 60px}
.faq details{border-top:1px solid var(--line);padding:18px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font-family:Georgia,serif;font-size:21px;font-weight:700}
.faq p{max-width:900px}
.sources{padding:0 0 56px}
.sources li{margin-bottom:10px}
.ecosystem{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;background:var(--sand);padding:34px;margin-bottom:44px}
.ecosystem h2{font-size:36px;margin:7px 0}
.actions{display:flex;flex-direction:column;gap:10px;justify-content:center}
.btn{text-decoration:none;padding:13px 16px;font-weight:800;text-align:center;border:2px solid var(--ink)}
.btn.primary{background:var(--ink);color:#fff}
.btn.secondary{background:transparent}
.editorial{padding:0 0 50px;font-size:13px;color:var(--muted)}
footer{border-top:1px solid var(--line);background:#e6e0d4}
.footer-inner{min-height:88px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;font-size:11px;font-weight:800;letter-spacing:.08em}
@media(max-width:860px){
  .intro,.band-inner,.ecosystem{grid-template-columns:1fr}
  .date-card{max-width:320px}
  .fork{grid-template-columns:1fr}
  .audit-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .wrap{width:min(100% - 24px,1160px)}
  .header-note{display:none}
  .intro{padding-top:42px}
  h1{font-size:48px}
  .audit-grid{grid-template-columns:1fr}
  .compare-head,.compare-row{grid-template-columns:1fr}
  .compare-head>div,.compare-row>div{border-left:0;border-top:1px solid var(--line)}
  .warning{grid-template-columns:55px 1fr}
  .footer-inner{grid-template-columns:1fr;padding:20px 0}
}