.disaster-page{--hazard:#ff765e;--hazard-soft:#ffe3da}.disaster-head{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:60px;align-items:end;margin-bottom:32px}.disaster-head h1{font-size:clamp(58px,7vw,98px);font-weight:450;letter-spacing:-.065em;line-height:.9;margin:16px 0 24px}.disaster-head p{max-width:760px;font-size:20px;color:var(--muted)}.selected-record{border:1px solid var(--line);border-radius:22px;padding:22px;background:rgba(255,255,255,.62);display:grid;gap:7px}.selected-record span,.selected-record small{color:var(--muted);font-size:12px}.disaster-warning{padding:18px 22px;border:1px solid #9d3c2b;border-radius:18px;background:var(--hazard-soft);margin-bottom:72px}.scenario-setup,.scenario-detail,.comparison-section{margin:90px 0}.section-heading{display:flex;gap:18px;align-items:flex-start;margin-bottom:28px}.section-heading>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--ink);border-radius:50%;font-weight:700}.section-heading h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.045em;font-weight:450;margin:0 0 8px}.section-heading p{color:var(--muted);margin:0;max-width:760px}.disaster-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.disaster-card{min-height:165px;text-align:left;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.55);padding:18px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:.2s}.disaster-card:hover,.disaster-card:focus-visible{transform:translateY(-3px);border-color:var(--ink)}.disaster-card.active{background:var(--hazard-soft);border:2px solid var(--ink);box-shadow:0 10px 25px rgba(57,24,14,.1)}.disaster-card strong{font-size:17px;line-height:1.15}.disaster-card small{color:var(--muted);margin-top:auto}.disaster-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--hazard);border:1px solid var(--ink);font-weight:800}.scenario-controls{display:grid;grid-template-columns:280px auto 1fr;gap:16px;align-items:end;margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:22px}.scenario-controls label{display:grid;gap:6px;font-size:12px;font-weight:700}.scenario-controls select{min-height:48px;border:1px solid var(--line);border-radius:14px;background:white;padding:0 12px}.scenario-controls p{color:var(--muted);margin:0 0 8px}.simulation-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.62fr);gap:18px;align-items:stretch;margin:60px 0}.simulation-main,.simulation-panel{border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.7);padding:24px}.simulation-main{background:linear-gradient(135deg,rgba(224,247,244,.8),rgba(255,227,218,.5))}.simulation-title{display:flex;justify-content:space-between;gap:20px;align-items:start}.simulation-title h2,.simulation-panel h2{font-size:32px;margin:7px 0}.legend{display:flex;gap:13px;flex-wrap:wrap;font-size:12px}.legend span:before{content:'';display:inline-block;width:13px;height:13px;border-radius:4px;margin-right:6px;vertical-align:-2px}.legend .baseline:before{background:#173f5f}.legend .pressure:before{background:#d45087}.legend .interaction:before{background:#178f7a}.disaster-radar{height:580px}.stage-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;border-top:1px solid var(--line);padding-top:18px}.stage-step{border:0;background:transparent;padding:8px 5px;font-size:12px;cursor:pointer;color:var(--muted)}.stage-step span{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;margin:0 auto 8px;background:white}.stage-step.active{color:var(--ink);font-weight:700}.stage-step.active span{background:var(--hazard);border-color:var(--ink);box-shadow:0 0 0 4px rgba(255,118,94,.2)}.simulation-panel{background:#111915;color:white}.stress-metrics{display:grid;gap:10px;margin:20px 0}.stress-metrics article{padding:16px;border:1px solid rgba(255,255,255,.18);border-radius:18px}.stress-metrics span,.stress-metrics p{font-size:12px;color:rgba(255,255,255,.6)}.stress-metrics strong{display:block;font-size:38px;font-weight:500;margin:6px 0}.stress-metrics strong small{font-size:16px}.stress-metrics .metric-words{font-size:20px;line-height:1.15}.highest-pressure{border-top:1px solid rgba(255,255,255,.18);padding-top:14px}.highest-pressure h3{font-size:15px}.pressure-ranking{padding-left:20px}.pressure-ranking li{padding:7px 0}.pressure-ranking li span{display:inline-block;width:calc(100% - 45px)}.narration{color:rgba(255,255,255,.74);font-size:14px;line-height:1.55;border-top:1px solid rgba(255,255,255,.18);padding-top:16px}.detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.pathway-card,.pressure-card{border:1px solid var(--line);border-radius:26px;padding:26px;background:rgba(255,255,255,.62)}.pathway-card h3,.pressure-card h3{font-size:24px;margin-top:0}.pathway{display:grid;justify-items:center;gap:8px}.pathway-node{width:100%;padding:15px;border:1px solid var(--line);border-radius:15px;background:white;text-align:center}.pathway-node.final{background:var(--lime-soft);border-color:var(--ink);font-weight:700}.pathway-arrow{font-size:23px}.pathway-card>p{font-size:12px;color:var(--muted)}.pressure-row{display:grid;grid-template-columns:minmax(180px,1fr) 1.2fr 48px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.pressure-row div:first-child{display:grid}.pressure-row small{color:var(--muted)}.pressure-bar{height:13px;border:1px solid var(--ink);border-radius:999px;overflow:hidden;background:white}.pressure-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--lime),var(--hazard));transition:width .45s ease}.pressure-row output{text-align:right;font-weight:700}.advanced-scenario{margin-top:18px;border:1px solid var(--line);border-radius:20px;padding:18px 22px;background:rgba(255,255,255,.45)}.advanced-scenario summary{font-weight:700;cursor:pointer}.advanced-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.advanced-grid label{display:grid;grid-template-columns:1fr auto;gap:4px;padding:12px;border:1px solid var(--line);border-radius:14px;background:white;font-size:13px}.advanced-grid label span{font-size:11px;color:var(--muted)}.advanced-grid input{grid-column:1/-1;width:100%;accent-color:var(--hazard)}.stress-comparison{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.comparison-fingerprint{border:1px solid var(--line);border-radius:22px;padding:15px;background:rgba(255,255,255,.64);min-width:0}.comparison-fingerprint>div:first-child{display:grid;gap:5px}.comparison-fingerprint span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.comparison-fingerprint strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-radar{height:320px}.assumptions-panel{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--ink);border-radius:26px;overflow:hidden;background:var(--ink)}.assumptions-panel>div{background:white;padding:28px}.assumptions-panel>div:last-child{background:var(--hazard-soft)}.assumptions-panel h2{font-size:25px;margin-top:0}.assumptions-panel li{margin:10px 0;color:var(--muted)}
@media(max-width:1050px){.disaster-cards{grid-template-columns:repeat(2,1fr)}.simulation-grid,.detail-grid{grid-template-columns:1fr}.stress-comparison{grid-template-columns:repeat(2,1fr)}.scenario-controls{grid-template-columns:1fr auto}.scenario-controls p{grid-column:1/-1}.disaster-head{grid-template-columns:1fr}.selected-record{max-width:420px}}
@media(max-width:700px){.disaster-cards,.stress-comparison,.assumptions-panel,.advanced-grid{grid-template-columns:1fr}.scenario-controls{grid-template-columns:1fr}.stage-timeline{display:flex;overflow-x:auto}.stage-step{min-width:105px}.disaster-radar{height:430px}.simulation-main,.simulation-panel{padding:17px}.simulation-title{display:grid}.pressure-row{grid-template-columns:1fr 48px}.pressure-row .pressure-bar{grid-column:1/-1;grid-row:2}.disaster-head h1{font-size:55px}}