:root{--paper:#f5f0e8;--card:#faf8f4;--ink:#201b16;--muted:#625b51;--line:#d8d0c0;--sage:#718a73;--gold:#b8923a;--coral:#f7c8c1}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 'DM Sans',sans-serif}
a{color:#486b51;text-underline-offset:3px}
.guide{max-width:1050px;margin:auto;padding:clamp(32px,6vw,70px) clamp(18px,4vw,42px) 90px}
.masthead{border-top:3px solid var(--ink);padding-top:29px;margin-bottom:50px}
.kicker,.section-label,.chart-head,.chip,.source-label{font:10px/1.5 'DM Mono',monospace;letter-spacing:.15em;text-transform:uppercase}
.kicker{color:var(--sage);margin:0 0 12px}
h1,h2,h3{font-family:'Libre Baskerville',Georgia,serif;letter-spacing:-.025em}
h1{font-size:clamp(34px,5vw,53px);line-height:1.18;margin:0 0 22px}
.lead{max-width:760px;padding-left:20px;border-left:2px solid var(--gold);font-size:16px;line-height:1.8;color:var(--muted);margin:0}
.section{margin:0 0 62px}
.section-label{display:flex;align-items:center;gap:14px;color:var(--muted);margin:0 0 20px}
.section-label:after{content:'';height:1px;background:var(--line);flex:1}
h2{font-size:clamp(24px,3vw,32px);line-height:1.3;margin:0 0 15px}
.section-intro{max-width:740px;color:var(--muted);margin:0 0 23px}
.chart{border:1px solid var(--line);background:var(--card)}
.chart-head,.chart-row{display:grid;grid-template-columns:190px minmax(0,1.25fr) minmax(0,1fr)}
.chart-head{background:var(--sage);color:white}
.chart-head span,.chart-row>div{padding:14px 17px}
.chart-row{border-top:1px solid var(--line)}
.chart-row:first-of-type{border-top:0}
.chart-row:hover{background:#f0eadd}
.chart-row>div:not(:first-child){border-left:1px solid var(--line)}
.chart-row strong{display:block;font:700 14px/1.45 'Libre Baskerville',Georgia,serif;margin-bottom:4px}
.chart-row p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.chart-row .detail{font:10px/1.5 'DM Mono',monospace;letter-spacing:.04em;color:#7b6d5a}
.chart-row a{font-size:12px}
.note{border-left:3px solid var(--gold);padding:14px 20px;background:#eee7d7;color:var(--muted);font-size:13px;line-height:1.65;margin-top:20px}
.note strong{color:var(--ink)}
.source-list{display:flex;flex-wrap:wrap;gap:8px 20px;padding-top:12px;color:var(--muted);font-size:12px}
.source-label{color:var(--sage);width:100%}
.source-list a{font-size:12px}
.condition{border-top:2px solid var(--ink);padding-top:26px;margin-top:58px}
.condition .eyebrow{color:var(--sage);font:10px 'DM Mono',monospace;letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px}
.condition h2{margin-bottom:11px}
.condition .chart-head,.condition .chart-row{grid-template-columns:180px minmax(0,1.3fr) minmax(0,1fr)}
.guide-footer{border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:12px}
@media(max-width:700px){.chart-head{display:none}.chart-row,.condition .chart-row{display:block}.chart-row>div{padding:10px 17px}.chart-row>div:first-child{padding-top:18px}.chart-row>div:last-child{padding-bottom:18px}.chart-row>div:not(:first-child){border-left:0}.chart-row{border-left:3px solid var(--sage)}}