.selection-dialog::backdrop{background-color:var(--color-overlay-medium)}
.selection-dialog .dialog-overlay__panel{background-color:var(--color-surface)}
.selection-dialog .dialog-overlay__panel > header{align-items:center;border-bottom:1px solid var(--color-border);display:grid;flex:0 0 auto;gap:1rem;grid-template-columns:minmax(0, 1fr) auto;padding:1rem}
.selection-dialog h2{font-family:var(--font-display);font-size:1.25rem;font-weight:var(--font-weight-display)}
.selection-dialog header p{color:var(--color-text-muted);font-size:0.8125rem;margin-top:0.125rem}
.selection-dialog header button{align-items:center;background-color:var(--color-background);border-radius:50%;display:flex;height:2.5rem;justify-content:center;transition:background-color 0.15s, color 0.15s;width:2.5rem}
.selection-dialog header button:hover{background-color:var(--color-surface-alt);color:var(--color-blue)}
.selection-dialog__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1rem 1rem 1.5rem}
.selection-dialog__body section + section{margin-top:2rem}
.selection-dialog__body h3{color:var(--color-text-muted);font-size:0.75rem;font-weight:var(--font-weight-ui);letter-spacing:0.08em;margin-bottom:0.5rem;text-transform:uppercase}

#popular-destinations ul{background-color:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;gap:1px;grid-template-columns:repeat(auto-fit, minmax(min(100%, 19.5rem), 1fr));overflow:hidden}
#popular-destinations li{background-color:var(--color-surface)}
#popular-destinations a{align-items:center;display:flex;font-weight:var(--font-weight-ui);gap:0.625rem;padding:0.75rem 1rem;transition:background-color 0.15s, color 0.15s}
#popular-destinations a::before{color:var(--color-primary);content:"location_on";flex-shrink:0;font-family:"Material Symbols Outlined";-webkit-font-feature-settings:"liga";font-feature-settings:"liga";font-size:20px;font-style:normal;font-variation-settings:"FILL" 1;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none}
#popular-destinations strong{flex:1;min-width:0}
#popular-destinations a:hover{background-color:var(--color-blue-soft);color:var(--color-blue)}
#popular-destinations a::after{color:var(--color-text-light);content:"chevron_right";flex-shrink:0;font-family:"Material Symbols Outlined";-webkit-font-feature-settings:"liga";font-feature-settings:"liga";font-size:18px;font-style:normal;font-variation-settings:"FILL" 0;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;transition:color 0.15s}
#popular-destinations a:hover::after{color:var(--color-blue)}
#popular-destinations a > span{color:var(--color-text-muted);font-family:var(--font-body);font-size:0.8125rem;font-variant-numeric:tabular-nums;font-weight:var(--font-weight-body)}
#popular-destinations a:hover > span{color:var(--color-blue)}

#all-destinations ul{display:grid;gap:0 0.75rem;grid-template-columns:repeat(auto-fit, minmax(min(100%, 16rem), 1fr))}
#all-destinations li{border-bottom:1px solid var(--color-border)}
#all-destinations a{align-items:center;border-radius:var(--radius);display:flex;font-size:0.875rem;font-weight:var(--font-weight-ui);gap:0.375rem;min-height:2.75rem;padding:0.625rem 0.5rem;transition:background-color 0.15s, color 0.15s}
#all-destinations strong{flex:1;min-width:0}
#all-destinations a:hover{background-color:var(--color-blue-soft);color:var(--color-blue)}
#all-destinations a::after{color:var(--color-text-light);content:"chevron_right";flex-shrink:0;font-family:"Material Symbols Outlined";-webkit-font-feature-settings:"liga";font-feature-settings:"liga";font-size:18px;font-style:normal;font-variation-settings:"FILL" 0;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;transition:color 0.15s}
#all-destinations a:hover::after{color:var(--color-blue)}
#all-destinations a > span{color:var(--color-text-muted);font-family:var(--font-body);font-size:0.75rem;font-variant-numeric:tabular-nums;font-weight:var(--font-weight-body)}
#all-destinations a:hover > span{color:var(--color-blue)}
@media (min-width: 768px){
.selection-dialog__body{padding:1.5rem}
#popular-destinations a{padding:0.875rem 1rem}
}