/* A small, usable software example. The site's palette and type remain the source of truth. */
.taste-experience{margin:36px 0 28px;scroll-margin-top:96px}
.taste-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}
.taste-intro .eyebrow{margin-bottom:12px;font-size:10px;letter-spacing:.1em}
.taste-intro h3{font-size:clamp(24px,2.5vw,36px);font-weight:550;line-height:1.5;letter-spacing:-.055em;text-wrap:balance}
.taste-intro>p{max-width:340px;font-size:12px;color:var(--muted);line-height:1.9}
.taste-workspace{border:1px solid var(--line);border-radius:12px;background:var(--bg);overflow:hidden}
.taste-workspace-bar{padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}
.taste-workspace-bar strong{font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px}
.taste-workspace-bar strong::before{content:'';height:7px;width:7px;border:1px solid var(--gold);transform:rotate(45deg)}
.taste-boundary{font-size:10px;color:var(--muted);line-height:1.7}
.taste-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr)}
.taste-experience [data-taste-controls]{display:none}
.taste-experience.taste-ready [data-taste-controls]{display:block}
.taste-ready .taste-static-instruction{display:none}
.taste-ready .taste-intro .eyebrow [data-taste-controls]{display:inline}
.taste-ready .taste-workspace-grid{grid-template-columns:minmax(245px,.9fr) minmax(0,1.25fr)}
.taste-records{padding:20px;border-right:1px solid var(--line)}
.taste-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}
.taste-filters button{min-height:44px;border:1px solid transparent;border-radius:6px;background:none;padding:8px 12px;color:var(--muted);font-size:11px;line-height:1.5}
.taste-filters button[aria-pressed=true]{border-color:var(--line);background:var(--panel);color:var(--ink)}
.taste-record-count{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:10px;color:var(--muted2)}
.taste-record-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.taste-record-list button{display:grid;width:100%;min-height:76px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;text-align:left;padding:13px 14px;border:1px solid var(--line);border-radius:7px;background:transparent;transition:background .18s,border-color .18s}
.taste-record-list button:hover{background:var(--panel)}
.taste-record-list button[aria-pressed=true]{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 5%,var(--bg))}
.taste-record-list button>strong{font-size:12px;font-weight:500;line-height:1.6}
.taste-record-list button>small{font-size:10px;color:var(--muted2);line-height:1.5}
.taste-record-list button>[data-taste-row-state]{grid-column:2;grid-row:1/3;font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}
.taste-record-list button[data-review=true]>[data-taste-row-state]{color:var(--gold)}
.taste-record-list button[data-review=true]>[data-taste-row-state]::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
.taste-record-list li[hidden]{display:none}
.taste-detail{padding:24px 28px;min-width:0;align-self:start}
.taste-detail-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.taste-detail-top>p{font-size:10px;letter-spacing:.1em;color:var(--muted2)}
.taste-detail-top>span{font-size:10px;padding:4px 9px;border:1px solid var(--line);border-radius:4px;color:var(--gold)}
.taste-detail h4{font-size:24px;line-height:1.5;font-weight:500;letter-spacing:-.04em;margin:0 0 8px}
.taste-detail-description{color:var(--muted);font-size:12px;line-height:1.85}
.taste-location{display:block;width:100%;height:auto;margin:18px 0 14px;max-height:90px;overflow:visible;color:var(--muted2)}
.taste-location .taste-route{stroke:var(--line);stroke-width:1.5;fill:none}
.taste-location .taste-stop{fill:var(--bg);stroke:var(--line);stroke-width:1.5}
.taste-location text{fill:currentColor;font:11px var(--font);text-anchor:middle}
.taste-location .taste-marker{stroke:var(--gold);fill:var(--bg);stroke-width:1.5}
.taste-location .taste-marker-core{fill:var(--gold);stroke:none}
.taste-facts{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px 0;border-block:1px solid var(--line)}
.taste-facts>div{min-width:0}
.taste-facts dt{font-size:10px;color:var(--muted2);margin-bottom:6px}
.taste-facts dd{font-size:11px;color:var(--ink);margin:0;line-height:1.7;overflow-wrap:anywhere}
.taste-next{margin-top:16px;display:grid;grid-template-columns:4px minmax(0,1fr);gap:0 12px}
.taste-next::before{content:'';width:2px;background:var(--gold);grid-row:1/3;opacity:.65}
.taste-next strong{font-size:10px;font-weight:400;color:var(--gold);margin-bottom:5px}
.taste-next p{font-size:11px;color:var(--muted);line-height:1.8}
.taste-caption{display:flex;justify-content:space-between;gap:16px;margin-top:12px;color:var(--muted2);font-size:10px;line-height:1.8}
.taste-caption span:last-child{text-align:right}
.taste-experience .taste-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.taste-experience button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.motion-paused .taste-experience *,.ambient-paused .taste-experience *{animation:none!important;transition:none!important}
@media(max-width:760px){
 .taste-experience{margin-top:28px}
 .taste-intro{display:block;margin-bottom:18px}
 .taste-intro h3{font-size:26px}
 .taste-intro>p{font-size:11px;margin-top:12px;max-width:none}
 .taste-workspace-bar{padding:14px;display:block}
 .taste-workspace-bar strong{font-size:12px;margin-bottom:5px}
 .taste-boundary{font-size:9px}
 .taste-ready .taste-workspace-grid{grid-template-columns:minmax(0,1fr)}
 .taste-records{padding:14px;border-right:0;border-bottom:1px solid var(--line)}
 .taste-filters{margin-bottom:12px;gap:4px}
 .taste-filters button{font-size:10px;padding:8px 10px}
 .taste-record-list{gap:6px}
 .taste-record-list button{padding:10px 12px;min-height:66px}
 .taste-record-list button>strong{font-size:11px}
 .taste-record-list button>small,.taste-record-list button>[data-taste-row-state]{font-size:9px}
 .taste-detail{padding:20px 16px}
 .taste-detail-top{margin-bottom:12px}
 .taste-detail h4{font-size:23px}
 .taste-detail-description{font-size:11px}
 .taste-facts{gap:10px}
 .taste-facts dt{font-size:9px}.taste-facts dd{font-size:10px}
 .taste-caption{display:block;font-size:9px}
 .taste-caption span{display:block}.taste-caption span:last-child{text-align:left;margin-top:4px}
}
@media(prefers-reduced-motion:reduce){.taste-experience *{animation:none!important;transition:none!important}}