/* "Go everywhere with Pete": the navy band at the bottom of the home page, and the Venues, Places and Appearances tabs of /browse. */
/* The site palette is only declared for the home page, so the Browse pieces carry their own copy. */
.browse-pick,.browse-view{--paper:#FBF8F1;--panel:#F2ECDE;--card:#FFFFFF;--ink:#201B14;--text:#37312A;--muted:#645D4F;--line:#E7DFCE;--gold:#A8781A;--goldB:#E0AC43;--cream:#F1EADB;--navy:#182B45;--navytile:#33496a;--navmut:#AEB7C4}
.ga-band{position:relative;background:var(--navy);color:var(--cream);margin-top:56px}
/* A thin gold line sits just above the band's straight top edge, like the one over the hero. */
.ga-band::after{content:"";position:absolute;left:0;right:0;top:-12px;height:1.6px;background:var(--goldB);transform-origin:left;pointer-events:none}
.ga-band.ga-wait::after{transform:scaleX(0)}
.ga-band.ga-wait .ga-title,.ga-band.ga-wait .ga-sub{opacity:0;transform:translateY(14px)}
.ga-band.ga-in::after{transform:none;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.ga-band.ga-in .ga-title,.ga-band.ga-in .ga-sub{opacity:1;transform:none;transition:opacity .6s ease .25s,transform .7s cubic-bezier(.2,.7,.2,1) .25s}
.ga-band.ga-in .ga-sub{transition-delay:.4s}
/* The swash tapers from thin to full and has round ends like the hero's; collapsed to its left edge, it draws across on scroll-in. */
.ga-stroke{position:relative;display:inline-block;--ga-swash:polygon(0.0324em 14%,calc(100% - 0.045em) 0%,calc(100% - 0.0225em) 6.6987%,calc(100% - 0.006em) 25%,100% 50%,calc(100% - 0.006em) 75%,calc(100% - 0.0225em) 93.3013%,calc(100% - 0.045em) 100%,0.0324em 86%,0.0162em 81.1769%,0.0043em 68%,0 50%,0.0043em 32%,0.0162em 18.8231%);--ga-swash-0:polygon(0 14%,0 0%,0 6.6987%,0 25%,0 50%,0 75%,0 93.3013%,0 100%,0 86%,0 81.1769%,0 68%,0 50%,0 32%,0 18.8231%)}
.ga-stroke::after{content:"";position:absolute;left:4%;right:0;bottom:-.12em;height:.09em;min-height:3px;background:var(--goldB);transform:rotate(-1.5deg);clip-path:var(--ga-swash);pointer-events:none}
.ga-band.ga-wait .ga-stroke::after{clip-path:var(--ga-swash-0)}
.ga-band.ga-in .ga-stroke::after{clip-path:var(--ga-swash);transition:clip-path .7s cubic-bezier(.2,.7,.2,1) .75s}
.ga-inner{max-width:980px;margin:auto;padding:40px 40px 56px;display:grid;gap:26px;justify-items:center}
.ga-title{font:700 52px/1.1 'Literata',serif;letter-spacing:-.02em;color:var(--cream);margin:0;text-align:center}
.ga-sub{margin:-2px 0 0;color:var(--navmut);font-size:15px;text-align:center}
.ga-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%}
.ga-card{display:grid;justify-items:center;align-content:start;gap:4px;text-align:center;padding:20px 16px;border:1px solid var(--navytile);border-radius:14px;background:#ffffff08;color:inherit;text-decoration:none;transition:border-color .16s,transform .16s,background .16s}
.ga-card svg{width:30px;height:30px;color:var(--goldB);margin-bottom:6px}
a.ga-card:hover{border-color:var(--goldB);background:#ffffff0f;transform:translateY(-2px)}
a.ga-card:focus-visible{outline:2px solid var(--goldB);outline-offset:2px}
.ga-name{font:700 16px/1.25 'Figtree',sans-serif;color:var(--cream)}
.ga-count{font:14px 'Literata',serif;color:var(--navmut)}
.ga-outlets{font-size:12.5px;color:#c7cdd8;margin-top:4px}
.ga-card.empty{opacity:.55}
.ga-tabs{display:flex;gap:6px;padding:5px;border:1px solid var(--navytile);border-radius:999px;background:#ffffff08;max-width:100%;overflow-x:auto}
.ga-tab{display:flex;align-items:baseline;gap:8px;border:0;background:transparent;color:var(--navmut);border-radius:999px;padding:9px 18px;font:600 14px 'Figtree',sans-serif;cursor:pointer;white-space:nowrap;transition:background .16s,color .16s}
.ga-tab .c{font-weight:400;font-size:12.5px;opacity:.85}
.ga-tab:hover{color:var(--cream)}
.ga-tab[aria-selected=true]{background:var(--goldB);color:var(--navy)}
.ga-tab:focus-visible{outline:2px solid var(--goldB);outline-offset:2px}
.ga-panel{width:100%;display:grid;justify-items:center;min-height:260px}
.ga-panel>*,.ga-ghost>*{grid-area:1/1}
.ga-ghost{display:grid;width:100%;visibility:hidden;pointer-events:none}
.ga-view{width:100%;display:grid;justify-items:center;align-self:center}
.ga-more{color:var(--goldB);font-weight:700;font-size:14px;text-decoration:none}
.ga-more:hover{text-decoration:underline;text-underline-offset:4px}
.ga-band .ga-map{background:transparent;padding:0;box-shadow:none;max-width:660px}
.ga-cloud{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 12px;max-width:860px}
/* Place chips under the map show only on phones (see the 760px block). */
.ga-pchips{display:none;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
.ga-topic{display:inline-flex;align-items:baseline;gap:6px;padding:11px 20px;border:1px solid var(--navytile);border-radius:999px;background:#ffffff08;color:var(--cream);text-decoration:none;font:600 17px/1.15 'Literata',serif;transition:border-color .16s,transform .16s}
.ga-topic .c{font:400 12px 'Figtree',sans-serif;color:var(--navmut)}
.ga-topic:hover{border-color:var(--goldB);transform:translateY(-2px)}
.ga-topic:focus-visible{outline:2px solid var(--goldB);outline-offset:2px}

/* Browse heading: its last word opens a menu of the other ways to browse. */
.discovery.browse-mode #heading{position:relative;z-index:20}
.browse-pick{position:relative;display:inline-block}
.discovery .browse-word{display:inline-flex;align-items:baseline;gap:.12em;border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--gold) 55%,transparent);text-decoration-thickness:2px;text-underline-offset:.16em;transition:text-decoration-color .16s}
.browse-word:hover,.browse-word[aria-expanded=true]{text-decoration-color:var(--gold)}
.browse-word:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:6px}
.browse-word svg{width:.62em;height:.62em;color:var(--gold);align-self:center;transition:transform .2s}
.browse-word[aria-expanded=true] svg{transform:rotate(180deg)}
.browse-word .w{display:inline-block}
.browse-word .w.settle{animation:ga-settle .42s cubic-bezier(.2,.7,.2,1) both}
.browse-menu{position:absolute;left:0;top:calc(100% + 8px);z-index:30;min-width:220px;width:max-content;display:grid;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 34px #182b4524;animation:ga-drop .18s ease-out both}
.browse-menu[hidden]{display:none}
.discovery .browse-menu a{white-space:nowrap;font:600 22px/1.2 'Literata',serif;color:var(--ink);text-decoration:none;padding:9px 14px;border-radius:9px}
.discovery .browse-menu a:hover,.discovery .browse-menu a:focus-visible{background:var(--panel,#f1eadb);outline:none}
.discovery .browse-menu a[aria-checked=true]{color:var(--gold)}
.wf{animation:ga-rise .44s cubic-bezier(.2,.7,.2,1) both}
@keyframes ga-settle{from{opacity:0;transform:translateY(-.3em);filter:blur(3px)}}
@keyframes ga-drop{from{opacity:0;transform:translateY(-4px)}}
@keyframes ga-rise{from{opacity:0;transform:translateY(8px)}}
@media(prefers-reduced-motion:reduce){.browse-word .w.settle,.browse-menu,.wf{animation:none}.browse-word svg{transition:none}}
.discovery.browse-other .layout{grid-template-columns:minmax(0,1fr)}
.discovery.browse-other .rail,.discovery.browse-other #directory,.discovery.browse-other #filter-bar,.discovery.browse-other #count,.discovery.browse-other #refine,.discovery.browse-other #results,.discovery.browse-other #more,.discovery.browse-other #dots,.discovery.browse-other #see-collections{display:none!important}
.browse-view{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;max-width:980px;margin-top:6px}
.browse-intro{margin:4px 0 6px;color:var(--muted);font-size:16px;max-width:60ch}
/* Filters wait until a topic is picked. */
.discovery.browse-landing .layout{grid-template-columns:minmax(0,1fr)}
.discovery.browse-landing .rail,.discovery.browse-landing #filter-bar{display:none!important}
.ga-apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;width:100%}
.ga-app{display:grid;align-content:start;gap:4px;color:inherit;text-decoration:none}
.ga-pic{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--navytile);margin-bottom:6px}
.ga-pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.ga-app:hover .ga-pic img{transform:scale(1.04)}
.ga-badge{position:absolute;left:8px;bottom:8px;display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--navy);color:var(--goldB)}
.ga-badge svg{width:18px;height:18px}
.ga-aout{font:700 12px 'Figtree',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.ga-atitle{font:600 16px/1.3 'Literata',serif;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ga-ameta{font-size:13px;color:var(--muted)}
.ga-app:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:12px}
.ga-band .ga-apps{grid-template-columns:repeat(4,minmax(0,1fr))}
.ga-band .ga-aout{color:var(--goldB)}
.ga-band .ga-atitle{color:var(--cream)}
.ga-band .ga-ameta{color:var(--navmut)}
.ga-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;max-width:760px}
.ga-list a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px 16px;color:inherit;text-decoration:none}
.ga-list a:hover{border-color:var(--gold)}
.ga-lname{font:600 17px/1.3 'Literata',serif;color:var(--ink)}
.ga-lcount{font-size:13px;color:var(--muted);white-space:nowrap}
.ga-note{color:var(--muted);font-size:14px;margin:8px 0 0}
.ga-group{display:grid;gap:4px;margin-top:14px}
.ga-ghead{display:flex;align-items:center;gap:10px;font:700 13px 'Figtree',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0}
.ga-ghead svg{width:22px;height:22px;color:var(--gold)}
@media(max-width:760px){
 .ga-band{margin-top:40px}
 .ga-inner{padding:30px 16px 40px;gap:20px}
 .ga-title{font-size:36px;line-height:1.3}
 .ga-stroke::after{bottom:-.05em}
 /* On phones the venue grid stays two across; without answer counts the cards keep roomy padding and stay short. */
 .ga-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .ga-card{padding:20px 10px 22px;gap:6px}
 .ga-card svg{width:24px;height:24px;margin-bottom:4px}
 .ga-card .ga-outlets{font-size:12px;line-height:1.4;margin-top:6px;row-gap:8px}
 .ga-name{font-size:14.5px}
 .ga-tab{padding:8px 12px;font-size:13px}
 .ga-tab .c{display:none}
 .ga-topic{font-size:14px;padding:7px 13px}
 .ga-cloud{gap:8px}
 .ga-pchips{display:flex}
 .ga-band .ga-apps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .ga-apps{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.ga-card,.ga-topic,.ga-app:hover .ga-pic img{transition:none;transform:none}}
/* Site-wide link colors are more specific than the band's own classes. */
.discovery .ga-band a.ga-topic,.discovery .ga-band a.ga-card,.discovery a.ga-app{color:inherit}
.discovery .ga-band a.ga-topic,.discovery .ga-band a.ga-card{color:var(--cream)}
.discovery .ga-band a.ga-more{color:var(--goldB)}
/* Venue, place and appearance pages */
.browse-crumb{margin:0 0 6px;font:700 13px 'Figtree',sans-serif;letter-spacing:.02em}
.discovery .browse-crumb a{color:#A8781A;text-decoration:none}
.discovery .browse-crumb a:hover{text-decoration:underline;text-underline-offset:4px}
.browse-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:2px 0 8px;color:var(--muted);font-size:15px}
.browse-setting{display:inline-flex;align-items:center;gap:7px;padding:4px 12px 4px 9px;border-radius:999px;background:var(--navy);color:var(--cream);font:600 13px 'Figtree',sans-serif}
.browse-setting svg{width:17px;height:17px;color:var(--goldB)}
.discovery .browse-watch{justify-self:start;font-weight:700;font-size:14px;color:var(--gold);text-decoration:none}
.discovery .browse-watch:hover{text-decoration:underline;text-underline-offset:4px}
.browse-qhead{margin:18px 0 0;font:700 13px 'Figtree',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
/* Browse's find box: narrows only what this view shows. */
.browse-find{display:flex;align-items:center;gap:8px;width:min(100%,340px);margin:4px 0 14px;padding:0 6px 0 12px;border:1px solid #E7DFCE;border-radius:999px;background:#fff;color:#645D4F;transition:border-color .16s,box-shadow .16s}
.browse-find:focus-within{border-color:#A8781A;box-shadow:0 0 0 3px #a8781a22}
.browse-find svg{width:16px;height:16px;flex-shrink:0}
.browse-find input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:9px 0;font:15px 'Figtree',sans-serif;color:#201B14}
.browse-find input::-webkit-search-cancel-button{display:none}
.browse-find input::placeholder{color:#8a8274}
.discovery .browse-find-clear{visibility:hidden;border:0;background:none;color:#645D4F;font-size:18px;line-height:1;width:26px;height:26px;border-radius:50%;cursor:pointer}
.browse-find.has-text .browse-find-clear{visibility:visible}
.browse-find-clear:hover{background:#F2ECDE}
.browse-qrow{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px}
.browse-qrow .browse-qhead{margin:0}
.browse-qrow .browse-find{margin:0}
.browse-none{color:#645D4F;font-size:15px;margin:6px 0 0}
.topic-hits{display:grid;gap:10px;margin:18px 0 0}
.topic-hits:empty{display:none}
.topic-hits .browse-qhead{margin:0}
@media(max-width:760px){.browse-find{width:100%}.browse-qrow .browse-find{width:100%}
 /* 16px keeps iPhone Safari from zooming the page in on focus, which pushed the box against the screen edge. */
 .browse-find input{font-size:16px}}
.discovery .browse-find input:focus,.discovery .browse-find input:focus-visible{outline:0!important;box-shadow:none!important;border:0!important}
.browse-find{position:relative}
.browse-find-menu{position:absolute;left:-1px;right:-1px;top:calc(100% + 6px);z-index:30;display:grid;padding:6px;background:#fff;border:1px solid #E7DFCE;border-radius:16px;box-shadow:0 14px 34px #182b4524}
.browse-find-menu[hidden]{display:none}
/* Rows match the main search box's topic suggestions. */
.discovery .browse-find-opt{display:flex;align-items:center;gap:14px;padding:6px 12px;border-radius:10px;color:#37312A;text-decoration:none;transition:background-color .12s}
.browse-find-opt .lead{flex:none;display:grid;place-items:center;width:26px;height:26px;color:#8a8170}
.browse-find-opt .lead .icon,.browse-find-opt .lead svg{width:18px;height:18px}
.browse-find-opt .qwrap{min-width:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 4px}
.browse-find-opt .topic-pill{display:inline-block;padding:3px 12px;border-radius:999px;background:#f2ecde;color:#4a4232;font:500 15.5px/1.4 Figtree,system-ui,sans-serif}
.browse-find-opt .topic-pill b{font-weight:700;color:#A8781A}
.browse-find-opt .sub{font:14px Figtree,system-ui,sans-serif;color:#8a8170}
.browse-find-opt:hover{background:#faf6ee}
.browse-find-opt[aria-selected=true]{background:#f2ecde}
.browse-find-opt:hover .topic-pill,.browse-find-opt[aria-selected=true] .topic-pill{background:#e9dfc9}
/* The map: navy states with soft borders; places Pete has answered glow gold and carry a label. */
.ga-map{width:100%;max-width:820px;background:var(--navy,#182B45);border-radius:18px;padding:22px 18px;box-shadow:inset 0 0 0 1px #ffffff0d}
.ga-map svg{display:block;width:100%;height:auto;overflow:visible}
.ga-states path{fill:#24395a;stroke:none}
.ga-states .ga-borders{fill:none;stroke:#182B45;stroke-width:1.4;stroke-linejoin:round}
.ga-place>path{fill:#E0AC43;fill-opacity:var(--heat);stroke:#F4D58C;stroke-width:1.2;stroke-linejoin:round;filter:drop-shadow(0 0 10px #e0ac4366);transition:fill-opacity .18s}
.ga-place{cursor:pointer;animation:ga-glow .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i)*90ms + 120ms)}
/* The band draws its first view before it is on screen, so the places hold dark until it scrolls in, then light one by one. */
.ga-band.ga-wait:not(.ga-in) .ga-place{animation-play-state:paused}
.ga-place:hover>path,.ga-place:focus-visible>path{fill-opacity:1}
.ga-place:focus{outline:none}
.ga-place:focus-visible>path{stroke:#fff;stroke-width:2.4}
.ga-tag rect{fill:#FBF8F1;stroke:#E0AC43;stroke-width:1.5;filter:drop-shadow(0 3px 6px #0b162a66)}
.ga-tag text{font:700 14px 'Figtree',sans-serif;fill:#182B45;letter-spacing:.04em}
.ga-tag text.n{font-weight:600;fill:#A8781A}
.ga-place:hover .ga-tag rect{fill:#fff}
.ga-leader{fill:none;stroke:#F4D58C;stroke-width:1.5;stroke-dasharray:2 3}
@media(max-width:760px){.ga-tag{transform:scale(1.7)}}
@keyframes ga-glow{from{opacity:0}}
@media(prefers-reduced-motion:reduce){.ga-place{animation:none}}
.browse-find-menu{right:auto;min-width:calc(100% + 2px);width:max-content;max-width:min(560px,calc(100vw - 32px))}
.browse-find-opt .sub{white-space:nowrap}
/* Venue lean and reach */
.ga-list a.ga-venue{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;justify-content:normal}
.ga-vtop{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.ga-vsub{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;font:13px 'Figtree',sans-serif;color:#645D4F}
.ga-reach{min-width:0}
.ga-lean{display:inline-flex;align-items:center;gap:8px;font:600 13px 'Figtree',sans-serif;color:#37312A;white-space:nowrap}
.ga-lean.unrated{font-weight:500;color:#8a8170}
.ga-lean.ga-host{font-weight:500;color:#5b5346;white-space:normal;min-width:0}
.ga-leanbar{display:inline-grid;grid-template-columns:repeat(5,14px);gap:2px}
.ga-leanbar span{height:8px;background:#E7DFCE}
.ga-leanbar span:first-child{border-radius:4px 0 0 4px}.ga-leanbar span:last-child{border-radius:0 4px 4px 0}
.ga-leanbar span.on{background:#182B45;box-shadow:0 0 0 1.5px #182B45}
.ga-lean:not(.compact) .ga-leanbar{grid-template-columns:repeat(5,26px)}
.ga-lean:not(.compact) .ga-leanbar span{height:10px}
.ga-lean:not(.compact) .ga-leanlabel{font-size:15px}
.ga-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:4px 0 10px;max-width:760px}
.ga-fact{display:grid;align-content:start;gap:8px;padding:14px 16px;border:1px solid #E7DFCE;border-radius:14px;background:#fff}
.ga-fhead{font:700 12px 'Figtree',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#645D4F}
.ga-ftext{font:600 16px/1.35 'Literata',serif;color:#201B14}
.discovery a.ga-fsrc{font:12.5px 'Figtree',sans-serif;color:#8a8170;text-decoration:none}
.discovery a.ga-fsrc:hover{color:#A8781A;text-decoration:underline}
@media(max-width:760px){.ga-facts{grid-template-columns:minmax(0,1fr)}}

/* Venue grid: reach rows × format columns, squares sized by answers and colored by lean */
.ga-grid{margin:0 0 32px;padding:20px;background:#fffdf8;border:1px solid #e6dcc8;border-radius:16px}
.ga-gtable{display:grid;grid-template-columns:minmax(84px,.6fr) repeat(3,minmax(0,1fr));gap:6px}
.ga-gcol,.ga-grow{display:flex;flex-direction:column;gap:2px;color:#1d2b44;font-size:14px}
.ga-gcol{padding:0 4px 6px}
.ga-grow{justify-content:center;padding-right:8px}
.ga-gcol small,.ga-grow small{color:#6f6a5f;font-size:12px;line-height:1.3}
.ga-gcell{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:12px 14px;min-height:118px;padding:14px 10px;background:#f6f1e6;border-radius:10px}
.ga-sq{display:flex;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:110px;text-decoration:none;color:#1d2b44}
.ga-sqbox{display:grid;place-items:center;width:var(--s);height:var(--s);border-radius:6px;background:var(--c);color:#fff;font:600 13px/1 inherit;box-shadow:0 1px 2px rgba(29,43,68,.18);transition:transform .18s ease,box-shadow .18s ease}
.ga-sqname{font-size:12px;line-height:1.25;text-align:center}
.ga-sq:hover .ga-sqbox,.ga-sq:focus-visible .ga-sqbox{transform:translateY(-2px);box-shadow:0 6px 14px rgba(29,43,68,.22)}
.ga-sq:hover .ga-sqname{text-decoration:underline}
.lean-left{--c:#1f4e9c}.lean-lleft{--c:#6b8fd8}.lean-center{--c:#7e5aa8}.lean-lright{--c:#e0584f}.lean-right{--c:#c2302f}
.lean-none{--c:#a3a8b0}
.ga-sq.lean-none .ga-sqbox{box-shadow:none}
.ga-gkey{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:16px;font-size:13px;color:#3d4757}
.ga-kitem{display:inline-flex;align-items:center;gap:6px}
.ga-kitem i{width:12px;height:12px;border-radius:3px;background:var(--c)}
.ga-knote{flex-basis:100%;color:#6f6a5f;font-size:12px}
@media (max-width:640px){
 .ga-grid{padding:14px 10px;margin-inline:-4px}
 .ga-gtable{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 .ga-gcorner{display:none}
 .ga-gcol{padding:0 2px 4px}.ga-gcol small{display:none}
 .ga-grow{grid-column:1/-1;flex-direction:row;align-items:baseline;gap:8px;padding:8px 2px 0}
 .ga-gcell{min-height:84px;padding:10px 4px;gap:10px 6px}
 .ga-sq{max-width:88px}.ga-sqname{font-size:11px}
}

/* Venue type chips */
.ga-types{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px;max-width:760px}
.ga-type{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid #e0d5bf;border-radius:999px;background:#fffdf8;color:#1d2b44;font:500 14px 'Figtree',sans-serif;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.ga-type svg{width:17px;height:17px;color:#A8781A}
.ga-type .k{color:#8a8375;font-size:12px}
.ga-type:hover{border-color:#c9a45a}
.ga-type[aria-pressed=true]{background:#1d2b44;border-color:#1d2b44;color:#fff}
.ga-type[aria-pressed=true] svg{color:#e8c46a}.ga-type[aria-pressed=true] .k{color:#c7cdd8}
.ga-type:focus-visible{outline:2px solid #c9a45a;outline-offset:2px}
.ga-group.type-off{display:none}
@media (max-width:640px){.ga-types{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding:0 16px 4px;scrollbar-width:none}.ga-types::-webkit-scrollbar{display:none}.ga-type{flex:none}}

/* Each appearance under a venue visited more than once */
.ga-vapps{list-style:none;margin:6px 0 0 18px;padding:0 0 0 14px;border-left:2px solid #e6dcc8;display:grid;gap:6px}
.ga-list .ga-vapps a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 14px;border-radius:10px;font-size:14px}
.ga-vat{color:#1d2b44}.ga-vam{flex:none;color:#8a8375;font-size:12.5px}
@media (max-width:640px){.ga-list .ga-vapps a{flex-direction:column;gap:2px}.ga-vapps{margin-left:10px;padding-left:10px}}

/* Topics landing: room between the heading, its one-line guide and the find box */
.topic-intro{margin:10px 0 18px}
@media (max-width:640px){.discovery.browse-mode #heading{margin-bottom:6px}.topic-intro{font-size:15px;margin:8px 0 16px}}

/* Lean filter: five steps from Left to Right as one bar, then Not rated set apart; tap any number of them */
.ga-leanfilter{display:grid;gap:4px;margin:14px 0 4px;max-width:760px}
.ga-lsteps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}
.ga-lstep{display:grid;gap:6px;justify-items:center;padding:0;border:0;background:none;cursor:pointer;color:#3d4757;font:500 12.5px 'Figtree',sans-serif;min-width:0}
.ga-lsw{display:block;width:100%;height:12px;background:var(--c);opacity:.6;transition:opacity .15s,transform .15s}
.ga-lstep:first-child .ga-lsw{border-radius:999px 0 0 999px}.ga-lstep:last-child .ga-lsw{border-radius:0 999px 999px 0}
.ga-lsteps:has([aria-pressed=true]) .ga-lsw{opacity:.22}
.ga-lstep:hover .ga-lsw{opacity:.85}
.ga-leanfilter .ga-lstep[aria-pressed=true] .ga-lsw{opacity:1;transform:scaleY(1.3)}
.ga-lstep[aria-pressed=true] .ga-lt{color:#1d2b44;font-weight:700}
.ga-lt{white-space:nowrap}
.ga-lstep:disabled{cursor:default;color:#b3ad9f}.ga-lstep:disabled .ga-lsw{opacity:.3}
.ga-lstep:focus-visible{outline:2px solid #c9a45a;outline-offset:3px;border-radius:4px}
.ga-none{color:#6f6a5f;margin:18px 0}
@media (max-width:640px){.ga-lt{font-size:11.5px}}

.ga-lopts{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;margin-top:8px}
.ga-lopt{display:inline-flex;align-items:center;gap:7px;padding:2px 0;border:0;background:none;cursor:pointer;color:#3d4757;font:500 12.5px 'Figtree',sans-serif}
.ga-lopt .ga-lsw{width:26px;height:8px;border-radius:999px;opacity:1;transition:opacity .15s}
.ga-lall .ga-lsw{background:linear-gradient(90deg,#1f4e9c,#7e5aa8,#c2302f)}
.ga-lopt.lean-none .ga-lsw{background:var(--c)}
.ga-lopt[aria-pressed=false] .ga-lsw{opacity:.45}
.ga-lopt[aria-pressed=true] .ga-lt{color:#1d2b44;font-weight:700}
.ga-lopt:hover .ga-lt{color:#1d2b44}
.ga-lopt:focus-visible{outline:2px solid #c9a45a;outline-offset:3px;border-radius:4px}
/* Tighter run from the find box through the type chips to the lean bar */
.browse-view .browse-find{margin-bottom:2px}
.ga-types{margin:0}
.ga-leanfilter{margin-top:4px}

/* "Sources" link under the lean bar and the citation popup it opens */
.ga-lopts .ga-lsrc{border:0;background:none;padding:2px 0;color:#8a8375;font:500 11px 'Figtree',sans-serif;text-decoration:underline;text-decoration-color:#cfc6b4;text-underline-offset:3px;cursor:pointer}
.ga-lsrc:hover{color:#1d2b44}
.ga-lsrc:focus-visible{outline:2px solid #c9a45a;outline-offset:3px;border-radius:4px}
/* Styled and moving like the watch page's Share sheet: cream paper, navy blur behind, a Literata heading beside a
   round close button, and each venue in its own white card like the Share sheet's rows.
   On phones it is a bottom sheet with a grab handle. */
.ga-sources{width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;padding:0 20px 20px;border:0;border-radius:16px;background:#fbf8f1;color:#37312a;font:15px/1.5 'Figtree',sans-serif;box-shadow:0 24px 60px #182b4533;outline:0}
.ga-sources::backdrop{background:#182b4573;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.ga-shead{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 -20px 6px;padding:20px 20px 10px;background:#fbf8f1}
.ga-sources h2{margin:0;font:630 25px/1.2 'Literata',Georgia,serif;color:#201b14}
.ga-sources p{margin:0 0 10px;font-size:14px;line-height:1.55;color:#645d4f}
.ga-sources a{color:#1d2b44;text-decoration:underline!important;text-decoration-color:#d9ccb0!important;text-underline-offset:3px}
.ga-sources a:hover{text-decoration-color:currentColor!important}
.ga-smeth{font-size:13.5px}
.ga-sclose{flex:none;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#efe6d2;color:#182b45;cursor:pointer;transition:background .15s}
.ga-sclose svg{width:18px;height:18px}
.ga-sclose:hover{background:#e6d9bb}
.ga-sclose:focus{outline:0}.ga-sclose:focus-visible{outline:2px solid #c9a45a;outline-offset:2px}
.ga-slist{display:grid;gap:8px;list-style:none;margin:18px 0 0;padding:0}
.ga-slist li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:12px 14px;border:1px solid #e7dfce;border-radius:12px;background:white;box-shadow:0 1px 2px #182b450d}
.ga-sname{color:#1d2b44;font-size:15px;font-weight:600;line-height:1.3}
.ga-srate{display:inline-flex;align-items:center;gap:6px;justify-self:end;padding:3px 10px 3px 8px;border-radius:999px;background:#f6f1e6;font-size:12.5px;font-weight:500;color:#3d4757;white-space:nowrap}
.ga-srate i{width:12px;height:8px;border-radius:999px;background:var(--c)}
.ga-srate.lean-none::before{content:'';width:12px;height:8px;border-radius:999px;background:var(--c)}
.ga-slist li>a,.ga-snote{grid-column:1/-1;font-size:12.5px;line-height:1.4}
.ga-sources .ga-slist li>a{justify-self:start}
.ga-snote{color:#8a8375}
@media(max-width:760px){
 .ga-sources{margin:auto 0 0;width:100%;max-width:none;max-height:85dvh;border-radius:16px 16px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px #182b4526}
 .ga-shead{padding-top:26px;touch-action:none}
 .ga-shead::before{content:'';position:absolute;top:9px;left:50%;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:#d9ccb0}
 .ga-sources h2{font-size:22px}
}

/* Band venue cards: each venue name beside its lean color, as on Browse by venue */
.ga-outlets{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px}
.ga-out{display:inline-flex;align-items:center;gap:6px}
.ga-out i{width:12px;height:6px;border-radius:999px;background:var(--c);flex:none}
.ga-out{display:block;text-align:center}
.ga-out i{display:inline-block;vertical-align:middle;margin:-2px 6px 0 0}

/* Band sub line: "From" holds still, the rest of the sentence clears and spells itself back in per tab */
.ga-sub{max-width:100%;font-size:16px;line-height:1.45;color:var(--cream)}
.ga-l1,.ga-l2{display:block;white-space:nowrap}
.ga-l1{text-align:left}.ga-l2{text-align:center}
.ga-probe{position:absolute;visibility:hidden;width:max-content}
.ga-sub .ga-rest{opacity:.85}.ga-sub .ga-from{opacity:.85}
.ga-from{color:var(--cream)}
.ga-word{display:inline-block;white-space:nowrap}
.ga-rest.in .ga-ch{display:inline-block;animation:ga-spell .32s cubic-bezier(.2,.7,.2,1) both}
.ga-rest .ga-ch.out{display:inline-block;animation:ga-clear .16s ease-in both}
@keyframes ga-spell{from{opacity:0;transform:translateY(.25em);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes ga-clear{to{opacity:0;transform:translateY(-.2em);filter:blur(2px)}}
/* Under the panel: the tab's own link, then appearances as a quieter second way in */
.ga-links{display:grid;justify-items:center;gap:10px}
.discovery .ga-band a.ga-apps-link,.ga-apps-link{color:var(--navmut);font-size:13.5px;text-decoration:none}
.ga-apps-link:hover{color:var(--cream);text-decoration:underline;text-underline-offset:4px}

.ga-vtags{display:inline-flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.ga-vtag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:#f3ecdf;color:#5b5346;font:500 12px 'Figtree',sans-serif;white-space:nowrap}
.ga-vtag svg{width:13px;height:13px}
.ga-list > li.filter-off{display:none}

/* Computers: the Browse lists (topics, venues, places, appearances) sit in one centered column whose width grows with
   the window, instead of hugging the left edge. Pages with the filter column keep their own layout. */
@media(min-width:1051px){
 .discovery.browse-mode:is(.browse-landing,.browse-other) .layout{padding-left:0}
 .discovery.browse-mode:is(.browse-landing,.browse-other) .results{width:100%;max-width:clamp(1320px,72vw,1520px);margin-inline:auto;padding:36px 56px 56px}
 .discovery.browse-other .browse-view{max-width:none}
 .discovery.browse-other .ga-list{max-width:none;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));column-gap:12px}
 .discovery.browse-other .ga-apps{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px 18px}
 /* Places: the map and the list of places side by side. */
 .discovery.browse-other .browse-view:has(>.ga-map){grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);column-gap:24px;align-items:start}
 .discovery.browse-other .browse-view:has(>.ga-map)>*{grid-column:1/-1}
 .discovery.browse-other .browse-view:has(>.ga-map)>.ga-map{grid-column:1;max-width:none}
 .discovery.browse-other .browse-view:has(>.ga-map)>.ga-list{grid-column:2;grid-row:span 1;margin:0;grid-template-columns:minmax(0,1fr)}
}
@media(min-width:761px) and (max-width:1050px){
 .discovery.browse-other .browse-view{max-width:none}
 .discovery.browse-other .ga-list{max-width:none}
}

/* Venue filters: one cream panel holding two labeled groups (type of appearance, political lean) with a rule between
   them; side by side on computers, stacked on tablets and phones. */
.ga-filters{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);margin:8px 0 12px;background:#F2ECDE;border:1px solid #E7DFCE;border-radius:18px}
.ga-fgroup{display:grid;align-content:start;gap:14px;padding:20px 24px 22px;min-width:0}
.ga-fgroup+.ga-fgroup{border-left:1px solid #E0D5BF}
.ga-flabel{margin:0;font:700 12px 'Figtree',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#645D4F}
.ga-filters .ga-types{max-width:none;margin:0;gap:10px}
.ga-filters .ga-type{background:#fff;padding:8px 14px}
.ga-filters .ga-type[aria-pressed=true]{background:#1d2b44}
.ga-filters .ga-leanfilter{max-width:none;margin:2px 0 0;gap:8px}
.ga-filters .ga-lopts{margin-top:10px}
.browse-view>.ga-filters+.ga-none,.browse-view>.ga-filters~.ga-list{margin-top:4px}
/* "Showing 3 of 12 venues · Clear filters" between the filters and the list, only while a filter is on */
.ga-fstatus{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:2px 0 10px;max-width:760px;color:#645D4F;font:500 14.5px 'Figtree',sans-serif}
.ga-fstatus[hidden]{display:none}
.ga-fclear{border:0;background:none;padding:0;font:600 14.5px 'Figtree',sans-serif;color:#A8781A;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ga-fclear:hover{color:#1d2b44}
.ga-fclear:focus-visible{outline:2px solid #c9a45a;outline-offset:3px;border-radius:4px}
.browse-view>.ga-fstatus~.ga-list{margin-top:0}
@media(max-width:1050px){
 .ga-filters{grid-template-columns:minmax(0,1fr)}
 .ga-fgroup+.ga-fgroup{border-left:0;border-top:1px solid #E0D5BF}
}
@media(max-width:640px){
 .ga-filters{margin:6px 0 10px;border-radius:16px}
 .ga-fgroup{padding:16px 16px 18px;gap:12px}
 /* The type chips stay one row you swipe, running to the panel's edges. */
 .ga-filters .ga-types{margin:0 -16px;padding:0 16px 2px;gap:8px}
}
/* Search within these results: the scope after the searched words, and the way out to every question. */
.discovery .h1scope{color:#645D4F;font-weight:inherit}
.discovery .within-more{margin:-6px 0 14px;font-size:14.5px;color:#645D4F;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}
.discovery .within-more .within-all{border:0;background:none;padding:0;font:600 14.5px 'Figtree',sans-serif;color:#A8781A;text-decoration:underline;text-underline-offset:3px;cursor:pointer}