/* Discover-only v6 city scene; profile/onboarding own their layout rules. */
/* Bring search 12px below the description without shrinking the spacing between
   results sections. */
.fc5[data-fc5-screen="discover"] > .fc5-head { margin: 0; }
.fc5[data-fc5-screen="discover"] > :is(.fc5-head, .ux-v6-city-hero) + .discovery-controls { margin-top:calc(12px - var(--fc5-gap, 22px)); }
.fc5[data-fc5-screen="discover"] .discovery-controls { grid-template-columns:minmax(0,1fr) auto; align-items:stretch; }
.fc5[data-fc5-screen="discover"] .discovery-controls > .search { min-width:0; }
.fc5[data-fc5-screen="discover"] .discovery-city-trigger { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:80px; max-width:min(42vw,220px); min-height:52px; padding:0 14px; border:1px solid var(--fc-border); border-radius:var(--fc-radius-control,10px); background:var(--fc-raised); color:var(--fc-text); font:650 14px/1.3 var(--fc-font-sans); cursor:pointer; }
.fc5[data-fc5-screen="discover"] .discovery-city-label { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fc5[data-fc5-screen="discover"] .discovery-city-trigger[data-filtered="true"] { color:var(--fc-link); border-color:var(--fc-link); }
.fc5[data-fc5-screen="discover"] .discovery-city-trigger:focus-visible { outline:3px solid var(--ring); outline-offset:2px; }
.fc5[data-fc5-screen="discover"] .discovery-tag-select { grid-column:1 / -1; font-size:20.8px; font-weight:650; }
.discovery-city-options { display:grid; gap:6px; max-height:min(55vh,440px); overflow-y:auto; overscroll-behavior-y:contain; padding:4px; }
.discovery-city-option { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; padding:10px 14px; text-align:left; border:1px solid var(--line); border-radius:10px; color:var(--fg); background:transparent; font:600 15px/1.4 var(--font-sans); cursor:pointer; }
.discovery-city-option[aria-pressed="true"] { color:var(--pT); border-color:var(--pT); background:var(--pTint); }
.discovery-city-option:focus-visible { outline:3px solid var(--ring); outline-offset:1px; }
.ux-v6-city-hero { position: relative; isolation: isolate; min-height: 240px; display: flex; align-items: flex-end; overflow: hidden; border-radius: 16px; margin: 0; background: radial-gradient(ellipse at 40% 35%, #300c3c 0, #100d17 75%); color: #f4f2fa; }
.ux-v6-city-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, #0b0b1033, #0b0b10ed); }
.ux-v6-city-image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; animation: ux-v6-city-arrive 240ms ease-out; }
.ux-v6-city-copy { padding: 24px; width: 100%; }
.ux-v6-city-copy .fc5-head { margin: 0; }
.ux-v6-city-copy .fc5-title { color: #f4f2fa; }
.ux-v6-city-copy .fc5-sub, .ux-v6-city-copy .fc5-eyebrow { color: #dbd5e8; }
.ux-v6-city-credit { position: absolute; top: 8px; right: 12px; max-width: 65%; text-align: right; font-size: 11px; line-height: 1.4; color: #f4f2fa; background: #0b0b108c; padding: 3px 6px; border-radius: 4px; }
.ux-v6-category-context { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; margin-block: 8px 20px; padding-block: 8px; border-bottom: 1px solid var(--fc-border); }
.ux-v6-category-context p { margin: 0; display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; }
.ux-v6-category-context button { min-height: 44px; }
@keyframes ux-v6-city-arrive { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 640px) { .ux-v6-city-hero { min-height: 220px; } .ux-v6-city-copy { padding: 20px; } }
@media (prefers-reduced-motion: reduce) { .ux-v6-city-image { animation: none; } }