/* Design-defense page. Builds on style.css tokens: --paper --ink --muted --green --line --amber */
.defense{max-width:1120px;margin:0 auto;padding:0 5vw 80px}
.defense .prose{max-width:68ch;line-height:1.65}
.defense h1{font-size:clamp(46px,6vw,86px);margin:48px 0 18px;max-width:14ch}
.defense h2{font-size:clamp(32px,3.6vw,50px);margin:0 0 14px}
.defense h3{margin:28px 0 8px}
.defense section{padding:56px 0 8px;border-top:1px solid var(--line);scroll-margin-top:84px}
.defense .kicker{font-size:14px;color:var(--green);font-weight:600;margin:0 0 6px}
.defense .standfirst{font-size:21px;line-height:1.5;max-width:58ch}
.defense .honesty{border-left:4px solid var(--amber);background:#fbf0dc;padding:14px 18px;max-width:72ch;line-height:1.55;margin:22px 0}
.toc{display:flex;flex-wrap:wrap;gap:8px 18px;margin:26px 0 8px;font-size:14px}
.toc a{text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px}
.toc a:hover{border-color:var(--green)}
/* The one bold element: the radiant-temperature finding */
.finding{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:28px 0;border-top:3px solid var(--ink)}
.finding div{padding:18px 18px 18px 0}
.finding b{display:block;font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(34px,4vw,54px);font-weight:400;letter-spacing:-.03em;color:var(--green);line-height:1}
.finding span{display:block;margin-top:8px;font-size:14px;line-height:1.45;color:var(--muted);max-width:26ch}
.chart{background:#fffdf7;border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin:18px 0;overflow-x:auto}
.chart svg{width:100%;min-width:620px;height:auto;display:block}
.chart .grid{stroke:#e3e8de;stroke-width:1}
.chart .tick{fill:var(--muted);font-size:11px}
.chart .bar-label{fill:var(--ink);font-size:12.5px}
.chart .bar-value{fill:var(--ink);font-size:12px;font-weight:600}
.chart .bar{fill:#9db3a5}.chart .bar.saaya{fill:var(--green)}.chart .bar.sun{fill:#c98d3c}
.chart .margin-band{fill:#e8eddf}.chart .zero{stroke:var(--muted);stroke-dasharray:3 3}
.chart .run{fill:#9db3a5;stroke:var(--green)}.chart .ci{stroke:var(--green);stroke-width:4;stroke-linecap:round}.chart .mean{fill:var(--green)}
.caption{font-size:13.5px;color:var(--muted);max-width:80ch;line-height:1.5}
.wide{overflow-x:auto;margin:14px 0 6px}
.defense table{border-collapse:collapse;width:100%;font-size:14px;min-width:620px}
.defense th,.defense td{padding:10px 12px 10px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.45}
.defense thead th{font-size:12.5px;color:var(--muted);font-weight:600;border-bottom:2px solid var(--ink)}
.defense tbody th{font-weight:600}
.defense td.yes{color:var(--green);font-weight:600}.defense td.no{color:#8a4b12}
.adr{display:grid;gap:0}
.adr details{border-bottom:1px solid var(--line);padding:4px 0}
.adr summary{cursor:pointer;padding:14px 0;display:grid;grid-template-columns:minmax(150px,.8fr) 2fr;gap:18px;list-style:none}
.adr summary::-webkit-details-marker{display:none}
.adr summary .topic{color:var(--muted);font-size:14px}
.adr summary .choice{font-weight:600}
.adr summary .choice:after{content:' +';color:var(--green)}
.adr details[open] summary .choice:after{content:' −'}
.adr .body{display:grid;grid-template-columns:minmax(150px,.8fr) 2fr;gap:18px;padding:0 0 18px}
.adr .body dl{grid-column:2;margin:0;line-height:1.55}
.adr dt{font-size:13px;color:var(--muted);margin-top:10px}
.adr dd{margin:2px 0 0}
.qa details{border-bottom:1px solid var(--line)}
.qa summary{cursor:pointer;padding:15px 0;font-weight:600;line-height:1.4}
.qa details p{margin:0 0 16px;max-width:72ch;line-height:1.6}
.money{display:flex;flex-wrap:wrap;gap:12px 40px;margin:18px 0}
.money div b{display:block;font-size:28px;font-weight:600;letter-spacing:-.02em}
.money div span{font-size:13px;color:var(--muted)}
.fixes li{margin:0 0 10px;line-height:1.55;max-width:80ch}
.defense code{font-size:.92em;background:#eef1e8;padding:1px 5px;border-radius:3px}
@media (max-width:760px){
 .finding{grid-template-columns:1fr 1fr}
 .adr summary,.adr .body{grid-template-columns:1fr;gap:4px}
 .adr .body dl{grid-column:1}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.defense th{text-transform:none;letter-spacing:0}