:root{--ink:#17293b;--ink-soft:#3f5264;--muted:#748494;--paper:#f6f8fa;--white:#fff;--line:#e1e9ee;--blue:#175e87;--teal:#087f78;--surface:#eff5f7;--A:#168f84;--B:#e4a044;--C:#8976ca;--D:#d75e83;--N:#a8b5c0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 13px/1.7 Poppins,'Segoe UI',sans-serif}button,select,input{font:inherit}button{cursor:pointer}a{color:#136a9c;text-decoration:none}a:hover{text-decoration:underline}svg{max-width:100%}.shell{width:min(1540px,calc(100% - 72px));margin:auto}
.masthead{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.mast-inner{display:flex;align-items:center;gap:25px;min-height:83px}.brand{display:flex;align-items:center;flex:none;gap:11px;color:#203b4b;text-decoration:none}.brand:hover{text-decoration:none}.brand-mark{height:44px;width:44px;border-radius:13px;display:grid;place-items:center;background:#e5f0f2;color:var(--teal)}.brand-mark svg{width:33px}.brand strong{display:block;font-weight:700;font-size:18px;line-height:1.35;letter-spacing:-.55px}.brand small{display:block;color:#657c8c;font-size:10px;font-weight:500;letter-spacing:.35px}.nav{margin-left:25px;display:flex;gap:2px;align-items:center;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.nav::-webkit-scrollbar{display:none}.nav-item{color:#617182;border:0;background:none;border-bottom:2px solid transparent;padding:28px 13px 26px;font-weight:500;font-size:11px;white-space:nowrap}.nav-item:hover{color:#1d566f}.nav-item.selected{color:#145b79;border-bottom-color:#138d9c;font-weight:700}.head-tag{margin-left:auto;color:#8494a0;font-size:9px;font-weight:600;letter-spacing:1px;white-space:nowrap}.site-status{display:none;margin-top:20px;padding:11px 14px;border:1px solid #b9d7e1;border-radius:8px;color:#23617a;background:#eff8fa}.site-status.visible{display:block}.site-status.error{background:#fff4f2;border-color:#f0c9c3;color:#a64639}
.page{display:none;padding:36px 0 55px}.page.active{display:block}.page-head{display:flex;justify-content:space-between;gap:24px;margin-bottom:23px}.page-head.compact{margin-bottom:28px}.eyebrow,.overline{font-size:10px;font-weight:700;letter-spacing:1.45px;color:#1b7585;margin-bottom:10px}.page-head h1{font-size:clamp(25px,2.2vw,34px);font-weight:600;line-height:1.36;letter-spacing:-1.1px;margin:0 0 9px}.page-head h1 span{color:#61798b;font-weight:400}.page-head p{color:#728394;max-width:930px;margin:0;font-size:12px;line-height:1.85}.page-head.compact h1{font-size:31px}
.stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat{border:1px solid var(--line);background:#fff;padding:16px 21px 18px;border-radius:12px}.stat span{display:block;font-size:9px;color:#6b8493;font-weight:600;letter-spacing:.9px;margin-bottom:5px}.stat strong{font-size:28px;font-weight:600;letter-spacing:-1px;color:#233f4f;line-height:1.3}.stat small{display:block;color:#91a0ab;font-size:10px;margin-top:3px}
.workbench{display:grid;grid-template-columns:minmax(0,1fr) 346px;gap:18px;align-items:start}.map-panel{overflow:hidden;border:1px solid #dce6ea;border-radius:12px;background:#fff;min-width:0}.tool-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 16px;border-bottom:1px solid #e9eef1}.tool-row.second{padding:11px 16px;background:#fafcfd}.tool-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tool-label,.tool-inline label:not(.check-row label){color:#8295a2;font-weight:700;font-size:9px;letter-spacing:.55px}.toggle{border:1px solid #e0e8ed;background:#f6f9fa;border-radius:7px;display:inline-flex;padding:3px;gap:3px}.toggle-item{background:none;border:0;color:#70818e;font-weight:500;font-size:11px;border-radius:5px;padding:7px 13px}.toggle-item.on{color:#116581;background:#fff;box-shadow:0 1px 4px #cbd9de95;font-weight:700}.toggle-item:hover{color:#0c617b}.tool-inline select{border:1px solid #dbe5ea;border-radius:6px;color:#4b6171;background:#fff;padding:6px 9px;font-size:11px;max-width:230px}.tool-inline input[type=range]{accent-color:#197d92;width:105px}.tool-inline #alpha-label{color:#1d687d;font-size:10px}.check-row label{display:flex;gap:6px;align-items:center;color:#587080;font-size:10px;white-space:nowrap}.check-row input{accent-color:#1e7f87}.map-frame{position:relative;background:#d5e5eb;overflow:hidden}.map-frame svg{width:100%;display:block;touch-action:none;cursor:grab}.map-frame svg.dragging{cursor:grabbing}.map-frame svg g[role=button]{cursor:pointer}.map-frame svg g[role=button]:hover circle{stroke-width:7}.map-zoom{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;overflow:hidden;border-radius:7px;border:1px solid #dce5e9;box-shadow:0 2px 12px #19384b18}.map-zoom button{background:#fff;border:0;border-bottom:1px solid #e1e8ec;color:#365468;width:32px;height:34px;font-size:17px;font-weight:600}.map-zoom button:last-child{border-bottom:0}.map-zoom button:hover{background:#edf7f8}.map-caption{position:absolute;bottom:11px;left:13px;background:#fffdf6e8;color:#4f6575;padding:4px 9px;font-size:9px;border-radius:5px;pointer-events:none}.legend{display:flex;gap:11px 18px;flex-wrap:wrap;align-items:center;padding:12px 15px;border-top:1px solid var(--line);font-size:10px;color:#667989}.legend span{display:inline-flex;align-items:center;gap:7px}.legend i{width:10px;height:10px;display:inline-block;border-radius:50%;background:var(--dot)}
.detail-panel,.context-panel{min-width:0;background:#fff;border-radius:12px;border:1px solid #dce6ea;padding:23px;box-shadow:0 2px 12px #152b3b06}.detail-panel{min-height:520px}.detail-panel h2,.context-panel h2{font-size:19px;line-height:1.45;letter-spacing:-.5px;margin:7px 0 12px;font-weight:600}.detail-panel h3,.context-panel h3{font-size:12px;font-weight:700;margin:14px 0 6px}.muted{color:#738594;font-size:12px;line-height:1.85}.empty-art{height:180px;display:grid;place-items:center;font-size:85px;color:#e1eaee}.pill{display:inline-block;padding:4px 9px;font-size:10px;font-weight:700;color:#366879;background:#e8f3f5;border-radius:5px;margin:5px 5px 5px 0}.pill.high{color:#85512c;background:#fff0dd}.pill.warning{color:#8e5b14;background:#fff2d6}.pale-label{font-size:9px;letter-spacing:1px;font-weight:700;color:#8394a0;margin:16px 0 6px}.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.fact{background:#f6f9fa;border:1px solid #eaf0f3;border-radius:8px;padding:10px}.fact label{font-size:9px;font-weight:600;letter-spacing:.2px;color:#8597a4;display:block}.fact strong{font-weight:600;color:#2b4b60;font-size:15px}.note{background:#f1f7f9;border-left:3px solid #63a9be;padding:10px 12px;color:#486779;font-size:11px;margin:12px 0;border-radius:0 6px 6px 0}.note.warn{background:#fff8ed;border-left-color:#e9b057;color:#776342}.detail-panel p,.context-panel p{line-height:1.8}.topic-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.topic-tags span{font-size:9px;background:#e8f2f5;border:1px solid #dbebef;border-radius:5px;color:#55798b;padding:3px 7px}.small-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.action-link,.primary-link{display:inline-flex;justify-content:space-between;gap:9px;align-items:center;background:#f1f8fa;border:1px solid #d4e7ed;color:#1d718f;font-size:10px;font-weight:600;padding:9px 11px;border-radius:7px;text-decoration:none}.action-link:hover,.primary-link:hover{background:#e8f3f7;text-decoration:none}.plain-button{background:#fff;border:1px solid #d4e2e8;border-radius:7px;padding:8px 10px;color:#275772;font-size:10px;font-weight:600}.plain-button:hover{background:#edf5f8}.below-note{font-size:10px;color:#778794;padding:13px 4px;display:flex;gap:8px;align-items:center}.signal-dot{width:7px;height:7px;border:2px solid #2d9c98;border-radius:50%;display:inline-block}
.catalog-layout{display:grid;grid-template-columns:minmax(370px,1.05fr) minmax(320px,.9fr);gap:19px;align-items:start}.catalog-list-panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}.catalog-controls{padding:20px;border-bottom:1px solid var(--line)}.catalog-controls label{display:block;font-weight:600;font-size:11px;margin:0 0 7px;color:#4a6778}.catalog-controls input,.catalog-controls select{background:#fbfcfd;border:1px solid #dce6eb;border-radius:8px;padding:11px 12px;width:100%;outline:0;color:#3e5665}.catalog-controls input:focus,.catalog-controls select:focus{border-color:#63aabb;box-shadow:0 0 0 3px #e6f3f6}.select-split{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.result-count{padding:11px 19px;border-bottom:1px solid var(--line);color:#738897;font-size:10px}.case-list{max-height:670px;overflow-y:auto}.case-row{width:100%;display:grid;grid-template-columns:90px minmax(0,1fr) 55px;gap:14px;text-align:left;align-items:start;padding:16px 18px;border:0;border-bottom:1px solid #eaf0f4;background:#fff;color:var(--ink)}.case-row:hover,.case-row.chosen{background:#f0f7f9}.case-row.chosen{box-shadow:inset 3px 0 #2b8aa1}.case-row .case-date{color:#8497a3;font-size:10px}.case-row strong{font-size:12px;display:block;line-height:1.5;font-weight:600}.case-row small{display:block;color:#8797a2;line-height:1.5;font-size:10px;margin-top:4px}.case-row .case-mag{font-size:16px;font-weight:700;text-align:right;color:#39718c}.context-panel{min-height:250px}.context-panel.sticky{position:sticky;top:108px}.context-panel .timeline{border-left:2px solid #dfeaec;margin:12px 0 16px;padding-left:15px}.timeline>div{position:relative;margin:0 0 14px}.timeline>div:before{content:"";position:absolute;left:-20px;top:7px;width:8px;height:8px;border-radius:50%;background:#54a4ac;border:2px solid #fff}.timeline strong{display:block;font-size:11px;color:#254b60;margin-bottom:4px}.timeline p{font-size:11px;margin:0;color:#647b8b}.case-source{border-top:1px solid #e5edf1;padding-top:12px;margin-top:16px;font-size:10px;color:#8493a0}.case-source a{display:inline-block;margin-right:10px}.case-recs{padding:0;margin:5px 0 8px 17px}.case-recs li{margin:0 0 8px;color:#536b7a;font-size:11px;line-height:1.8}.case-recs li strong{color:#294f63}
.mitigation-layout{display:grid;grid-template-columns:minmax(0,1fr) 385px;gap:20px;align-items:start}.mitigation-left{min-width:0}.segment-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:19px}.segment-tabs button{border:1px solid #d9e4e9;background:#fff;border-radius:8px;color:#5c7686;font-size:11px;padding:10px 13px}.segment-tabs button.on{border-color:#a7d4df;color:#136b8a;background:#e8f4f6;font-weight:700}.scenario-content{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px;min-height:430px}.scenario-content .section-heading{font-size:20px;font-weight:600;margin:0 0 8px}.scenario-content .lead{font-size:12px;color:#69808e;max-width:700px;margin:0 0 19px}.recs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rec-card{padding:16px;border-radius:9px;border:1px solid #e0ebef;background:#fafcfd}.rec-card span{font-size:9px;color:#1b7896;font-weight:700;letter-spacing:1px}.rec-card h3{font-size:12px;font-weight:700;margin:6px 0}.rec-card p{font-size:11px;color:#667b8a;line-height:1.85;margin:0}.example-item{border-top:1px solid #e9eef2;padding:12px 0}.example-item:last-child{padding-bottom:0}.example-item button{width:100%;text-align:left;border:0;background:transparent;font-size:11px;color:#39667c;font-weight:600;padding:4px}.example-item button:hover{text-decoration:underline}.example-item p{margin:0 0 0 4px;font-size:10px;color:#8a98a3}.source-inline{margin-top:15px;padding:16px 20px;border:1px solid #dce7eb;background:#f7fafb;border-radius:10px}.source-inline strong{font-size:11px}.source-inline p{color:#718594;font-size:10px}.source-inline a{font-size:11px}.category-intro{background:#f2f7f8;border-radius:8px;padding:12px;color:#587183;font-size:11px}.scenario-panel-title{font-size:11px;color:#1b7896;font-weight:700;letter-spacing:.6px;margin-top:19px}
.bmkg-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:19px}.bmkg-row{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px}.bmkg-row strong{display:block;font-size:13px}.bmkg-row p{font-size:11px;color:#657b8b}.bmkg-row a{font-size:11px}.two-card{display:grid;grid-template-columns:1fr 1fr;gap:14px}.methods-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.steps{margin:14px 0 0 18px;padding:0;color:#536c7b;font-size:11px;line-height:2}.metric-chart{display:flex;align-items:flex-end;gap:10px;height:175px;border-bottom:1px solid #dce7ec;padding:8px 8px 0;margin-top:16px}.metric-bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:3px}.metric-bar>span{font-size:9px;color:#8798a4}.metric-bar .bar{width:65%;background:#c1dbe4;border-radius:5px 5px 0 0;min-height:2px}.metric-bar.active .bar{background:#278d99}.metric-bar.active>span{color:#16738b;font-weight:700}.links-list{display:flex;flex-direction:column;gap:14px;font-size:11px}.small{font-size:10px}footer{background:#fff;border-top:1px solid var(--line);padding:23px 0;color:#8c9ba5}.foot{display:flex;justify-content:space-between;align-items:center}.foot strong{color:#3a5465}.foot p{margin:0;font-size:10px}.foot>div:last-child{display:flex;gap:18px;font-size:11px}
@media(max-width:1450px){.head-tag{display:none}.nav{margin-left:8px}.mast-inner{gap:15px}}
@media(max-width:1150px){.shell{width:calc(100% - 42px)}.mast-inner{display:block;padding-top:14px}.brand{margin-bottom:6px}.nav{margin-left:0}.nav-item{padding:14px 13px 13px}.workbench{grid-template-columns:minmax(0,1fr) 325px}.mitigation-layout{grid-template-columns:minmax(0,1fr) 340px}}
@media(max-width:920px){.workbench,.catalog-layout,.mitigation-layout{grid-template-columns:1fr}.detail-panel{min-height:0}.context-panel.sticky{position:static}.case-list{max-height:500px}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.methods-grid{grid-template-columns:1fr}.map-caption{display:none}}
@media(max-width:570px){.shell{width:calc(100% - 28px)}.page{padding:24px 0 34px}.page-head h1,.page-head.compact h1{font-size:24px;letter-spacing:-.6px}.page-head p{font-size:11px}.stats-row{gap:8px}.stat{padding:12px}.stat strong{font-size:22px}.stat span{font-size:8px}.stat small{font-size:9px}.tool-row{padding:10px}.tool-inline{gap:5px}.toggle-item{padding:5px 8px;font-size:10px}.tool-inline select{max-width:165px}.tool-inline input[type=range]{width:75px}.map-frame{min-height:0}.detail-panel,.context-panel,.scenario-content{padding:18px}.recs-grid,.two-card,.bmkg-list{grid-template-columns:1fr}.case-row{grid-template-columns:66px 1fr 38px;gap:7px;padding:13px 11px}.case-row strong{font-size:11px}.case-row .case-date{font-size:9px}.case-row .case-mag{font-size:13px}.foot{display:block}.foot>div:last-child{margin-top:11px}}

.history-card{margin-bottom:16px}.table-card{padding:0;overflow:hidden}.history-controls{border-bottom:1px solid var(--line);padding:20px}.history-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.history-filter-grid label{display:block;font-weight:600;font-size:11px;margin:0 0 7px;color:#4a6778}.history-filter-grid select{background:#fbfcfd;border:1px solid #dce6eb;border-radius:8px;padding:11px 12px;width:100%;outline:0;color:#3e5665}.history-filter-grid select:focus{border-color:#63aabb;box-shadow:0 0 0 3px #e6f3f6}.year-bars{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:18px;align-items:end;min-height:280px;padding:16px 6px 8px}.year-col{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px}.year-col .year-num{font-size:12px;color:#254b60}.year-col .year-bar{width:100%;max-width:74px;background:#4f95b1;border-radius:12px 12px 0 0;min-height:16px;box-shadow:inset 0 -1px 0 rgba(255,255,255,.22)}.year-col.active .year-bar{background:#d6a052}.year-col small{font-size:11px;color:#61798a}.history-table-wrap{overflow:auto;padding:0 18px 18px}.history-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:16px;min-width:960px}.history-table th{background:#eef4f7;color:#436477;font-size:11px;text-align:left;padding:12px 10px;border-bottom:1px solid #dde8ee;position:sticky;top:0}.history-table td{padding:12px 10px;border-bottom:1px solid #e7eef3;font-size:12px;color:#385364;vertical-align:top}.history-table td strong{color:#c98029}.history-table .tag{display:inline-flex;min-width:24px;justify-content:center;padding:4px 8px;border-radius:7px;background:#eef4f7;color:#587387;font-size:10px;font-weight:700}.history-table a{font-size:11px}.table-note{padding:0 18px 18px;color:#748895;font-size:10px}
@media(max-width:920px){.history-filter-grid{grid-template-columns:1fr}.year-bars{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;min-height:250px}.year-col .year-bar{max-width:none}}


.metric-chart{padding:12px 6px 2px;min-height:auto}
.elbow-wrap{display:flex;flex-direction:column;gap:10px}.elbow-svg{width:100%;height:auto;display:block}.elbow-note{font-size:12px;color:#5f7787}.elbow-note strong{color:#b87422}
.bmkg-panel{padding:26px}.bmkg-panel-head h2{margin:6px 0 10px}.bmkg-toolbar{margin-top:18px;padding-top:4px}.bmkg-toolbar-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bmkg-toolbar-row label{font-weight:700;color:#163a5e}.bmkg-toolbar-row select,.bmkg-toolbar-row input[type=file]{border:1px solid #d8e2e8;border-radius:10px;background:#fff;padding:12px 14px;color:#385364}.btn-lite{border:1px solid #d8e2e8;background:#fff;border-radius:10px;padding:12px 16px;font-weight:700;color:#385364;cursor:pointer}.or-label{font-size:11px;font-weight:800;color:#6e8593;letter-spacing:.06em}.bmkg-status-line{margin-top:16px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:#4f6877}.bmkg-table-wrap{margin-top:14px;overflow:auto}.bmkg-table{width:100%;border-collapse:separate;border-spacing:0}.bmkg-table th{background:#eef4f7;color:#446578;font-size:12px;text-align:left;padding:14px 16px;border-bottom:1px solid #dde8ee}.bmkg-table td{padding:14px 16px;border-bottom:1px solid #e8eff3;font-size:13px;color:#355162;vertical-align:top}.bmkg-table td strong{color:#c37d28}.bmkg-footnote{margin-top:16px;color:#5f7787;font-size:12px}.bmkg-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;background:#eef4f7;color:#557180;font-size:11px;font-weight:700}
@media(max-width:860px){.bmkg-panel{padding:20px}.bmkg-toolbar-row{align-items:flex-start;flex-direction:column}.bmkg-toolbar-row select,.bmkg-toolbar-row input[type=file],.btn-lite{width:100%}}


.profile-method-panel{grid-column:1/-1}.profile-table-wrap{overflow-x:auto}.profile-method-table{width:100%;border-collapse:collapse;margin-top:15px;min-width:690px}.profile-method-table th{background:#eef4f7;color:#436477;padding:12px 10px;text-align:left;font-size:11px}.profile-method-table td{border-bottom:1px solid #e6edf1;color:#385364;padding:13px 10px;font-size:12px}.profile-method-table td:first-child{min-width:175px}.profile-method-table +p{margin-top:15px}


/* BMKG V16 additions; existing V15 visual system remains intact */
:root{--A:#EF4444;--B:#F97316;--C:#22C55E;--D:#D7A000}
#atlasMap g[role="button"] polygon{transition:fill-opacity .12s ease,stroke-opacity .12s ease}
#atlasMap g[role="button"]:hover polygon{stroke-opacity:1;stroke-width:2.7}
.atlas-news{margin-top:24px;min-height:unset}.news-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.news-heading h2{margin:4px 0 5px}.news-heading p{margin:0}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.news-card{padding:17px;border:1px solid #dfebf0;background:#fafcfd;border-radius:10px}
.news-card h3{font-size:13px;line-height:1.6;margin:8px 0 6px}.news-card p{font-size:11px;color:#667b89;margin:0 0 12px}.news-card a{font-size:11px;font-weight:600}
.news-meta{font-size:10px;color:#39839c;font-weight:700}.noaa-footer{border-top:1px solid #e2edf1;margin-top:19px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.noaa-footer strong{font-size:12px}.noaa-footer p{font-size:10px;color:#708491;margin:2px 0 0}.noaa-footer a{white-space:nowrap;font-weight:700;font-size:11px}
.history-filter-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.history-filter-grid input{background:#fbfcfd;border:1px solid #dce6eb;border-radius:8px;padding:11px 12px;width:100%;outline:0;color:#3e5665}
.year-bars{grid-template-columns:repeat(11,minmax(0,1fr));gap:9px}.year-col .year-num{font-size:10px}
.metric-chart{height:auto;display:block;border-bottom:0;padding:0}.metrics-board{height:170px;display:flex;align-items:end;gap:8px;border-bottom:1px solid #dce7ec}.metrics-board .metric-bar{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.metrics-board .metric-bar .bar{max-width:38px;width:82%;background:#9dccd8}.metrics-board .metric-bar.active .bar{background:#0c8792}.metrics-board .metric-bar b{font-size:10px;color:#63808d}
@media(max-width:1100px){.history-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.year-bars{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:730px){.news-grid{grid-template-columns:1fr}.noaa-footer{align-items:flex-start;flex-direction:column}.history-filter-grid{grid-template-columns:1fr}.year-bars{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* V17: real Leaflet tiles like the BMKG Atlas preview; no fixed-image bounding box. */
#atlasMap{width:100%;height:clamp(430px,47vw,620px);background:#c7dce7;position:relative;z-index:0;}
.map-frame{min-height:430px;}
.map-frame .leaflet-container{font-family:Poppins,Arial,sans-serif;cursor:grab;}
.map-frame .leaflet-container.leaflet-drag-target{cursor:grabbing;}
.map-frame .leaflet-control-zoom{border:1px solid #dce5e9!important;box-shadow:0 2px 10px #17385123!important;}
.map-frame .leaflet-control-zoom a{color:#365468;background:#fff;}
.map-frame .leaflet-control-attribution{font-size:9px;background:#ffffffb5;}
.map-frame .leaflet-tooltip{font-size:11px;max-width:250px;white-space:normal;box-shadow:0 2px 12px #153d5026;border:1px solid #d9e9ed;border-radius:6px;}
.map-frame .map-zoom{z-index:800;top:12px;right:12px;}
.map-frame .map-zoom button{cursor:pointer;}
.map-frame .map-caption{z-index:450;bottom:18px;left:12px;right:auto;max-width:65%;background:#ffffffed;color:#526a7a;}
.map-load-warning{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;color:#40586a;}
.map-load-warning strong{font-size:15px;}
.map-load-warning p{font-size:12px;}
@media(max-width:920px){#atlasMap{height:480px;}.map-frame{min-height:480px;}}
@media(max-width:570px){#atlasMap{height:420px;}.map-frame{min-height:420px;}.map-frame .map-caption{max-width:77%;font-size:8px;bottom:16px;}}

/* EarthAlert V18: Leaflet UI resilience and isolated tab layout */
.page:not(.active){display:none!important}
#page-atlas .workbench{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start}
#atlasMap{display:block;min-height:430px;width:100%;height:clamp(430px,47vw,620px)}
.map-frame{position:relative;min-width:0;overflow:hidden}
.map-status{position:absolute;top:12px;left:52px;z-index:850;max-width:calc(100% - 130px);background:rgba(255,251,242,.96);color:#755029;border:1px solid #e6d4ab;border-radius:8px;padding:8px 12px;font-size:11px;line-height:1.6;box-shadow:0 2px 12px #182c3e14}
.map-status[hidden]{display:none!important}
.map-load-warning{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;min-height:430px;background:#eaf1f4;color:#466377;padding:22px}
.map-load-warning strong{font-size:14px;color:#213f58}
.map-load-warning button{margin-top:12px;padding:9px 13px;border-radius:7px;border:1px solid #aacbd3;background:white;color:#125d74;font-weight:700}
#atlasMap .leaflet-control-zoom{z-index:801}
#atlasMap .leaflet-container{width:100%;height:100%}
@media(max-width:1150px){#page-atlas .workbench{grid-template-columns:minmax(0,1fr) 315px}}
@media(max-width:920px){#page-atlas .workbench{display:block}#page-atlas .detail-panel{margin-top:14px}}
@media(max-width:570px){#atlasMap{height:430px;min-height:430px}.map-status{left:8px;top:52px;max-width:calc(100% - 16px)}}


/* V19 — Local Leaflet critical CSS: avoids broken mosaic tiles if remote Leaflet CSS is blocked. */
#atlasMap.leaflet-container{position:relative;overflow:hidden;isolation:isolate;-webkit-tap-highlight-color:transparent;background:#c5dbe7;outline:0}
#atlasMap .leaflet-pane,#atlasMap .leaflet-tile,#atlasMap .leaflet-marker-icon,#atlasMap .leaflet-marker-shadow,
#atlasMap .leaflet-tile-container,#atlasMap .leaflet-pane>svg,#atlasMap .leaflet-pane>canvas,#atlasMap .leaflet-zoom-box,
#atlasMap .leaflet-image-layer,#atlasMap .leaflet-layer{position:absolute;top:0;left:0}
#atlasMap .leaflet-map-pane canvas{z-index:100}
#atlasMap .leaflet-tile-pane{z-index:200}
#atlasMap .leaflet-overlay-pane{z-index:400}
#atlasMap .leaflet-shadow-pane{z-index:500}
#atlasMap .leaflet-marker-pane{z-index:600}
#atlasMap .leaflet-tooltip-pane{z-index:650}
#atlasMap .leaflet-popup-pane{z-index:700}
#atlasMap .leaflet-map-pane img,#atlasMap .leaflet-tile{max-width:none!important;max-height:none!important}
#atlasMap .leaflet-tile{visibility:hidden;user-select:none;-webkit-user-select:none;pointer-events:none}
#atlasMap .leaflet-tile-loaded{visibility:inherit}
#atlasMap .leaflet-tile-container{pointer-events:none}
#atlasMap .leaflet-zoom-animated{transform-origin:0 0}
#atlasMap .leaflet-zoom-hide{visibility:hidden}
#atlasMap .leaflet-control-container .leaflet-top,#atlasMap .leaflet-control-container .leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}
#atlasMap .leaflet-top{top:0}#atlasMap .leaflet-bottom{bottom:0}
#atlasMap .leaflet-left{left:0}#atlasMap .leaflet-right{right:0}
#atlasMap .leaflet-control{position:relative;z-index:800;pointer-events:auto;float:left;clear:both}
#atlasMap .leaflet-right .leaflet-control{float:right}
#atlasMap .leaflet-top .leaflet-control{margin-top:10px}
#atlasMap .leaflet-bottom .leaflet-control{margin-bottom:10px}
#atlasMap .leaflet-left .leaflet-control{margin-left:10px}
#atlasMap .leaflet-right .leaflet-control{margin-right:10px}
#atlasMap .leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.25);border-radius:5px}
#atlasMap .leaflet-bar a{display:block;width:30px;height:30px;line-height:30px;text-align:center;text-decoration:none;background:#fff;color:#303d49;border-bottom:1px solid #e3e7e9;font:700 22px/30px Arial,sans-serif}
#atlasMap .leaflet-bar a:first-child{border-radius:5px 5px 0 0}
#atlasMap .leaflet-bar a:last-child{border-bottom:0;border-radius:0 0 5px 5px}
#atlasMap .leaflet-container a.leaflet-disabled{cursor:default;color:#aaa;background:#f6f6f6}
#atlasMap .leaflet-control-attribution{padding:0 5px;color:#333;background:rgba(255,255,255,.82)}
#atlasMap .leaflet-control-attribution a{color:#236c85;text-decoration:underline}
#atlasMap .leaflet-interactive{cursor:pointer}
#atlasMap .leaflet-tooltip{position:absolute;padding:5px 8px;background:#fff;border:1px solid #d7e0e5;border-radius:5px;color:#243c4b;white-space:nowrap;pointer-events:none;box-shadow:0 1px 6px #101b2930}
#atlasMap .leaflet-tooltip-top:before,#atlasMap .leaflet-tooltip-bottom:before,#atlasMap .leaflet-tooltip-left:before,#atlasMap .leaflet-tooltip-right:before{display:none}
#atlasMap .leaflet-overlay-pane svg{user-select:none}
#atlasMap .leaflet-control-zoom{border:0!important;box-shadow:0 1px 7px #192f4030}
#atlasMap .leaflet-control-zoom a{background:#fff;color:#234d67}
.page[hidden],.page:not(.active){display:none!important}
#page-atlas[hidden] .leaflet-container{display:none!important}
.nav-item:focus:not(:focus-visible){outline:0;box-shadow:none}
.nav-item:focus-visible{outline:2px solid #0c8792;outline-offset:2px}


/* V20 — Location badge and Atlas ML result header. */
.detail-subbrand{margin-top:4px;font-size:.84rem;font-weight:700;color:#537387;letter-spacing:.03em}
.map-zoom{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.map-place-badge{max-width:210px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.92);border:1px solid rgba(18,70,103,.12);box-shadow:0 10px 22px rgba(14,36,58,.12);color:#26465c;font-size:.8rem;line-height:1.35;text-align:left;backdrop-filter:blur(6px)}
.map-place-badge strong{display:block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#5d7a8f;margin-bottom:2px}
.map-place-badge .small{display:block;margin-top:2px;font-size:.73rem;color:#648195}
.location-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#e8f2f6;color:#1b5875;font-weight:700;font-size:.92rem;margin:.2rem 0 1rem}
.location-chip .dot{width:8px;height:8px;border-radius:999px;background:#0d8aa0;display:inline-block}
.minor-id{margin-top:-.15rem;margin-bottom:.9rem;font-size:.88rem;color:#6d8698}
@media (max-width:720px){.map-place-badge{max-width:170px;font-size:.74rem;padding:7px 9px}}


/* V21 — Atlas result title and side-by-side model evaluation charts. */
#atlasDetail > .overline:first-child,#atlasDetail .atlas-result-title{font-size:1.68rem!important;line-height:1.22;font-weight:800;letter-spacing:.065em;color:#12677d;margin:0 0 6px}
#atlasDetail .detail-subbrand{font-size:.84rem;line-height:1.4;font-weight:700;margin:0 0 12px;color:#557284}
#mapPlaceBadge .small{display:none!important}
.metric-comparison{display:grid;grid-template-columns:minmax(0,1.36fr) minmax(0,1fr);gap:20px;margin:18px 0 12px;align-items:stretch}
.metric-panel{min-width:0;border:1px solid #e0eaf0;border-radius:14px;padding:15px 14px 13px;background:#fcfefe}
.metric-panel-title{font-size:12px;font-weight:800;letter-spacing:.015em;color:#1b4356;margin:0 0 5px}
.metric-panel-subtitle{font-size:10px;color:#6f8998;margin:0}
.metric-panel .metric-chart{margin-top:8px;height:168px}
.metric-panel .metrics-board{width:100%;height:100%;display:flex;align-items:flex-end;gap:4px}
.metric-panel .metric-bar{min-width:0;flex:1}
.metric-panel .metric-bar .bar{width:70%}
.metric-chart-note{font-size:10px;color:#647f8f;line-height:1.6;margin:12px 0 0}
.elbow-chart{width:100%;height:184px;min-width:0;overflow:hidden;margin-top:5px}
.elbow-chart svg{width:100%;height:100%;display:block;overflow:visible}
.elbow-axis{font-size:10px;fill:#647f8f;font-family:Poppins,'Segoe UI',sans-serif}
.elbow-grid{stroke:#e5edf1;stroke-width:1;stroke-dasharray:3 4}
.elbow-line{fill:none;stroke:#0e8695;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.elbow-point{fill:#8fbfc9;stroke:#fff;stroke-width:1.4}
.elbow-point.is-selected{fill:#0c8192;stroke:#fff;stroke-width:2.1}
.elbow-selection{stroke:#1595a4;stroke-width:1.35;stroke-dasharray:4 4;opacity:.85}
.elbow-number{font-size:10px;font-weight:700;fill:#0d7082;font-family:Poppins,'Segoe UI',sans-serif}
@media (max-width:780px){.metric-comparison{grid-template-columns:1fr;gap:12px}.elbow-chart{height:215px}}
@media (max-width:480px){#atlasDetail .atlas-result-title{font-size:1.54rem!important}.metric-panel{padding:12px 9px}.metric-panel .metric-chart{height:156px}}


/* V22 — logo navbar dan Tanya Earth (hanya halaman Atlas ML) */
.brand-partners{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:none;margin-left:auto;padding:5px 0}
.brand-partners img{display:block;width:46px;height:46px;object-fit:contain;flex:none;filter:none}
.mast-inner>.nav{min-width:0;flex:1;margin-right:0}
@media(max-width:1150px){
 .mast-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 12px;padding-bottom:5px}
 .mast-inner>.brand{grid-area:1/1;margin:0}
 .mast-inner>.nav{grid-area:2/1/3/3;max-width:100%;margin:0;display:flex}
 .brand-partners{grid-area:1/2;gap:7px;padding:0}
 .brand-partners img{width:40px;height:40px}
}
@media(max-width:570px){.brand-partners{gap:5px}.brand-partners img{width:32px;height:32px}}
.earth-panel{padding:19px 20px 17px;border-top:1px solid #deebef;background:linear-gradient(140deg,#f8fcfd 10%,#edf8f9 100%)}
.earth-panel-head{display:flex;align-items:center;gap:10px;justify-content:space-between}
.earth-panel-title{display:flex;align-items:center;gap:10px;min-width:0}
.earth-panel-symbol{font-size:23px;font-weight:800;color:#fff;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#11768c,#24abb4);box-shadow:0 8px 16px #218b9a1e}
.earth-panel-eyebrow{color:#658a97;font-size:9px;font-weight:750;letter-spacing:1.3px}
.earth-panel-title h2{margin:2px 0 0;color:#153f56;font-size:21px;font-weight:800;line-height:1.2;letter-spacing:-.45px}
.earth-data-label{padding:6px 9px;border:1px solid #bbdfdc;border-radius:999px;background:#e7f7f4;color:#157e79;font-size:10px;font-weight:700;white-space:nowrap}
.earth-panel-copy{font-size:11px;line-height:1.75;color:#587482;margin:10px 0 14px}
.earth-form{display:flex;align-items:stretch;gap:8px;width:100%}
.earth-form input{min-width:0;flex:1;border:1px solid #c9dde5;border-radius:9px;padding:12px 13px;background:#fff;color:#203e4f;font-size:12px;font-family:inherit;outline:0;box-shadow:0 1px 2px #06283506}
.earth-form input:focus{border-color:#178796;box-shadow:0 0 0 3px #0c9bab18}
.earth-form button{border:0;border-radius:9px;padding:11px 16px;background:#087d90;color:#fff;font-family:inherit;font-size:11px;font-weight:750;white-space:nowrap;cursor:pointer;transition:background .2s}
.earth-form button:hover{background:#05697a}
.earth-form button:disabled{opacity:.55;cursor:wait}
.earth-quick-label{font-size:9px;font-weight:800;letter-spacing:1.1px;color:#78919d;margin:15px 0 8px}
.earth-suggestions{display:flex;flex-wrap:wrap;gap:7px}
.earth-suggestion{font:500 10px/1.5 inherit;font-family:inherit;font-size:10px;border:1px solid #cde2e7;color:#366c81;background:#fff;padding:7px 10px;border-radius:999px;cursor:pointer;text-align:left;transition:border .15s,background .15s}
.earth-suggestion:hover,.earth-suggestion:focus-visible{border-color:#1296a5;background:#e3f7fa;outline:0}
.earth-status{font-size:10px;color:#78919b;margin-top:12px}
.earth-answer{margin-top:12px;padding:15px 16px;background:#fff;border:1px solid #cde3e8;border-radius:11px;color:#24495d;box-shadow:0 3px 14px #153b4d0d}
.earth-answer[hidden]{display:none!important}
.earth-answer-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;align-items:center}
.earth-answer-header strong{font-size:13px;color:#123c53;line-height:1.5}
.earth-answer-state{font-size:9px;font-weight:700;color:#117e82;background:#e9f7f5;border-radius:999px;padding:4px 8px}
.earth-answer p,.earth-answer li{font-size:11px;line-height:1.8;color:#426477}
.earth-answer p{margin:10px 0 4px}.earth-answer ul{margin:8px 0 10px;padding-left:19px}.earth-answer li{margin:5px 0}
.earth-answer .earth-answer-note{background:#f0f7f9;border-left:3px solid #3f9ab0;padding:8px 10px;border-radius:0 5px 5px 0;font-size:10px;color:#567483}
.earth-answer-sources{border-top:1px solid #e7eef1;margin-top:10px;padding-top:11px;display:flex;gap:7px;flex-wrap:wrap;align-items:center;font-size:10px;color:#7893a0}
.earth-answer-sources a{border:1px solid #d3e7ec;border-radius:5px;padding:4px 7px;background:#f8fcfd;font-weight:650;color:#237e91;text-decoration:none}
.earth-answer-sources a:hover{text-decoration:underline}
.earth-disclaimer{font-size:9px;color:#7792a0;line-height:1.65;margin:12px 0 0}
.earth-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){.earth-panel{padding:17px 13px}.earth-form{flex-direction:column}.earth-form button{width:100%}.earth-panel-title h2{font-size:19px}.earth-data-label{font-size:9px}}

/* EarthAlert V23: scoped additions only; preserve existing visual design */
.geo-controls{display:flex;gap:10px 20px;align-items:center;flex-wrap:wrap;background:#f1f7f8;border:1px solid #cfe1e5;border-radius:12px;padding:12px 15px;margin:10px 0 14px;font-size:12px;color:#31596b}
.geo-controls>strong{font-size:12px;color:#143d50;white-space:nowrap}
.geo-controls label{display:inline-flex;gap:7px;align-items:center;cursor:pointer;font-weight:600}
.geo-controls input{accent-color:#087d93;width:15px;height:15px}
.geo-controls small{color:#587c8b;font-size:10px;flex-basis:100%}
.disaster-overview{margin:20px 0 22px}
.disaster-overview>a{font-size:11px;color:#146f87;text-decoration:underline}
.disaster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:16px 0}
.disaster-card{border:1px solid #deebee;background:linear-gradient(180deg,#fff,#f6fbfb);border-radius:13px;padding:15px 13px}
.disaster-n{display:flex;justify-content:space-between;align-items:center;gap:8px}
.disaster-n span{font-size:19px;font-weight:800;color:#6ca4b5}
.disaster-n small{font-size:9px;font-weight:700;color:#648394;text-align:right}
.disaster-card h3{font-size:12px;margin:9px 0 7px;color:#163d52}
.disaster-card p{font-size:10px;line-height:1.65;color:#4a6979;margin:0}
.mitigation-learning{margin:22px 0 0;padding:22px;border:1px solid #d6e7e9;border-radius:16px;background:#f5fafa}
.mitigation-learning>h3{margin:0 0 16px;font-size:16px;color:#234f60}
.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.learning-grid>div{background:#fff;border-radius:11px;padding:13px;border:1px solid #e2eeef}
.learning-grid b{font-size:12px;color:#146d80}
.learning-grid p{font-size:11px;line-height:1.7;color:#456678;margin:8px 0 0}
@media(max-width:1000px){.disaster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.geo-controls{display:grid;grid-template-columns:1fr}.geo-controls label{align-items:flex-start}.disaster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-grid{grid-template-columns:1fr}}

/* EarthAlert V24: interpretation of each selected Atlas ML hexagon */
.zone-insights{margin:19px 0 18px;border:1px solid #d4e7ec;border-radius:14px;overflow:hidden;background:#fff}
.zone-insights-heading{padding:18px 17px 14px;background:linear-gradient(115deg,#eef8fa,#f9fcfd)}
.zone-insights-heading>span{font-size:9px;letter-spacing:1.2px;font-weight:800;color:#12859a}
.zone-insights-heading h3{margin:7px 0 5px;color:#194b5f;font-size:17px;line-height:1.4}
.zone-insights-heading p{font-size:11px;line-height:1.7;color:#557588;margin:0}
.zone-insight-item{display:flex;gap:12px;align-items:flex-start;padding:15px 17px;border-top:1px solid #e7eff1}
.zone-insight-icon{flex:0 0 29px;width:29px;height:29px;border-radius:9px;background:#e8f5f7;color:#0b8198;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}
.zone-insight-item h4{font-size:12px;line-height:1.5;color:#21485c;margin:0 0 5px}
.zone-insight-item p{font-size:11px;line-height:1.75;color:#496b7b;margin:0}
.zone-insight-item strong{color:#194c60}

/* V25 — simulasi keputusan: interactive education module in Wawasan Mitigasi */
.decision-simulator{margin:22px 0 25px;border-radius:22px;border:1px solid #d2e5ea;overflow:hidden;background:#fff;box-shadow:0 12px 28px rgba(16,73,92,.055);scroll-margin-top:85px}
.sim-head{padding:27px 28px 15px;background:linear-gradient(130deg,#eaf6f8 0%,#fff 75%)}
.sim-head .overline{color:#0b8398;font-size:10px;letter-spacing:1.45px;font-weight:800}
.sim-head h2{font-size:clamp(20px,2.2vw,29px);letter-spacing:-.6px;line-height:1.3;margin:10px 0;color:#16455a}
.sim-head p{max-width:750px;font-size:13px;line-height:1.8;color:#517384;margin:0}
.sim-facts{display:flex;gap:12px;flex-wrap:wrap;padding:8px 28px 20px}
.sim-facts span{font-size:11px;background:#f2f9fa;border:1px solid #deedf0;border-radius:999px;padding:7px 12px;color:#507485}
.sim-facts b{color:#106d83;font-size:14px}
.sim-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 28px 24px}
.sim-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:223px;border:1px solid #dae9ed;background:#fff;border-radius:16px;padding:18px;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s;color:inherit;font-family:inherit}
.sim-card:hover,.sim-card:focus-visible{transform:translateY(-2px);border-color:#57b1c0;box-shadow:0 8px 20px rgba(22,112,130,.1);outline-offset:3px}
.sim-symbol{font-size:30px;line-height:1.5}
.sim-card small{color:#7392a0;font-size:9px;font-weight:800;letter-spacing:1px;margin-top:9px}
.sim-card strong{font-size:14px;line-height:1.4;color:#16465c;margin-top:5px}
.sim-card>span:not(.sim-symbol){font-size:10.5px;color:#648090;line-height:1.65;margin-top:9px}
.sim-card em{font-size:11px;color:#087b94;font-weight:800;font-style:normal;margin-top:auto;padding-top:16px}
.sim-sources{font-size:10px;line-height:1.8;color:#6a8995;padding:13px 28px 21px;margin:0}
.sim-sources a{color:#087990;text-decoration:underline;text-underline-offset:3px}
.sim-active{padding:23px 28px 28px}
.sim-nav{display:flex;justify-content:space-between;gap:14px;align-items:center;color:#688592;font-size:11px}
.sim-textbutton{font-family:inherit;border:0;background:transparent;padding:6px 0;color:#117e93;font-weight:700;cursor:pointer}
.sim-textbutton:hover{text-decoration:underline}
.sim-progress{height:6px;border-radius:999px;background:#e2eef1;margin:14px 0 23px;overflow:hidden}
.sim-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#08a2af,#0d718e);transition:width .2s ease}
.sim-kicker{font-size:12px;font-weight:800;color:#406f81;margin:12px 0}
.sim-scene{border-left:4px solid #15a2b1;background:#f1f9fa;border-radius:0 14px 14px 0;padding:19px 20px;margin-bottom:22px}
.sim-scene>span{font-size:9px;letter-spacing:1.3px;font-weight:800;color:#16869a}
.sim-scene p{font-size:14px;line-height:1.85;color:#264e61;margin:8px 0 0}
.sim-active>h3{font-size:18px;color:#143c50;margin:15px 0 16px;line-height:1.5}
.sim-options{display:grid;gap:10px}
.sim-option{font-family:inherit;display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #dae9ed;border-radius:13px;padding:15px 17px;background:#fff;color:#2a5163;cursor:pointer;transition:background .16s,border-color .16s}
.sim-option>span{display:inline-flex;align-items:center;justify-content:center;min-width:29px;width:29px;height:29px;border-radius:9px;background:#edf6f8;color:#11798e;font-weight:800;font-size:12px}
.sim-option strong{font-size:12px;font-weight:600;line-height:1.65}
.sim-option:hover:not(:disabled),.sim-option:focus-visible:not(:disabled){border-color:#56b0c0;background:#f0f9fa}
.sim-option:disabled{cursor:default;opacity:1}
.sim-option.dimmed{opacity:.55}
.sim-option.selected{border-color:#14839a;background:#eaf7f9}
.sim-reason{margin:17px 0 20px;padding:17px 19px;border-radius:13px;background:#f0f9f8;border-left:4px solid #15948d}
.sim-reason.learn{background:#fdf8ee;border-left-color:#c6912c}
.sim-reason>strong{font-size:13px;color:#20576b}
.sim-reason p{font-size:12px;line-height:1.8;margin:9px 0 0;color:#466a7b}
.sim-main,.sim-alt{font-family:inherit;border-radius:11px;border:1px solid #0a8196;padding:12px 18px;font-size:12px;font-weight:800;cursor:pointer}
.sim-main{background:#087f96;color:#fff}
.sim-main:hover,.sim-main:focus-visible{background:#09677e}
.sim-alt{background:#fff;color:#087f96}
.sim-active>.sim-sources{padding:23px 0 0}
.sim-end{padding:26px 30px;text-align:center}
.sim-end>.sim-textbutton{display:block}
.sim-done-icon{margin:17px auto 13px;font-size:27px;border-radius:50%;width:59px;height:59px;display:flex;align-items:center;justify-content:center;color:#0e8e9a;background:#e8f7f8}
.sim-end h2{font-size:24px;line-height:1.4;margin:7px 0 13px;color:#164457}
.sim-score{display:inline-block;font-size:13px;font-weight:800;color:#0b758a;background:#eaf7f9;padding:10px 16px;border-radius:11px}
.sim-recaps{text-align:left;margin:23px 0;display:grid;gap:12px}
.sim-recap{display:flex;gap:13px;border:1px solid #e1edef;border-radius:12px;padding:14px 16px;background:#fafdfd}
.sim-recap>span{font-weight:800;color:#0e9c91}
.sim-recap strong{font-size:12px;color:#285467;line-height:1.6}
.sim-recap p{font-size:11px;line-height:1.75;margin:5px 0 0;color:#63808e}
.sim-end-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.sim-end>.sim-sources{padding:23px 0 0}
@media(max-width:900px){.sim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sim-head{padding:20px 16px 14px}.sim-facts{padding:6px 16px 18px;gap:7px}.sim-grid{grid-template-columns:1fr;gap:10px;padding:0 15px 16px}.sim-card{min-height:154px;padding:14px 15px}.sim-card>span:not(.sim-symbol){margin-top:6px}.sim-card em{padding-top:8px}.sim-sources{padding:12px 16px 19px}.sim-active{padding:18px 15px}.sim-scene{padding:16px}.sim-scene p{font-size:13px}.sim-active>h3{font-size:16px}.sim-option{padding:12px}.sim-end{padding:20px 16px}.sim-end h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.sim-card,.sim-progress i,.sim-option{transition:none}}

/* V26: geological layers, integrated geographical interpretation, zone comparison */
.tectonic-extra{margin:9px 0 14px;padding:12px 14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 19px;background:#f7fafb;border:1px solid #dae9ee;border-radius:12px}
.tectonic-extra label{font-size:11px;font-weight:650;color:#31586d;display:inline-flex;gap:7px;align-items:center;cursor:pointer}
.tectonic-extra input{accent-color:#0e879a;width:15px;height:15px}
.tectonic-extra small{flex-basis:100%;font-size:10px;color:#698696;line-height:1.6}
.integrated-summary{margin:18px 0;border:1px solid #d1e7e9;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 15px rgba(21,92,109,.045)}
.integrated-heading{background:linear-gradient(120deg,#eaf7f6,#f8fbfd);padding:19px 19px 13px}
.integrated-heading span,.compare-top>span{font-size:9px;font-weight:800;color:#0b8295;letter-spacing:1.3px}
.integrated-heading h3{font-size:17px;line-height:1.42;color:#214f62;margin:8px 0}
.integrated-heading p{font-size:11px;line-height:1.75;color:#5a7b8a;margin:0}
.integrated-story{padding:4px 19px}
.integrated-story p{font-size:12px;line-height:1.85;color:#355b70;margin:14px 0}
.integrated-story strong{color:#164e63}
.integrated-sources{border-top:1px solid #e7f0f1;background:#f9fbfc;color:#698391;font-size:10px;line-height:1.7;padding:12px 19px}
.region-compare{border:1px solid #d5e8ec;border-radius:19px;background:#fff;overflow:hidden;margin:23px 0;box-shadow:0 10px 24px rgba(21,86,106,.05)}
.compare-top{padding:22px 22px 12px;background:linear-gradient(125deg,#eef7f9,#fff)}
.compare-top h2{font-size:21px;margin:8px 0;color:#194859;letter-spacing:-.3px}
.compare-top p{font-size:12px;max-width:670px;line-height:1.75;color:#5b7b89;margin:0}
.compare-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:18px 22px 8px}
.compare-controls label{display:grid;gap:7px;font-size:11px;color:#486d7e;font-weight:750}
.compare-controls select{width:100%;min-width:0;border:1px solid #d0e4e8;border-radius:10px;background:#fafdfe;padding:11px;color:#1e5165;font:500 11px Poppins,sans-serif}
.compare-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:9px 22px}
.compare-actions button{font:700 11px Poppins,sans-serif;padding:11px 15px;border-radius:10px;cursor:pointer;background:#fff;border:1px solid #cde1e7;color:#21778a}
.compare-actions button.compare-primary{background:#137e92;color:#fff;border-color:#137e92}
.compare-feedback{padding:0 22px;font-size:10px;color:#71909c;line-height:1.7}
#compare-result{padding:5px 22px 22px}
.compare-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.compare-zone{border:1px solid #dfebed;border-radius:13px;background:#f7fbfc;padding:14px}
.compare-zone>span{font-size:9px;font-weight:800;letter-spacing:.7px;color:#0b8798}
.compare-zone h4{font-size:12px;line-height:1.6;color:#194a60;margin:6px 0 12px}
.compare-numbers{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.compare-numbers div{background:#fff;border:1px solid #e5eff1;border-radius:9px;padding:9px}
.compare-numbers small{display:block;color:#839ba7;font-size:9px;font-weight:750}
.compare-numbers b{display:block;margin-top:4px;color:#205568;font-size:14px}
.compare-interpret{background:#f0f8f9;border-left:3px solid #16a1ac;border-radius:0 10px 10px 0;margin-top:14px;padding:14px 17px}
.compare-interpret h4{font-size:13px;color:#1e5366;margin:0 0 7px}
.compare-interpret p{font-size:11px;line-height:1.85;color:#436c80;margin:8px 0}
@media(max-width:730px){.compare-controls,.compare-pair{grid-template-columns:1fr}.compare-controls{padding:15px}.compare-top{padding:18px 15px 10px}.compare-actions{padding:9px 15px}.compare-feedback{padding:0 15px}#compare-result{padding:4px 15px 17px}.tectonic-extra{display:grid;grid-template-columns:1fr;gap:11px}}