#selection{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:var(--color-surface-overlay-95);border-block:1px solid var(--color-border);padding:0.625rem 1rem;position:sticky;top:var(--header-h);z-index:calc(var(--z-header) - 1)}
@media (min-width: 768px){
#selection{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-bottom:1.25rem;padding:0.75rem 1rem}
}

#selection ul{display:flex;gap:0.5rem;overflow-x:auto;scroll-snap-type:x proximity}
#selection li{flex-shrink:0;scroll-snap-align:start}
#selection :is(a, button){align-items:center;background-color:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);color:var(--color-link);display:inline-flex;font-size:0.8125rem;font-weight:var(--font-weight-ui);gap:0.375rem;min-height:2.25rem;padding:0.375rem 0.75rem;transition:background-color 0.15s,border-color 0.15s,color 0.15s;white-space:nowrap}
#selection :is(a, button):hover{background-color:var(--color-link-bg-soft);border-color:var(--color-link)}
#selection .material-symbols-outlined{font-size:16px}
#selection .is-selected{background-color:var(--color-warning-bg);border-color:var(--color-primary-border-strong);border-style:solid;color:var(--color-primary-dark)}
#selection .is-selected:hover{background-color:var(--color-surface);border-color:var(--color-primary)}