.drought-page #toc-resizer, .drought-page #toc-container { display: none; }
.drought-page #drought-dashboard { width: min(405px, calc(100% - 28px)); }
.drought-page .tsird-phase3-toolbar { right: 430px; }
@media (max-width: 760px) { .drought-page .tsird-phase3-toolbar { right: 10px; top: 60px; } .drought-page #drought-dashboard { top: 96px; } }

.drought-model-page { max-width: 920px; margin: 32px auto; padding: 0 20px; color: #e5edf6; }
.drought-model-card { background: #18212b; border: 1px solid #405366; border-radius: 8px; padding: 24px; }
.drought-model-card h2, .drought-model-card h3 { color: #fff; margin: 0 0 10px; }
.drought-model-card h3 { margin-top: 24px; font-size: 1rem; }
.drought-model-card p, .drought-model-card li { color: #cbd5e1; line-height: 1.5; }
.drought-model-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; margin: 22px 0; }
.drought-model-summary div { background: #0f1720; border: 1px solid #334155; border-radius: 5px; padding: 12px; }
.drought-model-summary dt { color: #94a3b8; font-size: .78rem; }
.drought-model-summary dd { margin: 5px 0 0; color: #fff; }
.model-status { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:18px 0; color:#b8c8d9; font-size:.9rem; }
.model-pill { background:#0b5d7a; color:#e2f5ff; border:1px solid #38bdf8; padding:4px 8px; border-radius:999px; font-size:.72rem; font-weight:700; letter-spacing:.04em; }
.model-intro { border-left:4px solid #0ea5e9; background:#102a3b; padding:12px 14px; display:grid; gap:4px; color:#dbeafe; }
.drought-readiness-warning { display:grid; gap:4px; margin:10px 0; padding:10px 12px; border:1px solid #ef4444; border-left:4px solid #dc2626; border-radius:5px; background:#3f1118; color:#fee2e2; font-size:.86rem; line-height:1.4; }.drought-readiness-warning strong { color:#fecaca; }
.model-section { border-top:1px solid #334155; padding:22px 0; }.model-section-heading h3 { margin:0 0 4px; }.model-section-heading p { margin:0 0 14px; font-size:.9rem; }
.model-field { display:grid; gap:6px; color:#cbd5e1; max-width:480px; }.model-field input,.model-field select,.model-table input { background:#0b1220; border:1px solid #475569; color:#f8fafc; border-radius:4px; padding:7px; font:inherit; }
.model-table-wrap { overflow:auto; border:1px solid #334155; border-radius:6px; }.model-table { border-collapse:collapse; width:100%; min-width:1080px; font-size:.82rem; }.model-table th { background:#111c2a; color:#bfdbfe; text-align:left; }.model-table th,.model-table td { padding:8px; border-bottom:1px solid #243244; vertical-align:top; }.model-table td input { min-width:130px; width:100%; box-sizing:border-box; }.model-table td:first-child input { min-width:auto; width:auto; }
.model-rules { display:grid; gap:10px; }.model-rules article { background:#0f1720; border:1px solid #334155; padding:12px; border-radius:6px; display:grid; grid-template-columns:150px 1fr 1fr; gap:10px; }.model-rules label { color:#cbd5e1; display:grid; gap:5px; font-size:.82rem; }.model-rules input { background:#0b1220; border:1px solid #475569; color:#f8fafc; border-radius:4px; padding:7px; font:inherit; }
.scenario-laboratory { background:linear-gradient(135deg, rgba(8, 47, 73, .28), rgba(15, 23, 32, .3)); padding-left:14px; padding-right:14px; border-left:3px solid #38bdf8; }
.scenario-lab-notice { border:1px solid #2f6b82; background:#0b2635; color:#d9f2ff; border-radius:5px; padding:10px 12px; font-size:.86rem; line-height:1.45; }
.scenario-lab-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; margin:14px 0; }.scenario-lab-grid label { display:grid; gap:6px; color:#cbd5e1; font-size:.84rem; }.scenario-lab-grid select,.scenario-lab-grid input { width:100%; box-sizing:border-box; }.scenario-lab-grid select { background:#0b1220; border:1px solid #475569; color:#f8fafc; border-radius:4px; padding:7px; font:inherit; }.scenario-lab-grid output { color:#7dd3fc; font-weight:700; }.scenario-lab-grid input[type=range] { accent-color:#38bdf8; padding:0; }
.scenario-lab-observed,.scenario-lab-result { display:grid; gap:5px; border:1px solid #334155; border-radius:5px; padding:10px 12px; font-size:.85rem; line-height:1.4; }.scenario-lab-observed { background:#0f1720; color:#dbeafe; }.scenario-lab-result { margin-top:10px; background:#102a3b; color:#e0f2fe; }.scenario-lab-result small { color:#93c5fd; }.scenario-lab-footnote { margin:10px 0 0; font-size:.8rem; color:#b9c8d8; }
.model-checkbox { display:flex; gap:8px; align-items:center; margin:14px 0; color:#dbeafe; }.model-actions { display:flex; gap:14px; align-items:center; flex-wrap:wrap; }.model-actions button { background:#0f6e9d; border:1px solid #38bdf8; border-radius:5px; color:white; font:inherit; font-weight:700; padding:10px 14px; cursor:pointer; }.model-actions button:hover { background:#075985; }.model-actions span { color:#bfdbfe; font-size:.9rem; }
.model-lab-link { display:inline-block; background:#0b5d7a; border:1px solid #38bdf8; color:#e2f5ff; border-radius:5px; padding:9px 12px; font-weight:700; text-decoration:none; }.model-lab-link:hover { background:#075985; }
@media (max-width:760px) { .model-rules article,.scenario-lab-grid { grid-template-columns:1fr; }.drought-model-page { margin:18px auto; padding:0 10px; }.drought-model-card { padding:16px; } }