:root{--geo-ink:#102438;--geo-muted:#667b8e;--geo-line:#d5e0e7;--geo-card:#fff;--geo-accent:#24b6ce;--geo-volcano:#f36b42;--geo-quake:#24a9d0}
*{box-sizing:border-box}.geohazards-page{margin:0;background:radial-gradient(circle at 90% 8%,rgba(38,184,205,.1),transparent 28rem),#eef4f7;color:var(--geo-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.geo-topbar{display:flex;align-items:center;justify-content:space-between}.geo-nav{display:flex;gap:4px}.geo-nav a{padding:8px 10px;border-radius:8px;color:#96aaba;font-size:.76rem;font-weight:700;text-decoration:none}.geo-nav a:hover,.geo-nav a.active{background:rgba(255,255,255,.075);color:#fff}.skip-link{position:fixed;z-index:2000;top:8px;left:8px;transform:translateY(-150%);background:#fff;padding:8px 12px}.skip-link:focus{transform:none}.geohazards-page main{width:min(1460px,100%);margin:auto;padding:34px 32px 56px}.geo-hero{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:38px 42px;border:1px solid #173246;border-radius:22px;background:linear-gradient(135deg,#071522,#0b2a39);box-shadow:0 22px 54px rgba(12,35,52,.18);color:#fff}.eyebrow,.workspace-head span,.feed-card header span,.source-card header span,.summary-grid span{font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.geo-hero .eyebrow{color:#59d8e7}.geo-hero h1{margin:8px 0 10px;font-size:clamp(2.5rem,5vw,4.8rem);letter-spacing:-.055em}.geo-hero p{max-width:720px;margin:0;color:#a8bac7;line-height:1.7}.hero-status{min-width:190px;padding-left:25px;border-left:1px solid rgba(255,255,255,.12)}.hero-status span,.hero-status small,.hero-status strong{display:block}.hero-status span{margin-bottom:16px;color:#6de0eb;font-weight:800}.hero-status small{color:#718a9c;font-size:.7rem}.hero-status strong{margin-top:4px;font-family:ui-monospace,monospace}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.summary-grid article,.workspace-card,.feed-card,.source-card{border:1px solid var(--geo-line);border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 12px 35px rgba(19,49,70,.07)}.summary-grid article{padding:21px 22px}.summary-grid span{display:block;color:#7890a0}.summary-grid strong{display:block;margin:7px 0 1px;font-size:1.75rem}.summary-grid small{color:var(--geo-muted)}.workspace-card{overflow:hidden}.workspace-head,.feed-card header,.source-card header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 22px;border-bottom:1px solid #e1e9ee}.workspace-head span,.feed-card header span,.source-card header span{color:#7990a1}.workspace-head h2,.feed-card h2,.source-card h2{margin:4px 0 0;font-size:1.15rem}.layer-switch{display:flex;gap:7px}.layer-switch button{border:1px solid #cedbe3;border-radius:8px;background:#f4f8fa;padding:8px 11px;color:#647b8d;font-weight:750;cursor:pointer}.layer-switch button.active{border-color:#178ca5;background:#dff6f8;color:#0a6376}#hazard-map{height:min(63vh,660px);min-height:460px;background:#dce9ee}.leaflet-container{font-family:inherit}.quake-icon{border:2px solid #fff;border-radius:50%;background:rgba(22,164,207,.82);box-shadow:0 0 0 1px rgba(4,55,78,.48)}.volcano-icon{width:0!important;height:0!important;border-right:9px solid transparent;border-bottom:17px solid var(--geo-volcano);border-left:9px solid transparent;filter:drop-shadow(0 1px 1px #fff) drop-shadow(0 0 1px #35140b)}.map-legend{display:flex;gap:24px;padding:12px 20px;border-top:1px solid #e1e9ee;color:#62798b;font-size:.72rem}.map-legend i{display:inline-block;margin-right:7px;vertical-align:middle}.quake-dot{width:11px;height:11px;border-radius:50%;background:var(--geo-quake)}.volcano-mark{width:0;height:0;border-right:6px solid transparent;border-bottom:12px solid var(--geo-volcano);border-left:6px solid transparent}.activity-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.feed-card{overflow:hidden}.feed-card header strong{color:#758c9c;font-size:.72rem}.feed-list{max-height:620px;overflow:auto}.feed-item{display:grid;grid-template-columns:auto 1fr auto;gap:13px;padding:15px 18px;border-bottom:1px solid #e7eef2}.feed-item:last-child{border-bottom:0}.feed-badge{min-width:48px;padding:7px 8px;align-self:start;border-radius:9px;background:#e1f4f8;color:#08718a;text-align:center;font-weight:850}.feed-badge.volcano{background:#fff0e9;color:#a33f21}.feed-copy strong,.feed-copy span{display:block}.feed-copy strong{font-size:.88rem}.feed-copy span{margin-top:4px;color:#718697;font-size:.73rem;line-height:1.45}.feed-time{color:#8295a3;font:600 .68rem ui-monospace,monospace}.empty-state{padding:30px;color:#8195a4}.source-card{margin-top:16px;overflow:hidden}.source-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e1e9ee}.source-item{padding:16px 18px;background:#fff}.source-item strong,.source-item span{display:block}.source-item strong{font-size:.82rem}.source-item span{margin-top:5px;color:#748899;font-size:.7rem}.source-state{color:#14806d!important;font-weight:800;text-transform:uppercase}.source-state.stale{color:#a06b12!important}.source-state.unavailable{color:#af4635!important}.source-note{margin:18px 4px 0;color:#718696;font-size:.72rem}.geohazards-page footer{display:flex;justify-content:space-between;padding:24px 32px;border-top:1px solid #d8e2e8;color:#748899;font-size:.72rem}@media(max-width:900px){.geo-nav{display:none}.geo-hero{align-items:start;flex-direction:column}.hero-status{padding:18px 0 0;border-top:1px solid rgba(255,255,255,.12);border-left:0}.summary-grid{grid-template-columns:1fr 1fr}.activity-layout{grid-template-columns:1fr}.source-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.geohazards-page main{padding:18px 12px 40px}.geo-hero{padding:28px 22px}.summary-grid{grid-template-columns:1fr}.workspace-head{align-items:start;flex-direction:column}#hazard-map{min-height:420px}.feed-item{grid-template-columns:auto 1fr}.feed-time{grid-column:2}.source-grid{grid-template-columns:1fr}}