.sc-earthquakes{margin:24px 0;background:#fff;border:1px solid #e1e7ed;border-left:3px solid var(--brand);border-radius:10px;padding:15px 16px 11px;color:#172535;box-shadow:0 3px 16px #13283c04}.sc-eq-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.sc-eq-title{display:flex;align-items:center;gap:9px;min-width:0}.sc-eq-symbol{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,white);flex-shrink:0}.sc-eq-symbol svg{width:23px;height:23px}.sc-eq-eyebrow{display:none}.sc-eq-title h2{margin:0;font-size:18px;line-height:1.25;font-weight:800;letter-spacing:-.3px}.sc-eq-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.sc-eq-provider{font-size:9px;font-weight:700;letter-spacing:.3px;color:#69798a;margin-right:4px}.sc-eq-refresh,.sc-eq-arrow{display:flex;align-items:center;justify-content:center;gap:5px;background:#fff;border:1px solid #e0e6ed;color:var(--brand);height:29px;box-sizing:border-box;padding:0 8px;border-radius:7px;font-size:10px;font-weight:700;cursor:pointer}.sc-eq-arrow{width:29px;padding:0;color:#4c6075}.sc-eq-refresh:hover,.sc-eq-arrow:hover{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 5%,white)}.sc-eq-refresh:disabled,.sc-eq-arrow:disabled{opacity:.4;cursor:default}.sc-eq-refresh:focus-visible,.sc-eq-arrow:focus-visible,.sc-eq-grid:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.sc-earthquakes .sc-eq-grid{list-style:none;padding:0 0 5px;margin:0;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/5);gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#dce3ea transparent}.sc-eq-card{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:8px;row-gap:4px;align-content:center;align-items:center;border:1px solid #e7ecf1;border-radius:8px;background:#fafbfd;padding:10px;min-width:0;scroll-snap-align:start;transition:border-color .2s}.sc-eq-card:hover{border-color:color-mix(in srgb,var(--brand) 35%,white)}.sc-eq-card-top{display:contents}.sc-eq-magnitude{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;width:34px;height:40px;border-radius:7px;background:color-mix(in srgb,var(--brand) 8%,white);color:var(--brand);font-variant-numeric:tabular-nums}.sc-eq-magnitude strong{font-size:21px;line-height:1.1;letter-spacing:-.6px}.sc-eq-magnitude small{font-size:8px;font-weight:600;line-height:1;margin-top:3px}.sc-eq-place{grid-column:2;grid-row:1;font-size:11px;line-height:1.35;font-weight:700;margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.sc-eq-meta{grid-column:2;grid-row:2;display:flex;gap:2px 7px;flex-wrap:wrap;font-size:9px;line-height:1.5;color:#6a7b8c;font-variant-numeric:tabular-nums}.sc-eq-meta time,.sc-eq-depth{white-space:nowrap}.sc-eq-footer{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:9px;line-height:1.5;color:#8290a0;padding-top:7px;margin-top:5px}.sc-eq-footer>span:last-child{display:none}.sc-eq-status{padding:9px 11px;background:#f5f7fa;border-radius:6px;font-size:11px;line-height:1.5;margin:0 0 10px;color:#637486}.sc-eq-status[hidden]{display:none}.sc-earthquakes[data-stale=true] .sc-eq-status{border-left:2px solid var(--brand)}@media(max-width:1000px){.sc-earthquakes .sc-eq-grid{grid-auto-columns:calc((100% - 16px)/3)}}@media(max-width:600px){.sc-earthquakes{padding:12px 12px 9px;margin:20px 0;border-radius:9px}.sc-eq-heading{gap:8px;margin-bottom:10px}.sc-eq-title{gap:7px}.sc-eq-title h2{font-size:16px}.sc-eq-symbol{width:25px;height:25px;border-radius:6px}.sc-eq-symbol svg{width:20px;height:20px}.sc-eq-provider{font-size:8px;margin:0}.sc-eq-refresh span{display:none}.sc-eq-refresh,.sc-eq-arrow{height:27px;width:27px;padding:0}.sc-eq-actions{gap:4px}.sc-earthquakes .sc-eq-grid{grid-auto-columns:72%}.sc-eq-card{padding:9px}.sc-eq-place{font-size:12px}.sc-eq-meta{font-size:10px}.sc-eq-footer{font-size:8px}}@media(prefers-reduced-motion:reduce){.sc-eq-card{transition:none}}

/* Desktop: all ten records visible in two compact rows; mobile keeps its rail. */
@media(min-width:1001px){.sc-earthquakes .sc-eq-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;overflow-x:visible;scroll-snap-type:none;padding-bottom:0}.sc-earthquakes .sc-eq-arrow{display:none}}