/* Dynamic city selector */
.city-modal{width:min(760px,calc(100% - 32px));max-height:min(760px,88vh);display:flex;flex-direction:column;overflow:hidden}
.city-modal>p{margin-bottom:0}
.city-search{position:relative;margin-top:18px;flex:0 0 auto}
.city-search input{width:100%;height:46px;border:1px solid var(--line);border-radius:13px;background:#f8fbff;padding:0 15px;font:inherit;font-size:13px;color:var(--text);outline:none;transition:.2s}
.city-search input:focus{border-color:#9fc6f7;box-shadow:0 0 0 3px rgba(30,111,232,.08);background:#fff}
.city-list-scroll{margin-top:12px;min-height:0;overflow:auto;padding:2px 5px 4px 0;scrollbar-width:thin}
.city-grid.city-grid-dynamic{margin-top:0;grid-template-columns:repeat(4,minmax(0,1fr))}
.city-grid.city-grid-dynamic a{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line);background:#f8fbff;border-radius:12px;padding:9px 8px;text-align:center;font-size:12px;line-height:1.2;font-weight:800;color:#26344b;transition:.18s}
.city-grid.city-grid-dynamic a:hover{border-color:#aaccf7;color:var(--blue);background:#fff}
.city-grid.city-grid-dynamic a.is-selected{border-color:#8fbbf4;background:#eaf3ff;color:var(--blue);box-shadow:inset 0 0 0 1px rgba(30,111,232,.08)}
.city-grid.city-grid-dynamic a[hidden]{display:none}
.city-empty{display:none;padding:24px 12px;text-align:center;color:var(--muted);font-size:13px}
.city-empty.is-visible{display:block}
.city-detect-note{margin-top:10px;font-size:10px;color:#98a4b4;line-height:1.45}
@media(max-width:680px){.city-modal{max-height:88vh}.city-grid.city-grid-dynamic{grid-template-columns:repeat(2,minmax(0,1fr))}.city-grid.city-grid-dynamic a{font-size:11px}.city-search input{height:44px}}

/* City title: no dotted underline */
.hero h1 button{border-bottom:0!important;}