[data-explorer="natural-disease-progression"]{margin:28px 0;padding:22px;background:#071015;border:1px solid #314651;border-radius:16px;color:#dce6ec;font:15px/1.5 system-ui,sans-serif;min-width:0}
[data-explorer="natural-disease-progression"] *{box-sizing:border-box}
[data-explorer="natural-disease-progression"] h4{font-size:18px;line-height:1.3;margin:0 0 8px;color:#dce6ec}
[data-explorer="natural-disease-progression"] p{margin:8px 0 14px;color:#a4b3bd}
[data-explorer="natural-disease-progression"] .ndp-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}
[data-explorer="natural-disease-progression"] .ndp-panel{margin:0;padding:18px;background:#0d1820;border:1px solid #293e49;border-radius:12px;min-width:0}
[data-explorer="natural-disease-progression"] label{display:block;font-weight:600;margin-bottom:7px}
[data-explorer="natural-disease-progression"] select,[data-explorer="natural-disease-progression"] button{font:inherit;color:#dce6ec;background:#132731;border:1px solid #59717c;border-radius:6px;padding:10px;max-width:100%}
[data-explorer="natural-disease-progression"] select{width:100%;margin-bottom:14px}
[data-explorer="natural-disease-progression"] button{cursor:pointer;white-space:nowrap}
[data-explorer="natural-disease-progression"] :focus-visible{outline:3px solid #e6ac6a;outline-offset:3px}
[data-explorer="natural-disease-progression"] svg{display:block;width:100%;height:auto}
[data-explorer="natural-disease-progression"] .ndp-status{border-left:3px solid #8bcbd7;padding:10px 12px;background:#132731;color:#dce6ec;min-height:86px}
[data-explorer="natural-disease-progression"] .ndp-rank-header{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin:2px 0 10px;flex-wrap:wrap}
[data-explorer="natural-disease-progression"] .ndp-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}
[data-explorer="natural-disease-progression"] .ndp-cell{aspect-ratio:1.5;background:#293e49;border:2px solid transparent;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#071015;font-size:12px;font-weight:800}
[data-explorer="natural-disease-progression"] .ndp-cell.is-case{background:#8bcbd7}
[data-explorer="natural-disease-progression"] .ndp-cell.is-alert{border-color:#e6ac6a;box-shadow:0 0 0 1px #e6ac6a}
[data-explorer="natural-disease-progression"] .ndp-grid.is-tied .ndp-cell{border-style:dotted;border-color:#776446}
[data-explorer="natural-disease-progression"] .ndp-legend{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0;font-size:12px;color:#a4b3bd}
[data-explorer="natural-disease-progression"] .ndp-legend span{display:flex;align-items:center;gap:5px}
[data-explorer="natural-disease-progression"] .ndp-legend i{width:12px;height:12px;display:inline-block}
[data-explorer="natural-disease-progression"] .ndp-case{background:#8bcbd7}
[data-explorer="natural-disease-progression"] .ndp-control{background:#293e49}
[data-explorer="natural-disease-progression"] .ndp-alert{border:2px solid #e6ac6a}
[data-explorer="natural-disease-progression"] .ndp-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}
[data-explorer="natural-disease-progression"] .ndp-metrics strong{display:block;font-size:28px;color:#8bcbd7}
[data-explorer="natural-disease-progression"] .ndp-metrics small{font-size:12px;color:#a4b3bd}
[data-explorer="natural-disease-progression"] .ndp-meter{height:6px;background:#293e49;margin-top:7px}
[data-explorer="natural-disease-progression"] .ndp-meter span{display:block;height:100%;background:#8bcbd7}
[data-explorer="natural-disease-progression"] .ndp-caption{font-size:13px}
[data-explorer="natural-disease-progression"] .ndp-footer{display:flex;align-items:center;gap:20px;margin-top:18px}
[data-explorer="natural-disease-progression"] .ndp-footer p{font-size:13px;margin:0}
@media(max-width:760px){[data-explorer="natural-disease-progression"]{padding:14px}[data-explorer="natural-disease-progression"] .ndp-panels{grid-template-columns:1fr}[data-explorer="natural-disease-progression"] .ndp-panel{padding:14px}[data-explorer="natural-disease-progression"] .ndp-footer{align-items:flex-start;flex-direction:column}[data-explorer="natural-disease-progression"] .ndp-cell{aspect-ratio:1.2}}

@media(max-width:760px){[data-explorer="natural-disease-progression"] svg text{font-size:15px}}

/* Scoped architecture teaching diagram. */
[data-explorer="natural-disease-progression"] .ndp-model-map{margin:24px 0;padding:22px;border:1px solid #d7e1db;border-radius:16px;background:#f7faf8}
[data-explorer="natural-disease-progression"] .ndp-model-map h4{margin:0 0 8px}
[data-explorer="natural-disease-progression"] .ndp-model-branches{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:20px}
[data-explorer="natural-disease-progression"] .ndp-model-branches>div{padding:18px;background:white;border:1px solid #d7e1db;border-radius:12px;min-width:0}
[data-explorer="natural-disease-progression"] .ndp-model-tag{display:block;font-size:11px;letter-spacing:.09em;color:#286b58;margin-bottom:12px}
[data-explorer="natural-disease-progression"] .ndp-model-branches strong{display:block}
[data-explorer="natural-disease-progression"] .ndp-model-branches b{font-size:13px;color:#286b58}
[data-explorer="natural-disease-progression"] .ndp-model-head{text-align:center;margin:16px auto 0;padding:16px;background:#e6f0eb;border-radius:12px}
[data-explorer="natural-disease-progression"] .ndp-model-head>span{display:block;font-size:28px;color:#286b58}
@media(max-width:760px){[data-explorer="natural-disease-progression"] .ndp-model-branches{grid-template-columns:1fr}[data-explorer="natural-disease-progression"] .ndp-model-map{padding:14px}}