/* [seismic-stations] page extras on top of the station-lab layout (sky-light.css) */
.seis-chart,.seis-heli{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#f7fafd}
.seis-svg{display:block;width:100%;height:240px}.seis-heli-svg{height:auto}
.seis-hlabel{font:600 17px system-ui;fill:#4e6170}
.seis-times{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--muted);margin:0 2px 6px}
.seis-old{opacity:.55;filter:grayscale(.6)}.seis-dim{color:#6f8191!important}
.pill.seis-pill-live{color:#1d7a3e}.pill.seis-pill-stale,.pill.seis-pill-off{color:#a14d28}
.notice.seis-notice-live{background:#e8f5ec;border-left-color:#1d7a3e}
.seis-quakes{margin:44px 0 8px}.seis-quakes>p{max-width:80ch}
.seis-qgrid{display:grid;grid-template-columns:1fr;gap:16px}.seis-qgrid .chart-card{margin:0}
.seis-qlist{list-style:none;margin:10px 0 0;padding:0}.seis-qlist li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid #e3ebf2;font-size:15px;line-height:1.4}
.seis-qlist li:first-child{border-top:0}.seis-qlist small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.seis-qlist a{text-decoration:none;font-weight:600}.seis-qlist a:hover{text-decoration:underline}
.seis-mag{flex:0 0 auto;min-width:52px;text-align:center;font-weight:800;font-size:14px;padding:4px 6px;border-radius:6px;background:#e7eef6;color:#0b4b8a}
.seis-m4{background:#fff1d6;color:#7a4b00}.seis-m5{background:#ffe0cc;color:#8a3a00}.seis-m6,.seis-m7{background:#a14d28;color:#fff}
.seis-qempty{color:var(--muted);font-size:14px}
.seis-infrasound .cards article:first-child{border-top-color:#7552a0}
@media(max-width:900px){.seis-qgrid{grid-template-columns:1fr}}
@media(max-width:600px){.seis-svg{height:180px}.seis-heli-svg{height:auto}.seis-hlabel{font-size:15px}.seis-times{font-size:12px}}
/* [seismic-history] range chart, axes and key */
.sc-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}.sc-head h3{margin:0}
.sc-ranges{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:#f2f6fa;gap:2px}
.sc-ranges button{font:700 14px system-ui;border:0;background:transparent;color:#234b70;padding:7px 13px;border-radius:999px;cursor:pointer;min-height:36px}
.sc-ranges button[aria-pressed="true"]{background:#0b5cad;color:#fff}.seis-infrasound .sc-ranges button[aria-pressed="true"]{background:#7552a0}
.sc-ranges button:focus-visible{outline:2px solid #0b5cad;outline-offset:2px}
.sc-desc{margin:10px 0 12px}.sc-box{width:100%;min-height:240px}.sc-svg{display:block;width:100%;height:auto}
.sc-plot{fill:#f7fafd;stroke:#dbe5ee}.sc-nodata{fill:#e6ebf0}.sc-nodata-t{font:600 12px system-ui;fill:#6b7d8d}
.sc-grid{stroke:#dfe8f0;stroke-width:1}.sc-zero{stroke:#9fb3c5;stroke-width:1}.sc-vgrid{stroke:#e9eff5;stroke-width:1}.sc-axis{stroke:#8ea2b4;stroke-width:1}
.sc-yl,.sc-xl{font:12px system-ui;fill:#4e6170}.sc-yt{font:600 11px system-ui;fill:#4e6170;letter-spacing:.02em}
.sc-band{opacity:.38}.sc-rms{opacity:.9}.sc-rmsline{stroke:#1b3a55;stroke-width:1.2;stroke-dasharray:5 4}.sc-clip{stroke:#d9611c;stroke-width:3}.sc-peak{fill:#9b1c1c}
.sc-xcap{text-align:center;font-size:13px;font-weight:600;color:var(--muted);margin:4px 0 0}.sc-cov{font-size:14px;margin:8px 0 2px;color:var(--ink)!important}
.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;color:#0b5cad}
.seis-infrasound .sc-legend{color:#7552a0}.sc-legend li{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;line-height:1.4;color:var(--ink)}
.sc-legend svg{flex:0 0 22px;width:22px;height:14px;margin-top:2px;color:inherit}.sc-legend li svg{color:#0b5cad}.seis-infrasound .sc-legend li svg{color:#7552a0}.sc-legend b{font-weight:700;margin-right:4px}
.sc-units{margin-top:8px}
@media(max-width:600px){.sc-ranges{width:100%;justify-content:space-between}.sc-ranges button{padding:7px 8px;font-size:13px;flex:1}.sc-legend{grid-template-columns:1fr}.sc-box{min-height:200px}}

/* [seismic-explainer] Magnitude vs. what you feel (staging) */
.seis-explain{margin:44px 0 8px}.seis-explain h2{margin:6px 0 8px}.seis-explain-lead{max-width:80ch;color:var(--muted);margin:0 0 18px}
.seis-explain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.seis-explain-grid article{padding:22px;background:white;border:1px solid var(--line);border-top:3px solid #d9e7f5;border-radius:12px;box-shadow:0 7px 24px #183c5a08;display:flex;flex-direction:column}
.seis-explain-grid article:first-child{border-top-color:#0b5cad}.seis-explain-grid article:nth-child(2){border-top-color:#2f8f8a}.seis-explain-grid .seis-explain-ours{border-top-color:#a14d28;background:#fffaf4}
.seis-explain-grid h3{font:700 21px/1.25 Georgia,serif;margin:2px 0 8px;color:#142a3c}.seis-explain-grid p{font-size:15px;margin:0 0 10px}.seis-explain-grid .kicker{margin:0}
.seis-explain-key{margin-top:auto!important;padding:10px 12px;background:#eef4fa;border-radius:8px;font-weight:600;font-size:14.5px!important}.seis-explain-ours .seis-explain-key{background:#fbeee2}
@media(max-width:900px){.seis-explain-grid{grid-template-columns:1fr}.seis-explain-grid article{padding:18px}}
.seis-explain .seis-explain-grid article p.kicker{text-align:left!important}
