/* Showpiece: "Find the right food" selector. Loaded on the home page only. Tokens only. */
.finder{background:var(--color-surface-tint);border:2px solid var(--color-text-primary);border-radius:var(--radius-sm);padding:var(--space-8)}
.finder-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}
.finder-help{margin:0 0 var(--space-8);color:var(--color-text-muted)}
.selector-group{border:0;margin:0 0 var(--space-8);padding:0;min-width:0}
.selector-group legend{padding:0;margin-bottom:var(--space-5);font-weight:var(--font-weight-heavy)}
.selector-options{display:flex;flex-wrap:wrap;gap:var(--space-4)}
.selector-option{position:relative;display:inline-flex}
.selector-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.selector-option span{display:inline-flex;align-items:center;min-height:44px;padding:var(--space-3) var(--space-7);border:2px solid var(--color-border-control);border-radius:var(--radius-md);background:var(--color-surface-page);color:var(--color-text-primary);font-weight:var(--font-weight-strong);transition:background-color var(--motion-duration-instant),border-color var(--motion-duration-instant)}
.selector-option:hover span{border-color:var(--color-text-primary)}
.selector-option input:checked+span{background:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-text-secondary)}
.selector-option input:focus-visible+span{outline:3px solid var(--color-text-primary);outline-offset:var(--space-3)}
.selector-option input:disabled+span{opacity:.5}
.selector-result{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5);padding-top:var(--space-8);border-top:var(--space-1) solid var(--color-border-subtle)}
.selector-note{margin:0;color:var(--color-text-muted)}
.selector-note:empty{display:none}
.selector-links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-8)}
.selector-go.is-updated{box-shadow:var(--shadow-3)}