/* Atlas data plates: quiet ink, shared encodings, action-specific compositions. */
.action-columns{gap:clamp(30px,6vw,100px);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.action-dataviz{margin:24px 0 12px;min-width:0}
.viz-mode{font:10px/1.7 var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 10px}
.section .action-dataviz h2{font:clamp(28px,2.5vw,39px)/1.14 var(--serif);letter-spacing:-.015em;margin:0 0 18px;max-width:620px}
.data-drawing{width:100%;height:auto;display:block;max-width:600px;margin:0 auto 8px;overflow:visible;font-family:var(--sans)}
.data-drawing text{font-variant-numeric:tabular-nums}
.viz-reading,.viz-boundary{font:13px/1.65 var(--sans);margin:14px 0;color:var(--ink)}
.viz-boundary{padding-left:14px;border-left:2px solid #a73e2b;color:#535c53}
.viz-source{display:inline-flex;align-items:center;min-height:40px;font:12px/1.5 var(--sans);text-decoration:underline;text-underline-offset:4px}
.viz-legend{display:flex;justify-content:center;gap:30px;font:13px/1.6 var(--sans);margin:6px 0 20px}
.viz-legend span{display:flex;align-items:center;gap:8px}.viz-legend i{display:inline-block;width:18px;height:3px}.before-key{background:#7d897f}.after-key{background:#286c70}
.viz-data{border-top:1px solid var(--rule);margin-top:12px}.viz-data summary{font:12px/1.5 var(--sans);min-height:44px;display:flex;align-items:center;justify-content:space-between}.viz-data summary:after{content:'+';font-size:19px}.viz-data[open] summary:after{content:'−'}
.viz-data table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.5;table-layout:fixed}.viz-data th,.viz-data td{border-top:1px solid var(--rule);padding:9px 0;text-align:left;vertical-align:top;overflow-wrap:anywhere}.viz-data th{font-weight:400;padding-right:16px;width:48%}.viz-data td{text-align:right}
.viz-node-key{padding:0;margin:10px 0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;font:13px/1.45 var(--sans)}.viz-node-key li>span{display:block;font:11px/1.7 var(--mono);color:var(--muted);margin-bottom:7px}.viz-node-key li.active{color:#286c70}
.mechanism-explanation{margin:25px 0 0;border-top:1px solid var(--rule)}.mechanism-explanation summary{display:flex;align-items:center;justify-content:space-between;min-height:50px;font-size:14px}.mechanism-explanation .lead{font-size:16px}
.calculator{padding:30px;min-width:0}.calculator .social-dataviz h3{font:26px/1.16 var(--serif);margin:15px 0 8px}.social-dataviz figcaption p{font:12px/1.6 var(--sans);margin-bottom:14px}.social-dataviz .data-drawing{margin:12px auto}.social-dataviz .viz-reading{font-size:12px;margin:10px 0}.social-dataviz{border-bottom:1px solid #bcc5b7;padding-bottom:15px}
.viz-scale-controls{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0 15px}.viz-scale-controls button{font:11px/1.5 var(--mono);min-height:44px;border-bottom:1px solid transparent}.viz-scale-controls button[aria-pressed=true]{border-bottom:2px solid #286c70;color:#205b5f}
.condition-explorer{background:var(--wash);padding:30px}.section .condition-explorer h2{font-size:38px;line-height:1.1}.condition-explorer>p{font-size:15px}.condition-buttons{margin:25px 0}.condition-buttons button{width:100%;display:grid;grid-template-columns:22px 1fr 18px;align-items:center;gap:13px;text-align:left;min-height:65px;border-top:1px solid #bcc5b7;padding:12px 0;font-size:15px}.condition-buttons button>span:first-child{font:12px var(--mono)}.condition-buttons button:last-child{border-bottom:1px solid #bcc5b7}.condition-buttons button[aria-pressed=true]{color:#205b5f}.condition-buttons button[aria-pressed=true]>span:first-child{border-bottom:2px solid #286c70;padding-bottom:5px}
.condition-reading{border-left:2px solid #286c70;padding:3px 0 3px 18px;margin:28px 0}.condition-reading h3{font:25px/1.2 var(--serif);margin-bottom:12px}.condition-reading p{font-size:15px;margin-bottom:0}.viz-empty{padding:50px 0;font:20px/1.4 var(--serif)}
@media(max-width:850px){.action-columns{grid-template-columns:minmax(0,1fr)}.action-columns>aside{margin-top:35px}.data-drawing{max-width:520px}.section .action-dataviz h2{font-size:34px}}
@media(max-width:440px){.calculator,.condition-explorer{padding:22px 14px}.section .action-dataviz h2{font-size:30px}.viz-node-key{gap:9px;font-size:12px}.condition-buttons button{font-size:14px}.viz-reading,.viz-boundary{font-size:13px}.input-grid{gap:18px 10px}.viz-scale-controls{gap:12px}.viz-scale-controls button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.data-drawing *{animation:none!important;transition:none!important}}
@media print{.action-dataviz,.social-dataviz{break-inside:avoid}.data-drawing{max-width:380px}.viz-scale-controls,.condition-buttons{display:none}.action-columns{display:block}.condition-explorer{margin-top:20px}.action-dataviz .viz-data{display:block}.data-drawing{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

@media(max-width:850px){.action-columns>.reasoning{display:contents}.reasoning>section:first-child{grid-row:1}.action-columns>aside{grid-row:2;margin-top:0}.reasoning>.first-step{grid-row:3;margin:5px 0}.reasoning>.evidence{grid-row:4}.action-columns{row-gap:35px}}

.viz-group-input{margin-top:22px;padding-top:20px;border-top:1px solid #bcc5b7}.calculator .viz-exact-values{margin-top:0;border-top:0}.viz-exact-values caption{font-size:12px;text-align:left;padding:10px 0}.viz-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.calculator .input-provenance{margin-top:12px}.calculator .calculation{margin-top:12px}

/* Before/after comparisons: the result stays close to the editable assumptions. */
.scenario-headline{border-top:1px solid #bcc5b7;border-bottom:1px solid #bcc5b7;padding:20px 0;margin:24px 0}
.scenario-result-label{font:11px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px}
.scenario-result-number{font:clamp(40px,5vw,64px)/1 var(--serif);color:#a73e2b;margin:8px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.scenario-result-unit{font:14px/1.5 var(--sans);margin:10px 0}
.scenario-result-note{font:12px/1.6 var(--sans);color:#535c53;margin:12px 0 0}
.calculator select{width:100%;min-width:0;min-height:46px;border:1px solid #aeb7a9;padding:10px 6px;background:var(--paper);font:12px/1.5 var(--sans);color:var(--ink)}
.input-grid label:has(select){grid-column:1/-1}
.scenario-sources{margin:28px 0;padding:22px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.scenario-sources ul{padding-left:18px}.scenario-sources li{margin:18px 0}.scenario-sources a{text-decoration:underline;text-underline-offset:3px;font-size:13px;overflow-wrap:anywhere}
