html, body { background: #f8fafc !important; color: #172033 !important; }
.qmk-tsunami { max-width: 1120px; margin: 0 auto; padding: 22px 16px 54px; }
.qmk-tsunami__bc { display:flex; gap:8px; margin-bottom:24px; color:#64748b; font-size:13px; }
.qmk-tsunami__bc a { color:inherit; }
.qmk-tsunami__hero { padding:22px; border-radius:20px; color:#fff; background:linear-gradient(135deg,#082f49,#0c4a6e); }
.qmk-tsunami__hero h1 { margin:4px 0 8px; font-size:clamp(28px,5vw,46px); }
.qmk-tsunami__hero p { max-width:72ch; line-height:1.65; }
.qmk-tsunami__eyebrow { margin:0; font-size:12px; letter-spacing:.08em; text-transform:uppercase; opacity:.8; }
.qmk-tsunami__disclaimer { margin-top:16px; padding:12px 14px; border:1px solid rgba(255,255,255,.24); border-radius:12px; background:rgba(255,255,255,.08); line-height:1.5; }
.qmk-tsunami__section { margin-top:28px; }
.qmk-tsunami__section h2 { margin:0 0 12px; }
.qmk-tsunami__none { padding:18px; border:1px solid #bae6fd; border-radius:14px; background:#f0f9ff; color:#075985; }
.qmk-tsunami__alerts { display:grid; gap:12px; }
.qmk-tsunami__alerts--recent .qmk-tsunami-alert { opacity:.9; }
.qmk-tsunami-alert { padding:16px; border:1px solid #cbd5e1; border-left:6px solid #64748b; border-radius:14px; background:#fff; box-shadow:0 8px 24px rgba(15,23,42,.05); }
.qmk-tsunami-alert--warning { border-left-color:#dc2626; background:#fff7f7; }
.qmk-tsunami-alert--advisory, .qmk-tsunami-alert--threat { border-left-color:#ea580c; }
.qmk-tsunami-alert--watch { border-left-color:#ca8a04; }
.qmk-tsunami-alert__head, .qmk-tsunami-alert__times { display:flex; flex-wrap:wrap; gap:8px 14px; align-items:center; }
.qmk-tsunami-alert__level { padding:4px 8px; border-radius:999px; background:#172033; color:#fff; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.qmk-tsunami-alert__source, .qmk-tsunami-alert__times { color:#64748b; font-size:12px; }
.qmk-tsunami-alert h3 { margin:12px 0 8px; font-size:17px; }
.qmk-tsunami-alert p { line-height:1.6; }
.qmk-tsunami-alert details { margin-top:12px; padding:10px 12px; border-radius:10px; background:#f8fafc; }
.qmk-tsunami-alert summary { cursor:pointer; font-weight:700; }
.qmk-tsunami-alert__link { display:inline-flex; margin-top:12px; color:#075985; font-weight:700; }
.qmk-tsunami__map { min-height:420px; overflow:hidden; border:1px solid #cbd5e1; border-radius:16px; background:#e2e8f0; }
@media (max-width:640px) { .qmk-tsunami__map { min-height:320px; } }