html, body { background:#f5f7fb !important; color:#172033 !important; }
.qmk-nearby { max-width:1080px; margin:0 auto; padding:20px 16px 56px; }
.qmk-nearby__bc { display:flex; gap:8px; margin-bottom:18px; color:#64748b; font-size:13px; }
.qmk-nearby__bc a { color:inherit; }
.qmk-nearby__hero { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:clamp(22px,5vw,42px); border-radius:24px; color:#fff; background:linear-gradient(135deg,#172554,#075985 65%,#0e7490); box-shadow:0 20px 50px rgba(15,23,42,.18); }
.qmk-nearby__hero h1 { margin:5px 0 10px; max-width:760px; font-size:clamp(30px,6vw,54px); line-height:1.05; letter-spacing:-.04em; }
.qmk-nearby__hero p { max-width:68ch; margin:0; line-height:1.65; color:#dbeafe; }
.qmk-nearby__eyebrow { font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; opacity:.8; }
.qmk-nearby__locate { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 18px; border:1px solid rgba(255,255,255,.35); border-radius:14px; background:#fff; color:#075985; font:inherit; font-weight:800; text-decoration:none; cursor:pointer; box-shadow:0 10px 30px rgba(2,6,23,.2); }
.qmk-nearby__live, .qmk-nearby__section, .qmk-nearby__note { margin-top:22px; padding:20px; border:1px solid #dbe3ee; border-radius:20px; background:#fff; box-shadow:0 10px 30px rgba(15,23,42,.05); }
.qmk-nearby__livehead { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; }
.qmk-nearby h2 { margin:0 0 8px; font-size:clamp(19px,3vw,25px); letter-spacing:-.02em; }
.qmk-nearby__livehead p, .qmk-nearby__section > p, .qmk-nearby__note p { margin:0; color:#64748b; line-height:1.55; }
.qmk-nearby__controls { display:flex; flex-wrap:wrap; gap:10px; }
.qmk-nearby__controls label { display:grid; gap:4px; color:#64748b; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.qmk-nearby__controls select { min-width:120px; padding:9px 30px 9px 10px; border:1px solid #cbd5e1; border-radius:10px; background:#fff; color:#172033; }
.qmk-nearby__summary { margin:18px 0 10px; padding:14px 16px; border-radius:14px; background:#ecfeff; color:#155e75; font-weight:750; }
.qmk-nearby__results { display:grid; gap:9px; margin-top:15px; }
.qmk-nearby-event { display:grid; grid-template-columns:auto 1fr auto; gap:13px; align-items:center; padding:12px; border:1px solid #e2e8f0; border-radius:14px; color:inherit; text-decoration:none; transition:.15s ease; }
.qmk-nearby-event:hover { border-color:#7dd3fc; background:#f0f9ff; transform:translateY(-1px); }
.qmk-nearby-event__mag { display:grid; place-items:center; min-width:58px; min-height:42px; border-radius:12px; background:#172554; color:#fff; font-weight:900; font-variant-numeric:tabular-nums; }
.qmk-nearby-event__body { min-width:0; display:grid; gap:4px; }
.qmk-nearby-event__body strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.qmk-nearby-event__body small { color:#64748b; }
.qmk-nearby__privacy { margin:14px 0 0; color:#64748b; font-size:12px; line-height:1.5; }
.qmk-nearby__cities { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin-top:14px; }
.qmk-nearby__cities a { display:flex; justify-content:space-between; gap:10px; padding:11px 12px; border:1px solid #e2e8f0; border-radius:12px; color:#0f3a62; text-decoration:none; font-weight:750; }
.qmk-nearby__cities span { color:#94a3b8; font-size:12px; }
.qmk-nearby__empty { padding:16px; border-radius:14px; background:#f1f5f9; color:#475569; }
.qmk-nearby__note { border-color:#bae6fd; background:#f0f9ff; }
@media (max-width:760px) {
  .qmk-nearby__hero, .qmk-nearby__livehead { display:grid; }
  .qmk-nearby__locate { width:100%; box-sizing:border-box; }
  .qmk-nearby__controls { width:100%; }
  .qmk-nearby__controls label { flex:1; }
  .qmk-nearby__controls select { width:100%; }
  .qmk-nearby__cities { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:430px) {
  .qmk-nearby__cities { grid-template-columns:1fr; }
  .qmk-nearby-event { grid-template-columns:auto 1fr; }
  .qmk-nearby-event > :last-child { display:none; }
}