/* Scoped city picker: one city per row; existing navigation and focus handlers retained. */
html body.op-design .city-modal.city-modal--compact{display:grid;place-items:center;padding:16px}
html body.op-design .city-modal.city-modal--compact[hidden]{display:none}
html body.op-design .city-modal--compact .city-modal__dialog{box-sizing:border-box;display:flex;flex-direction:column;width:min(440px,100%);height:auto;max-height:calc(100dvh - 32px);padding:24px;overflow:hidden;border:0;border-radius:16px;background:#fff;color:#202722;box-shadow:0 16px 60px #0003}
html body.op-design .city-modal--compact .city-modal__dialog::before{display:none;content:none}
html body.op-design .city-modal--compact .city-modal__dialog h2{flex-shrink:0;margin:0 48px 20px 0;font-size:24px;line-height:1.3;letter-spacing:-.5px}
html body.op-design .city-modal--compact .city-modal__close{position:absolute;top:16px;right:16px;width:44px;height:44px;border:0;background:#f0f3f1;color:inherit;font-size:26px}
html body.op-design .city-modal--compact .city-modal__list{display:block;columns:auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;gap:0;margin:0;padding:0 2px}
html body.op-design .city-modal--compact .city-modal__options{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:0}
html body.op-design .city-modal--compact .city-modal__options[hidden]{display:none}
html body.op-design .city-modal--compact [data-city-option]{box-sizing:border-box;display:flex;align-items:center;gap:12px;min-height:44px;width:100%;max-width:none;margin:0;padding:10px 4px;border:0;border-radius:4px;background:transparent;color:inherit;font-size:16px;line-height:24px;font-weight:500;text-decoration:none;box-shadow:none}
html body.op-design .city-modal--compact [data-city-option][aria-selected=true]{width:100%;font-weight:750;color:#08742b;text-decoration:none;background:transparent}
html body.op-design .city-modal--compact [data-city-option][aria-selected=true]::after{content:'✓';margin-left:auto;margin-right:4px;color:currentColor;font-size:19px}
html body.op-design .city-modal--compact [data-city-option]:hover{background:#f0f3f1;text-decoration:none}
html body.op-design .city-modal--compact [data-city-option]:focus-visible,html body.op-design .city-modal--compact button:focus-visible{outline:2px solid #08742b;outline-offset:1px}
html body.op-design .city-modal--compact .city-modal__group{margin:12px 0 0;padding:8px 0 0;border:0;border-top:1px solid #dce2de;border-radius:0;background:transparent;box-shadow:none;break-inside:auto}
html body.op-design .city-modal--compact .city-modal__group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:10px 4px;margin:0;gap:16px;border:0;border-radius:4px;background:transparent;color:inherit;font:600 16px/24px Manrope,sans-serif;text-align:left}
html body.op-design .city-modal--compact .city-modal__group-toggle i{color:inherit;opacity:1}
html body.op-design .city-modal--compact .city-modal__group .city-modal__options{padding:4px 0 0 12px}
html[data-ui-theme=dark] body.op-design .city-modal--compact .city-modal__dialog{background:#232b25;color:#f0f3ef}
html[data-ui-theme=dark] body.op-design .city-modal--compact .city-modal__close,html[data-ui-theme=dark] body.op-design .city-modal--compact [data-city-option]:hover{background:#343f37}
html[data-ui-theme=dark] body.op-design .city-modal--compact .city-modal__group{border-top-color:#465149;background:transparent}
html[data-ui-theme=dark] body.op-design .city-modal--compact [data-city-option][aria-selected=true]{color:#9eebb1;background:transparent}
html[data-ui-theme=dark] body.op-design .city-modal--compact [data-city-option]:focus-visible,html[data-ui-theme=dark] body.op-design .city-modal--compact button:focus-visible{outline-color:#9eebb1}
@media(max-width:480px){html body.op-design .city-modal.city-modal--compact{padding:10px}html body.op-design .city-modal--compact .city-modal__dialog{max-height:calc(100dvh - 20px);padding:20px}html body.op-design .city-modal--compact .city-modal__dialog h2{font-size:23px;margin-bottom:16px}}