/* [scwscale] SCW Shake / Boom / Magnetic scales, keys, MMI reference. Shared by /seismic, /infrasound, /nextmag and /stations cards. */
:root{--scw-ink:#13283a;--scw-muted:#55687a;--scw-line:#dfe7ef;--scw-soft:#f5f8fb;--scw-blue:#0b5cad;--scw-r:14px}
.lv0{--lv:#e7edf2;--lvt:#2f4456}.lv1{--lv:#d3ebf7;--lvt:#123b55}.lv2{--lv:#a6d8ef;--lvt:#0f3a52}.lv3{--lv:#7dcfbd;--lvt:#0d3b33}
.lv4{--lv:#b8dc66;--lvt:#2c3d06}.lv5{--lv:#ffdf5c;--lvt:#4a3a00}.lv6{--lv:#ffbb4a;--lvt:#4d2b00}.lv7{--lv:#ff9142;--lvt:#4a1d00}
.lv8{--lv:#f05e38;--lvt:#fff}.lv9{--lv:#c92d2d;--lvt:#fff}.lv10{--lv:#7a1226;--lvt:#fff}.lvx{--lv:#eef2f5;--lvt:#5c6e7e}
/* headline */
.scw-scale{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;margin:22px 0 10px;align-items:stretch}
.scw-meter{position:relative;background:#fff;border:1px solid var(--scw-line);border-radius:var(--scw-r);padding:20px 22px 16px;box-shadow:0 8px 28px #183c5a0d;overflow:hidden}
.scw-meter::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:var(--lv)}
.scw-meter-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}
.scw-k{margin:0;font:800 12.5px/1.2 system-ui,sans-serif;letter-spacing:.12em;color:var(--scw-muted)}
.scw-when{margin:0;font-size:13px;color:var(--scw-muted)}
.scw-meter-main{display:flex;align-items:center;gap:18px;margin:12px 0 14px}
.scw-num{flex:0 0 auto;display:grid;place-items:center;min-width:104px;height:104px;padding:0 10px;border-radius:22px;background:var(--lv);color:var(--lvt);font:800 64px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;box-shadow:inset 0 -4px 0 #0000000f}
.scw-words strong{display:block;font:700 30px/1.1 Georgia,serif;color:var(--scw-ink)}
.scw-words span{display:block;margin-top:6px;font:700 17px/1.3 system-ui,sans-serif;color:var(--scw-muted)}
.scw-band{display:grid;grid-template-columns:repeat(11,1fr);gap:3px}
.scw-band span{background:var(--lv);color:var(--lvt);font:700 11px/22px system-ui,sans-serif;text-align:center;border-radius:5px;opacity:.55}
.scw-band span.on{opacity:1;outline:2px solid var(--scw-ink);outline-offset:1px;font-weight:800}
.scw-status{margin:10px 0 0;font-size:13.5px;color:var(--scw-muted);line-height:1.45}
.scw-tiles{display:grid;gap:12px;align-content:stretch}
.scw-tile{background:#fff;border:1px solid var(--scw-line);border-radius:var(--scw-r);padding:14px 16px;box-shadow:0 8px 28px #183c5a08}
.scw-tile-k{margin:0 0 8px;font:800 11.5px/1.2 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--scw-muted)}
.scw-tile-row{display:flex;gap:12px;align-items:center}.scw-tile-row strong{display:block;font:700 18px/1.2 system-ui,sans-serif;color:var(--scw-ink)}.scw-tile-row div>span{display:block;font-size:13.5px;color:var(--scw-muted);margin-top:2px}
.scw-tile-f{margin:8px 0 0;font-size:12.5px;color:var(--scw-muted)}
.scw-disclaim{grid-column:1/-1;margin:0;padding:10px 14px;background:var(--scw-soft);border:1px solid var(--scw-line);border-radius:10px;font-size:14px;color:var(--scw-ink)}
.scw-chip{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 6px;border-radius:10px;background:var(--lv);color:var(--lvt);font:800 20px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;flex:0 0 auto}
.scw-chip-sm{min-width:30px;height:30px;font-size:15px;border-radius:8px}
.scw-kpv{display:inline-grid;place-items:center;min-width:52px;height:40px;padding:0 8px;border-radius:10px;font:800 19px/1 system-ui,sans-serif;background:#e7eef6;color:#0b4b8a}
.scw-kpv.kp-active{background:#fff1d6;color:#7a4b00}.scw-kpv.kp-storm{background:#a14d28;color:#fff}
/* keys */
.scw-keys,.scw-mmi,.scw-how{margin:44px 0 8px}.scw-keys h2,.scw-mmi h2,.scw-how h2{margin:6px 0 14px}
.scw-keygrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px;align-items:start}
.scw-card{background:#fff;border:1px solid var(--scw-line);border-radius:var(--scw-r);padding:20px 22px;box-shadow:0 8px 28px #183c5a08}
.scw-card h3{margin:0 0 4px;font:700 20px/1.25 Georgia,serif;color:var(--scw-ink)}.scw-sub{margin:0 0 12px;font-size:14px;color:var(--scw-muted)}
.scw-tag{display:inline-block;vertical-align:middle;margin-left:6px;padding:2px 8px;border-radius:999px;background:#eef4fa;color:var(--scw-blue);font:800 11px/1.5 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.scw-key{list-style:none;margin:0;padding:0}.scw-key li{display:flex;gap:12px;align-items:flex-start;padding:7px 0;border-top:1px solid #edf2f6}.scw-key li:first-child{border-top:0}
.scw-key b{display:block;font-size:14.5px;color:var(--scw-ink)}.scw-key span:not(.scw-chip){display:block;font-size:13.5px;color:var(--scw-muted);line-height:1.4}
.scw-table-wrap{overflow-x:auto}.scw-ex{width:100%;border-collapse:collapse;font-size:14px}
.scw-ex th,.scw-ex td{text-align:left;padding:10px 8px;border-top:1px solid #edf2f6;vertical-align:middle}.scw-ex thead th{border-top:0;font:800 11.5px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--scw-muted)}
.scw-ex tbody th{font-weight:700;color:var(--scw-ink)}.scw-ex-score{white-space:nowrap}.scw-ex-lab{margin-left:8px;font-weight:700}
.scw-soon{display:inline-block;padding:4px 10px;border-radius:999px;background:#f1f4f7;color:#5c6e7e;font-weight:700;font-size:13px;border:1px dashed #c6d2dc}
.scw-ex-src{font-size:13px;color:var(--scw-muted)}.scw-fine{margin:12px 0 0;font-size:13px;color:var(--scw-muted)}
.scw-lead{max-width:78ch;color:var(--scw-muted);margin:0 0 14px;font-size:16px}
/* MMI reference (USGS ShakeMap legend colors) */
.mmi-i{--m:#ffffff}.mmi-ii{--m:#bfccff}.mmi-iii{--m:#a0e6ff}.mmi-iv{--m:#80ffff}.mmi-v{--m:#7aff93}.mmi-vi{--m:#ffff00}.mmi-vii{--m:#ffc800}.mmi-viii{--m:#ff9100}.mmi-ix{--m:#ff0000;--mt:#fff}.mmi-x,.mmi-xi,.mmi-xii{--m:#c80000;--mt:#fff}
.mmi-head{display:grid;grid-template-columns:72px 128px 1fr;gap:14px;padding:0 10px 8px;font:800 11.5px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--scw-muted);border-bottom:1px solid var(--scw-line)}
.mmi-list{list-style:none;margin:0;padding:0}.mmi-list li{display:grid;grid-template-columns:72px 128px 1fr;gap:14px;align-items:center;padding:8px 10px;border-bottom:1px solid #edf2f6}
.mmi-n{display:grid;place-items:center;height:34px;border-radius:8px;background:var(--m);color:var(--mt,#13283a);font:800 16px system-ui,sans-serif;border:1px solid #0000001a}
.mmi-s{font-size:15px;color:var(--scw-ink)}.mmi-d{font-size:14px;line-height:1.45;color:#2d4253}
.mmi-bar{display:grid;grid-template-columns:repeat(10,1fr);margin:14px 0 4px;border-radius:8px;overflow:hidden;border:1px solid #0000001a}.mmi-bar span{background:var(--m);color:var(--mt,#13283a);text-align:center;font:800 12px/24px system-ui,sans-serif}
.scw-note{margin:14px 0 0;padding:12px 14px;background:#fffaf4;border:1px solid #f1dcc6;border-radius:10px;font-size:14.5px}
/* collapsibles */
.scw-more{margin:6px 0 0;background:#fff;border:1px solid var(--scw-line);border-radius:var(--scw-r);box-shadow:0 8px 28px #183c5a08}
.scw-more>summary{cursor:pointer;list-style:none;padding:15px 20px;font:700 16px system-ui,sans-serif;color:var(--scw-blue);display:flex;justify-content:space-between;align-items:center;gap:10px}
.scw-more>summary::-webkit-details-marker{display:none}.scw-more>summary::after{content:"+";font:800 22px/1 system-ui;color:var(--scw-blue)}.scw-more[open]>summary::after{content:"\2212"}
.scw-more>summary:focus-visible{outline:2px solid var(--scw-blue);outline-offset:2px;border-radius:var(--scw-r)}
.scw-more-body{padding:0 20px 18px}.scw-more-body h3{margin:14px 0 4px;font:700 17px/1.3 Georgia,serif;color:var(--scw-ink)}.scw-more-body p{margin:0 0 6px;font-size:15px;max-width:78ch}
.scw-guide-more{margin:44px 0 10px}.scw-guide-more .guide{margin:0;border:0;box-shadow:none}
/* cards on /stations */
.scw-cardbadge{display:flex;align-items:center;gap:10px;margin:6px 0 4px;padding:6px 10px 6px 6px;border-radius:10px;background:#f5f8fb;border:1px solid #e1e9f1}
.scw-cb-n{display:inline-grid;place-items:center;min-width:34px;height:34px;border-radius:8px;background:var(--lv);color:var(--lvt);font:800 18px/1 system-ui,sans-serif}
.scw-cb-t{font:700 14px/1.3 system-ui,sans-serif;color:#13283a}
/* /nextmag fit */
.scw-on-mag{margin-top:26px}
@media(max-width:900px){.scw-scale{grid-template-columns:1fr}.scw-tiles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.scw-keygrid{grid-template-columns:1fr}}
@media(max-width:600px){.scw-meter{padding:16px 16px 14px}.scw-num{min-width:84px;height:84px;font-size:52px;border-radius:18px}.scw-words strong{font-size:24px}.scw-words span{font-size:15px}
 .scw-band span{font-size:10px;line-height:20px}.scw-card{padding:16px}.scw-tiles{grid-template-columns:1fr}
 .mmi-head{display:none}.mmi-list li{grid-template-columns:52px 1fr;gap:4px 12px;padding:10px 4px}.mmi-n{grid-row:span 2;height:44px}.mmi-d{grid-column:2;font-size:13.5px}
 .mmi-bar span{font-size:10px}
 .scw-ex thead{display:none}.scw-ex tr{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:10px 0;border-top:1px solid #edf2f6}.scw-ex th,.scw-ex td{border:0;padding:0}.scw-ex-src{grid-column:1/-1}}

/* [scwscale-history] live score chart */
.scw-scorecard{margin:18px 0 8px}
.scc-toggle{display:inline-flex;margin:10px 0 0;border:1px solid var(--scw-line);border-radius:999px;padding:3px;background:#f2f6fa;gap:2px}
.scc-toggle button{font:700 13.5px system-ui,sans-serif;border:0;background:transparent;color:#234b70;padding:6px 12px;border-radius:999px;cursor:pointer;min-height:34px}
.scc-toggle button[aria-pressed="true"]{background:#13283a;color:#fff}.scc-toggle button:focus-visible{outline:2px solid var(--scw-blue);outline-offset:2px}
.scc-box{width:100%;min-height:230px}.scc-svg{display:block;width:100%;height:auto}
.scc-band{fill:var(--lv);opacity:.32}.scc-grid{stroke:#ffffff;stroke-width:1;opacity:.8}.scc-vgrid{stroke:#13283a;stroke-opacity:.08;stroke-width:1}.scc-frame{fill:none;stroke:#cfdbe6}
.scc-yl,.scc-xl{font:12px system-ui,sans-serif;fill:#4e6170}.scc-wl{font:700 11.5px system-ui,sans-serif;fill:#4e6170}
.scc-nodata{fill:#e6ebf0;opacity:.9}.scc-nodata-t{font:600 12px system-ui,sans-serif;fill:#6b7d8d}
.scc-line{fill:none;stroke-width:2.4;stroke-linejoin:round}.scc-multi{stroke-width:2.2}.scc-area{opacity:.16}
.scc-seismic{--c:#0b5cad}.scc-infrasound{--c:#7552a0}.scc-magnetic{--c:#1f8a70}
.scc-line.scc-seismic,.scc-line.scc-infrasound,.scc-line.scc-magnetic{stroke:var(--c)}.scc-area{fill:var(--c)}
.scc-now{stroke:#13283a;stroke-width:1.2;stroke-dasharray:4 4;opacity:.6}
.scc-mark .scc-dot{fill:var(--c);stroke:#fff;stroke-width:2}.scc-mark .scc-ring{fill:var(--c);opacity:0;transform-box:fill-box;transform-origin:center}
.scc-mark.scc-pulse .scc-ring{animation:scc-pulse 1.6s ease-out 2}
.scc-mark.scc-stale .scc-dot{fill:#9aa9b6}.scc-tag{fill:var(--lv);stroke:#13283a33}.scc-tag-t{font:800 12px system-ui,sans-serif;fill:var(--lvt)}
.scc-stale .scc-tag{fill:#eef2f5}.scc-stale .scc-tag-t{fill:#5c6e7e}
@keyframes scc-pulse{0%{opacity:.55;transform:scale(.6)}100%{opacity:0;transform:scale(2.4)}}
@media (prefers-reduced-motion: reduce){.scc-mark.scc-pulse .scc-ring{animation:none}}
.scc-legend .scc-sw{flex:0 0 22px;height:12px;margin-top:3px;border-radius:3px;background:var(--c)}
.scc-legend .scc-sw.scc-seismic,.scc-legend .scc-sw.scc-infrasound,.scc-legend .scc-sw.scc-magnetic{height:4px;margin-top:7px}
.scc-bandsw{background:linear-gradient(90deg,#d3ebf7,#7dcfbd,#ffdf5c,#ff9142,#c92d2d)!important}.scc-gapsw{background:#fff!important;border:1px dashed #b9c8d6}.scc-nowsw{background:none!important;border-left:2px dashed #13283a;opacity:.7;width:0;flex-basis:12px!important}
.scc-note{margin-top:8px}
@media(max-width:600px){.scc-toggle{width:100%}.scc-toggle button{flex:1}.scc-box{min-height:200px}}

/* score chart controls, self-contained so /nextmag (no seismic.css) matches */
.scw-scorecard .sc-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}.scw-scorecard .sc-head h3{margin:0;font:700 20px/1.25 Georgia,serif;color:var(--scw-ink)}
.scw-scorecard .sc-ranges{display:inline-flex;border:1px solid var(--scw-line);border-radius:999px;padding:3px;background:#f2f6fa;gap:2px}
.scw-scorecard .sc-ranges button{font:700 14px system-ui,sans-serif;border:0;background:transparent;color:#234b70;padding:7px 13px;border-radius:999px;cursor:pointer;min-height:36px}
.scw-scorecard .sc-ranges button[aria-pressed="true"]{background:#0b5cad;color:#fff}
.scw-scorecard .sc-desc{margin:10px 0 12px;font-size:15px;color:var(--scw-muted)}.scw-scorecard .sc-xcap{text-align:center;font-size:13px;font-weight:600;color:var(--scw-muted);margin:4px 0 0}
.scw-scorecard .sc-legend{list-style:none;padding:12px 14px;margin:12px 0 4px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px 18px;background:#f6f9fc;border:1px solid #e1e9f1;border-radius:10px}
.scw-scorecard .sc-legend li{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;line-height:1.4;color:var(--scw-ink)}.scw-scorecard .sc-legend b{margin-right:2px}
.scw-scorecard .chart-empty{padding:60px 10px;text-align:center;color:var(--scw-muted)}.scw-scorecard .fine{font-size:13px;color:var(--scw-muted)}
@media(max-width:600px){.scw-scorecard .sc-ranges{width:100%;justify-content:space-between}.scw-scorecard .sc-ranges button{padding:7px 8px;font-size:13px;flex:1}.scw-scorecard .sc-legend{grid-template-columns:1fr}}

/* [scwscale-mini] chart + 'All three scales' card */
.scw-scorecard{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:16px;align-items:start}
.scw-mini{display:block;text-decoration:none;color:var(--scw-ink);background:#fff;border:1px solid var(--scw-line);border-radius:var(--scw-r);padding:14px 16px;box-shadow:0 8px 28px #183c5a08;transition:border-color .15s,box-shadow .15s}
.scw-mini:hover{border-color:#9cbfe0;box-shadow:0 10px 30px #183c5a14}.scw-mini:focus-visible{outline:2px solid var(--scw-blue);outline-offset:2px}
.scm-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.scm-k{font:800 11.5px/1.2 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--scw-muted)}.scm-go{font:700 13px system-ui,sans-serif;color:var(--scw-blue)}
.scm-rows{display:grid;gap:6px}.scm-row{display:grid;grid-template-columns:14px 1fr auto 86px;align-items:center;gap:8px;font-size:14px}
.scm-sw{width:14px;height:4px;border-radius:2px;background:var(--c)}.scm-name{font-weight:700}.scm-lab{font-size:13px;color:var(--scw-muted);text-align:left}
.scm-spark{margin:10px 0 6px;border:1px solid #e3ebf2;border-radius:8px;overflow:hidden;background:#fafcfe}.scm-svg{display:block;width:100%;height:64px}.scm-line{stroke-width:1.8}
.scm-foot{margin:0;font-size:12px;color:var(--scw-muted)}
.scw-scorecard.wrap{display:grid}
@media(max-width:900px){.scw-scorecard{grid-template-columns:1fr}}
/* [scwscale-page] /scw-scales */
.scw-scales-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.scw-stile{display:flex;gap:12px;align-items:center;text-decoration:none;background:#fff;border:1px solid var(--scw-line);border-top:4px solid var(--c);border-radius:var(--scw-r);padding:14px 16px;color:var(--scw-ink);box-shadow:0 8px 28px #183c5a08}
.scw-stile:hover{border-color:#9cbfe0}.scw-stile strong{display:block;font:700 17px system-ui,sans-serif}.scw-stile span.scs-l{display:block;font-size:13.5px;color:var(--scw-muted)}
.scw-stile .scw-chip{min-width:48px;height:48px;font-size:24px}
.scw-fullchart{margin:10px 0}
@media(max-width:700px){.scw-scales-tiles{grid-template-columns:1fr}}
.scw-fullchart.scw-scorecard{grid-template-columns:1fr}
/* [scw-modetoggle] Score | Raw reading switch on the main chart */
.scw-mainchart{min-width:0}
.scw-modehead{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 10px}
.scw-modebar{display:inline-flex;border:1px solid var(--scw-line,#dbe5ee);border-radius:10px;padding:3px;background:#fff;gap:2px;box-shadow:0 4px 14px #183c5a0a}
.scw-modebar button{font:700 14px system-ui,sans-serif;border:0;background:transparent;color:#234b70;padding:8px 16px;border-radius:8px;cursor:pointer;min-height:38px}
.scw-modebar button[aria-pressed="true"]{background:#13283a;color:#fff}
.scw-modebar button:focus-visible{outline:2px solid #0b5cad;outline-offset:2px}
.scw-modeline{margin:0;font-size:14px;color:var(--scw-muted,#4e6170);flex:1 1 260px}
.scw-modeline b{color:var(--scw-ink,#13283a)}
.scw-mainchart [data-pane][hidden]{display:none!important}
.seis-infrasound .scw-scorecard .sc-ranges button[aria-pressed="true"]{background:#7552a0}
.scw-magchart .sc-ranges button[aria-pressed="true"]{background:#1f8a70}
@media(max-width:600px){.scw-modebar{width:100%}.scw-modebar button{flex:1}.scw-modeline{flex-basis:100%}}
/* [scwscale-raw] raw magnetometer chart (/nextmag) */
.scw-mag-raw{background:#fff;border:1px solid var(--scw-line,#dbe5ee);border-radius:var(--scw-r,14px);padding:18px 20px;box-shadow:0 8px 28px #183c5a08}
.rm-svg{display:block;width:100%;height:auto}
.rm-svg .sc-plot{fill:#f7fafd;stroke:#dbe5ee}.rm-svg .sc-nodata{fill:#e6ebf0}.rm-svg .sc-nodata-t{font:600 12px system-ui,sans-serif;fill:#6b7d8d}
.rm-svg .sc-grid{stroke:#dfe8f0;stroke-width:1}.rm-svg .sc-vgrid{stroke:#e9eff5;stroke-width:1}.rm-svg .sc-axis{stroke:#8ea2b4;stroke-width:1}
.rm-svg .sc-yl,.rm-svg .sc-xl{font:12px system-ui,sans-serif;fill:#4e6170}.rm-svg .sc-yt{font:600 11px system-ui,sans-serif;fill:#4e6170;letter-spacing:.02em}
.rm-band{fill:#1f8a70;opacity:.32}.rm-line{stroke:#1f8a70;stroke-width:1.6}
.rm-dot{fill:#1f8a70;stroke:#fff;stroke-width:1.5}.rm-pulse{fill:none;stroke:#1f8a70;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:scc-pulse 1.6s ease-out 2}
.rm-old .rm-band,.rm-old .rm-line{opacity:.45}
.rm-legend .rm-sw-band{background:#1f8a70!important;opacity:.4}.rm-legend .rm-sw-line{background:#1f8a70!important;height:3px!important;margin-top:7px!important}
.rm-cov{margin:8px 0 2px}
@media (prefers-reduced-motion: reduce){.rm-pulse{animation:none;display:none}}
@media(max-width:600px){.scw-mag-raw{padding:14px}}
/* [scwscale-page] raw links on /scw-scales */
.scw-rawlinks{margin:10px 0 0;font-size:14px;color:var(--scw-muted,#4e6170)}.scw-rawlinks a{font-weight:700;color:#0b5cad;text-decoration:none;white-space:nowrap}.scw-rawlinks a:hover{text-decoration:underline}