.city-query{padding:48px 20px;background:#fff6f4;border-bottom:1px solid #f6e6e3;scroll-margin-top:24px}
.city-query *{box-sizing:border-box}
.city-query .cq-card{max-width:940px;margin:0 auto;background:#fff;border:1px solid #efdeda;border-radius:22px;padding:32px;box-shadow:0 10px 36px rgba(86,25,18,.05)}
.city-query .cq-eyebrow{display:inline-block;color:#ad251b;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}
.city-query h2{font-size:clamp(1.65rem,4vw,2.1rem);line-height:1.2;margin:0 0 12px;color:var(--accent,#0d1b2a)}
.city-query .cq-intro{color:#535961;line-height:1.65;margin:0 0 26px;max-width:620px}
.city-query .cq-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:28px;align-items:stretch}
.city-query label{display:block;font-weight:700;margin:0 0 9px;font-size:.94rem}
.city-query select{display:block;width:100%;min-height:48px;border:1px solid #c8cbd0;border-radius:10px;padding:12px;background:#fff;color:#1e1f21;font:inherit}
.city-query select{padding-right:28px}
.city-query .cq-popular{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.city-query button{min-height:44px;font:inherit;cursor:pointer}
.city-query .cq-popular button{border:1px solid #e6d5d2;border-radius:24px;padding:8px 13px;background:#fff9f8;color:#a4251b;font-size:.87rem;font-weight:600}
.city-query .cq-popular button:hover{background:#fde9e6;border-color:#bc3025}
.city-query :is(button,select,summary,a):focus-visible{outline:3px solid #a7261c;outline-offset:4px}
.city-query .cq-result{border-radius:14px;background:#faf8f7;border:1px solid #eee6e2;padding:24px;min-height:218px;display:flex;flex-direction:column;justify-content:center}
.city-query .cq-result h3{margin:0 0 12px;font-size:1.16rem;line-height:1.4;color:#17283a}
.city-query .cq-result p{font-size:.94rem;line-height:1.65;margin:0;color:#535961}
.city-query [data-result-range]{font-size:clamp(2.3rem,6vw,3.2rem);font-weight:800;color:#b2291e;letter-spacing:-.04em;line-height:1.2;margin-bottom:6px}
.city-query [data-result-period]{margin-top:16px;font-size:.82rem;color:#666}
.city-query [data-retry]{border:0;border-radius:9px;background:#b2291e;color:#fff;padding:10px 16px;align-self:start;margin-top:14px}
.city-query .cq-footnote{font-size:.79rem;line-height:1.6;color:#666;margin:22px 0 0;border-top:1px solid #eee;padding-top:18px}
.city-query details{font-size:.82rem;color:#60646a;line-height:1.65;margin-top:10px}
.city-query summary{cursor:pointer;color:#a3251b;width:fit-content;padding:8px 0}
.city-query [hidden]{display:none!important}
@media(max-width:650px){.city-query{padding:28px 16px}.city-query .cq-card{padding:24px 18px;border-radius:16px}.city-query .cq-layout{grid-template-columns:1fr;gap:22px}.city-query .cq-result{min-height:170px;padding:20px}.city-query .cq-intro{margin-bottom:22px}}