/* Brine & Dandy (concept) · inner pages part 2: queue, allergens, fish, club, visit */
.h2s{font-size:clamp(1.8rem,1.2rem + 2vw,2.8rem)}
.h2s+.grid,.h2s+.ticks{margin-top:24px}
.track .h2s{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.2rem)}
.lg{display:inline-block;width:14px;height:14px;border-radius:3px;vertical-align:-2px;margin:0 4px 0 12px;border:1.5px solid var(--ink)}
.lg:first-child{margin-left:0}
.linklike{border:0;background:none;padding:6px 0;min-height:40px;font:inherit;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;cursor:pointer}

/* Queue */
.q-head{display:grid;gap:28px;align-items:end}
.now-card{text-align:left;box-shadow:6px 6px 0 var(--ink)}
.now-n{font:400 clamp(4rem,3rem + 5vw,6.6rem)/.9 var(--display);margin:6px 0 4px;display:flex;align-items:baseline;gap:8px}
.now-n small{font:500 1.1rem/1 var(--mono)}
.now-w{font-weight:700;margin-bottom:16px}
@media (min-width:900px){.q-head{grid-template-columns:1.6fr 1fr;gap:56px}}
.track{border-width:2px}
.tr-meta{margin:8px 0 18px}
.stages{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.stages li{display:flex;flex-direction:column;gap:2px;padding:14px 16px 14px 52px;border:1.5px solid var(--grout);border-radius:var(--r);position:relative;background:var(--tile)}
.stages li::before{content:"";position:absolute;left:16px;top:16px;width:22px;height:22px;border-radius:50%;border:2px solid var(--rule);background:var(--card)}
.stages li.done::before{background:var(--ink);border-color:var(--ink)}
.stages li.done::after{content:"✓";position:absolute;left:21px;top:15px;color:#fff;font-size:.8rem}
.stages li.now{border-color:var(--ink);background:var(--gold-2)}
.stages li.now::before{border-color:var(--ink);background:var(--gold)}
.stages span{color:var(--ink-2);font-size:.92rem}
.tr-status{font:400 1.4rem/1.2 var(--display);margin:16px 0 8px}
.tr-act{display:flex;flex-wrap:wrap;gap:8px}
@media (min-width:860px){.stages{grid-template-columns:repeat(4,1fr)}}
.ch-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px}
.daytabs{display:flex;flex-wrap:wrap;gap:6px}
.daytabs [role=tab]{min-height:44px;min-width:56px;padding:0 12px;border:1.5px solid var(--ink);border-radius:999px;background:var(--card);font-weight:700}
.daytabs [aria-selected=true]{background:var(--ink);color:#fff}
.chart{background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r);padding:20px 16px 12px;overflow:hidden}
.ch-day{font:400 1.4rem/1 var(--display);margin-bottom:12px}
.bars{display:flex;align-items:flex-end;gap:3px;height:240px;border-bottom:2px solid var(--ink);padding-top:22px}
.bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;position:relative;min-width:0}
.bar.gap{margin-left:14px}
.bar i{display:block;width:100%;background:var(--rule);border-radius:3px 3px 0 0}
.bar.hot i{background:var(--ink)}
.bar.cur i{background:var(--gold);box-shadow:inset 0 0 0 2px var(--ink)}
.bv{font:500 .7rem/1 var(--mono);margin-bottom:4px;color:var(--ink-2)}
.bt{position:absolute;bottom:-22px;font:500 .66rem/1 var(--mono);white-space:nowrap;color:var(--ink-2)}
.ch-legend{margin:30px 0 0;font-size:.86rem;color:var(--ink-2)}
.lg-hot{background:var(--ink)}.lg-cur{background:var(--gold)}
.ch-table{margin-top:14px}
.ch-table summary{cursor:pointer;font-weight:700;min-height:40px;display:flex;align-items:center}
@media (max-width:640px){.bv{display:none}.bar.gap{margin-left:6px}.bars{gap:2px;height:200px}.bt{font-size:.58rem}}
.q-tips{display:grid;gap:36px;align-items:start}
.best{list-style:none;margin:16px 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.best li{padding:10px 14px;border:1.5px solid var(--ink);border-radius:999px;background:var(--gold-2)}
.gull-fig{margin:0}
.gull-fig .photo{aspect-ratio:4/5;border:1.5px solid var(--ink)}
.gull-fig figcaption{margin-top:10px;display:flex;flex-direction:column;gap:2px}
@media (min-width:900px){.q-tips{grid-template-columns:1.5fr 1fr;gap:56px}}

/* Allergens */
.fryer-grid{display:grid;gap:32px;align-items:start}
.fryer-grid .status-line{margin:10px 0}
@media (min-width:960px){.fryer-grid{grid-template-columns:1fr 1fr;gap:56px}}
.cal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.cal-h{font:400 1.5rem/1 var(--display)}
.cal-t{width:100%;border-collapse:separate;border-spacing:4px;table-layout:fixed}
.cal-t th{font:500 .72rem/1 var(--mono);text-transform:uppercase;color:var(--ink-2);padding:4px 0}
.cal-t td{height:46px;text-align:center;border-radius:4px;background:var(--tile);font:500 .95rem/1 var(--mono);border:1px solid var(--grout)}
.cal-t td:empty{background:transparent;border:0}
.cal-t td.gf{background:var(--gold);border-color:var(--ink);font-weight:500}
.cal-t td.shut{background:var(--paper-2);color:var(--ink-3);text-decoration:line-through}
.cal-t td.bank{box-shadow:inset 0 -4px 0 var(--ink)}
.cal-t td.today{outline:2.5px solid var(--ink);outline-offset:1px}
.cal-legend{font-size:.84rem;color:var(--ink-2);margin:12px 0 0}
.lg-gf{background:var(--gold)}.lg-shut{background:var(--paper-2)}.lg-bank{background:var(--tile);box-shadow:inset 0 -4px 0 var(--ink)}
.mx-top{display:grid;gap:16px;margin-bottom:8px}
.mx-ctrl{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.mx-ctrl .field{margin:0;min-width:200px;flex:1}
.mx-ctrl .btn{margin-bottom:4px}
.mx-wrap{position:relative;overflow-x:auto;border:1.5px solid var(--ink);border-radius:var(--r);background:var(--card)}
.mx-wrap:focus-visible{outline-offset:2px}
.mx{border-collapse:collapse;width:100%;min-width:920px;font-size:.88rem}
.mx th,.mx td{border-bottom:1px solid var(--grout);padding:9px 6px;text-align:center}
.mx thead th{position:sticky;top:0;background:var(--ink);color:#fff;font:500 .7rem/1.1 var(--mono);text-transform:uppercase;letter-spacing:.02em;vertical-align:bottom}
.mx thead abbr{text-decoration:none}
.mx .mx-item{text-align:left;position:sticky;left:0;background:var(--card);min-width:190px;font-weight:600;border-right:1px solid var(--grout)}
.mx thead .mx-item{background:var(--ink)}
.mx-cat th{background:var(--paper);text-align:left;font:400 1.05rem/1 var(--display);padding:10px}
.mx td.y{font-size:1rem}
.mx td.gfo{font:500 .7rem/1 var(--mono);color:var(--gold-ink)}
.mx tbody tr:hover td,.mx tbody tr:hover th.mx-item{background:var(--gold-2)}

/* Fish */
.fish-hero{position:relative;min-height:560px;display:flex;align-items:flex-end;padding:140px 0 48px;background:var(--ink);border-bottom:3px double var(--ink);overflow:hidden}
.fish-hero-ph{position:absolute;inset:0}
.fish-hero-ph picture,.fish-hero-ph img{width:100%;height:100%;object-fit:cover}
.fish-hero .wrap{position:relative;width:100%}
.fish-hero-card{max-width:640px;background:var(--tile);border:1.5px solid var(--ink);padding:clamp(22px,3vw,36px);box-shadow:6px 6px 0 var(--ink)}
.fish-hero-card h1{font-size:clamp(2.3rem,1.4rem + 3.4vw,4.2rem);margin:10px 0 14px}
.sp-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px;margin-bottom:12px}
.chips-row{display:flex;flex-wrap:wrap;gap:8px}
.sp{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.sp p{margin:0;color:var(--ink-2)}
.sp-n{font-size:1.9rem}
.sp-l{font-size:.9rem}
.sp-dl{margin:8px 0 10px;width:100%}
.sp-dl div{display:grid;grid-template-columns:100px 1fr;gap:8px;padding:7px 0;border-top:1px solid var(--grout);font-size:.92rem}
.sp-dl dt{font:500 .72rem/1.6 var(--mono);text-transform:uppercase;color:var(--ink-2)}
.sp-dl dd{margin:0}
.msc-box{margin-top:22px;padding:14px 16px;border:1.5px dashed var(--ink);border-radius:var(--r);font-size:.92rem;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.catch{width:100%;min-width:620px;border-collapse:collapse}
.catch th,.catch td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--grout)}
.catch thead th{background:var(--ink);color:#fff;font:500 .74rem/1 var(--mono);text-transform:uppercase;letter-spacing:.06em}
.trace{margin-top:22px}
.trace p{color:var(--ink-2)}
.trace-row{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.trace-row .field{flex:1;min-width:200px;margin:0}
#tOut{margin:14px 0 0;color:var(--ink)}
.chain .photo,.chain-ph{aspect-ratio:3/2;margin-bottom:14px}
.chain-ph img{object-fit:cover}
.chain p{color:var(--ink-2);margin:6px 0 0}
.story-h{background:var(--tile);display:inline-block;padding:4px 10px;margin-left:-10px}
.timeline{list-style:none;margin:24px 0 16px;padding:0;display:grid;gap:12px}
.timeline li{background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r);padding:18px 20px}
.timeline .yr{display:block;font:400 2rem/1 var(--display);color:var(--gold-ink);margin-bottom:6px}
.timeline p{margin:0;color:var(--ink-2)}
@media (min-width:900px){.timeline{grid-template-columns:repeat(5,1fr)}}

/* Club */
.club-grid{display:grid;gap:36px;align-items:start}
@media (min-width:960px){.club-grid{grid-template-columns:1.2fr 1fr;gap:56px}}
.stampcard{background:var(--ink);color:#fff;border-radius:14px;padding:clamp(20px,3vw,32px);box-shadow:8px 8px 0 var(--gold);position:relative}
.stampcard .kicker{color:#D9D4C6}
.sc-top{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;border-bottom:3px double #8E8B80;padding-bottom:12px;margin-bottom:18px}
.sc-h{font-size:2.4rem;color:var(--gold)}
.stamps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(8px,1.6vw,16px)}
.st{aspect-ratio:1;border-radius:50%;border:2px dashed #8E8B80;display:grid;place-items:center;font:500 .9rem/1 var(--mono);color:#B9B4A6;position:relative}
.st.got{border:2px solid var(--gold);background:var(--gold)}
.st.got::after{content:"";width:58%;height:58%;border-radius:50%;background:no-repeat center/70% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M9 21c4-6 9-6 15 0 6-6 11-6 15 0' fill='none' stroke='%2317181A' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M8 33c3 2.5 6 2.5 8 0s5-2.5 8 0 5 2.5 8 0 5-2.5 8 0' fill='none' stroke='%2317181A' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");border:2px solid var(--ink)}
.st.thunk{animation:thunk .45s var(--ease)}
@keyframes thunk{0%{transform:scale(1.6) rotate(-14deg);opacity:0}60%{transform:scale(.92) rotate(3deg);opacity:1}100%{transform:none}}
.st.free{border:2px solid var(--gold);color:var(--gold-2);font-size:.66rem;text-transform:uppercase;text-align:center;line-height:1.2}
.st.free.ready{background:var(--gold);color:var(--ink)}
.sc-status{font:400 1.3rem/1.2 var(--display);margin:20px 0 14px;color:#fff}
.sc-act{display:flex;flex-wrap:wrap;gap:8px}
.sc-act .btn-ghost{color:#fff;border-color:#fff}
.nb-grid{display:grid;gap:36px;align-items:start}
@media (min-width:960px){.nb-grid{grid-template-columns:1.4fr 1fr;gap:56px}.nb-box{position:sticky;top:100px}}
.nb-box{display:grid;gap:16px}
.nb-paper{background:var(--card);border:1.5px solid var(--ink);padding:22px;box-shadow:6px 6px 0 var(--ink)}
.nb-h{font-size:1.7rem;margin-bottom:10px}
.nb-list{margin:0 0 12px;padding-left:1.1em}
.nb-list li{padding:3px 0}
.nb-price{display:flex;justify-content:space-between;font-weight:700;font-size:1.2rem;border-top:1px dashed var(--ink);padding-top:12px}
.nb-ph{aspect-ratio:4/3;border:1.5px solid var(--ink)}
.nb-ph img{object-position:50% 60%}

/* Visit */
.visit-grid,.dv-grid,.ct-grid,.faq-grid{display:grid;gap:32px;align-items:start}
.visit-grid h2{margin-bottom:14px}
.hol{margin-top:22px}
.v-cta{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.getting{margin:0}
.getting div{display:grid;grid-template-columns:130px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--grout)}
.getting dt{font-weight:700}
.getting dd{margin:0;color:var(--ink-2)}
@media (min-width:960px){.visit-grid,.dv-grid,.ct-grid{grid-template-columns:1fr 1fr;gap:56px}.faq-grid{grid-template-columns:1fr 1.5fr;gap:56px}}
@media print{.strip,.hdr,.mbar,.concept,.dtab,.ftr,.phead,#fryer,.mx-ctrl,.news{display:none!important}.mx{min-width:0;font-size:8pt}.mx-wrap{overflow:visible;border:0}}
