@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--paper:#fff;--panel:#FAFAF8;--ink:#0A0A0A;--soft:#55554E;--faint:#92928B;--line:#E7E7E1;--line2:#D9D9D2;--acc:#FF3B1D;--acc2:#E22E12;--sans:'Archivo',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,Menlo,monospace}
:root[data-theme=dark]{--paper:#0B0B0C;--panel:#141416;--ink:#F2F1EC;--soft:#AFAEA6;--faint:#77776F;--line:#242428;--line2:#323238;--acc:#FF5338;--acc2:#FF6B50}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}a:hover{color:var(--acc)}img{max-width:100%;height:auto}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-weight:600;letter-spacing:-.025em;text-wrap:balance}.wrap{max-width:1180px;margin:0 auto;padding-inline:clamp(16px,4vw,34px)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.eye{font:400 .72rem var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}.subtle{color:var(--soft)}.red{color:var(--acc)}.muted{color:var(--faint)}.inline-link{color:var(--acc);text-decoration:underline;text-underline-offset:3px}.skip-link{position:absolute;top:-80px;left:10px;background:var(--acc);color:white;z-index:120;padding:10px}.skip-link:focus{top:8px}
header.site{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 93%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}header.site .in{display:flex;align-items:center;gap:20px;padding-block:14px;min-height:62px}.brand{font-weight:700;font-size:1.06rem;letter-spacing:-.02em;white-space:nowrap}.brand i{color:var(--acc);font-style:normal}nav.main{display:flex;gap:19px;align-items:center;flex-wrap:wrap}nav.main a{font-size:.85rem;color:var(--soft)}nav.main a:hover,nav.main a.active{color:var(--ink)}.right-tools{margin-left:auto;display:flex;align-items:center;gap:9px}.hdr-search{position:relative;min-width:165px;max-width:220px}.hdr-search input{width:100%;background:var(--paper);border:1px solid var(--line2);border-radius:8px;font-size:.82rem;padding:7px 11px 7px 33px;color:var(--ink);outline:none}.hdr-search::before{content:'⌕';position:absolute;left:11px;top:0px;font-size:23px;color:var(--faint);pointer-events:none}.hdr-search input:focus{border-color:var(--acc)}.toolbtn{height:33px;min-width:33px;border:1px solid var(--line2);border-radius:8px;background:var(--paper);color:var(--soft);font:500 .8rem var(--mono);padding:0 9px}.toolbtn:hover{border-color:var(--acc);color:var(--acc)}.mobile-menu{display:none}.homelink{color:var(--faint);border:1px solid var(--line2);border-radius:7px;padding:5px 11px;font:.74rem var(--mono);white-space:nowrap}
section.blk{padding-block:clamp(30px,5vw,52px);border-top:1px solid var(--line)}.phead{padding-top:clamp(26px,5vw,60px);padding-bottom:28px}.phead h1,.rmain>h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.03}.phead .pdesc,.rmain>.pdesc{color:var(--soft);margin-top:12px;font-size:.95rem;line-height:1.5;max-width:62ch}.phgrid{display:grid;grid-template-columns:1fr minmax(270px,420px);align-items:center;gap:48px}.phgrid h1{margin:0}.vid{position:relative;max-width:420px}.vid>img{display:block;width:100%;border:1px solid var(--line);border-radius:12px;aspect-ratio:16/9;object-fit:cover}.vid .play{position:absolute;bottom:12px;left:12px;border:0;color:white;border-radius:8px;background:#111c;padding:9px 14px;font-size:.83rem}.bkgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bkcard{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--paper);transition:border-color .2s,transform .2s}.bkcard:hover{border-color:var(--line2);transform:translateY(-2px)}.bkpics{height:205px;display:flex;align-items:center;justify-content:center;gap:14px;background:var(--panel);border-bottom:1px solid var(--line);overflow:hidden}.bkpic{width:29%;height:185px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.bkpic:hover{transform:scale(1.05)}.bkpic img{height:86%;width:100%;object-fit:contain;mix-blend-mode:multiply}:root[data-theme=dark] .bkpic img{mix-blend-mode:normal}.bkbody{padding:23px 25px 25px}.bkbody h2{font-size:1.5rem;line-height:1.19;margin:9px 0 15px}.bkn{color:var(--soft);font:.84rem var(--mono)}.bkgo{display:block;color:var(--acc);font:.83rem var(--mono);margin-top:20px}.bkcard .cover-link{position:absolute;inset:205px 0 0;z-index:1}.bkcard .bkpic{position:relative;z-index:2}.bkcard a.cover-link:focus-visible{outline:2px solid var(--acc);outline-offset:-4px}
.hero{padding-top:clamp(40px,7vw,70px);padding-bottom:38px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,48px);align-items:center}.hero h1{font-size:clamp(2.6rem,6.2vw,4.8rem);line-height:1;letter-spacing:-.035em;font-weight:600;max-width:15ch;margin-bottom:20px}.hero h1 em{font-style:normal;color:var(--acc)}.hero h1 em.g{color:#1aa35a}.lede{font-size:1.02rem;color:var(--soft);max-width:44ch}.heroimg img{width:100%;display:block;border:1px solid var(--line);border-radius:14px}.searchbox{display:flex;gap:0;align-items:center;margin-top:27px;max-width:480px;border:1px solid var(--line2);border-radius:12px;padding:4px 5px 4px 16px}.searchbox:focus-within{border-color:var(--acc)}.searchbox input{flex:1;min-width:0;font-size:1.04rem;padding:10px 2px;border:0;outline:0;color:var(--ink);background:transparent}.searchbox button,.btn-outline{border:1px solid var(--line2);border-radius:8px;background:transparent;color:var(--acc);font:.82rem var(--mono);padding:10px 14px;white-space:nowrap}.searchbox button:hover,.btn-outline:hover{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 7%,transparent)}.sh{display:flex;align-items:center;gap:16px;margin-bottom:20px}.sh .nm{font:.76rem var(--mono);color:var(--acc)}.sh h2{margin:0;font-size:1.5rem;line-height:1.2}.sh .ln{height:1px;flex:1;background:var(--line)}.sh>a,.sh>button{font:.78rem var(--mono);color:var(--acc);background:none;border:0;white-space:nowrap}.spiritList{display:grid}.srow{display:grid;grid-template-columns:1fr 48px 18px;gap:18px;align-items:center;padding:14px 7px;border-top:1px solid var(--line);transition:.15s}.srow:last-child{border-bottom:1px solid var(--line)}.srow:hover{background:var(--panel);padding-left:14px}.srow .sn{display:flex;align-items:center;gap:13px;font-size:1.35rem;font-weight:600}.sbrand{width:44px;height:44px;object-fit:contain;background:white;border-radius:7px}.srow .sc{font:.84rem var(--mono);text-align:right}.srow .ar{font:.87rem var(--mono);color:var(--faint);text-align:right}.srow:hover .ar{color:var(--acc)}.pairgrid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.pairpanel{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:24px}.pairpanel h3{font-size:1.22rem;margin-bottom:14px}.pairfields{display:flex;align-items:center;gap:14px}.pairfields select{min-width:0;flex:1;border:1px solid var(--line2);background:var(--paper);padding:13px;border-radius:7px;color:var(--ink)}.pairfields .plus{font:500 1.7rem var(--mono);color:var(--acc)}.pairpanel button{width:100%;margin-top:14px;padding:12px;border:0;background:var(--ink);color:var(--paper);border-radius:7px;font:.8rem var(--mono)}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{border:1px solid var(--line2);background:transparent;color:var(--soft);font:.78rem var(--mono);padding:7px 11px;border-radius:7px}.chip:hover,.chip.active{color:var(--acc);border-color:var(--acc)}.recipegrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.rcard{min-width:0;display:block;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--paper);transition:border-color .14s,transform .14s}.rcard:hover{border-color:var(--acc);transform:translateY(-2px)}.rcard-image{height:174px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--panel);position:relative}.rcard-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}:root[data-theme=dark] .rcard-image img{mix-blend-mode:normal}.rcard-image .image-placeholder{color:var(--faint);font-size:4rem;position:absolute;z-index:0}.rcard-text{padding:14px 15px}.rcard-text h3{font-size:1.04rem;line-height:1.2;margin:0 0 7px;letter-spacing:-.015em}.rcard-text p{font-size:.75rem;line-height:1.45;color:var(--faint);margin:0;min-height:36px}.rcard-text .booktag{font:.65rem var(--mono);color:var(--acc);display:block;margin-top:8px}.morebtn{display:block;margin:23px auto 0;padding:11px 24px;border:1px solid var(--line2);border-radius:8px;background:var(--paper);color:var(--acc);font:.81rem var(--mono)}
.crumb{font:.76rem var(--mono);color:var(--faint);margin-bottom:19px}.crumb a:hover{color:var(--acc)}.listheading{display:flex;align-items:end;justify-content:space-between;gap:20px}.listheading h1{margin:0}.sortbar{display:flex;gap:6px;flex-wrap:wrap}.sortbar button{border:1px solid transparent;border-radius:6px;color:var(--soft);background:transparent;padding:6px 10px;font:.75rem var(--mono)}.sortbar button.active{color:var(--acc);border-color:var(--line2)}.list-controls{display:flex;gap:12px;margin-top:25px;margin-bottom:24px;align-items:center}.list-controls .searchbox{margin:0;flex:1;max-width:none}.pill-count{font:.74rem var(--mono);color:var(--faint);white-space:nowrap}.empty{padding:36px;text-align:center;border:1px solid var(--line);border-radius:12px;color:var(--soft)}.status{padding:22px;border:1px solid var(--line);background:var(--panel);border-radius:10px;color:var(--soft);font:.88rem var(--mono)}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--line2);border-top-color:var(--acc);border-radius:100%;animation:spin .8s linear infinite;margin-right:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}
.recipe{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:clamp(26px,5vw,56px);align-items:start}.rmain h1{margin-bottom:0}.ingredient-hero{display:flex;align-items:end;gap:15px;padding:22px 0 15px;min-height:155px;border-bottom:1px solid var(--line);overflow:auto}.ingredient-hero img{height:140px;max-width:95px;width:auto;object-fit:contain}.recipe-art{display:flex;justify-content:center;align-items:center;min-height:280px;background:var(--panel);border:1px solid var(--line);border-radius:13px;overflow:hidden}.recipe-art img{max-height:350px;max-width:100%;height:auto;object-fit:contain}.aside{position:sticky;top:88px;display:grid;gap:15px}.aside .credits{font:.72rem var(--mono);color:var(--faint);line-height:1.7}.rmain .pdesc{font-size:.96rem}.alsoin{font-size:.87rem;display:inline-block;margin:13px 0 0;color:var(--acc)}.step-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:22px 0 8px}.step-head h2{font-size:1.18rem;margin:0}.stepper{display:flex;align-items:center;gap:0;border:1px solid var(--line2);border-radius:8px;overflow:hidden}.stepper button{width:37px;height:35px;border:0;background:var(--panel);color:var(--ink);font-size:1.2rem}.stepper strong{font:.82rem var(--mono);min-width:74px;text-align:center;padding:0 6px}.steps{border-top:1px solid var(--line)}.step{border-bottom:1px solid var(--line);display:grid;grid-template-columns:34px 47px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 0}.step-number{font:.74rem var(--mono);color:var(--faint)}.step-icon{display:flex;align-items:center;justify-content:center;height:47px;width:47px;background:var(--panel);border-radius:8px}.step-icon img{max-height:45px;max-width:45px;object-fit:contain}.step-main{min-width:0}.step-role{font:.69rem var(--mono);color:var(--acc);text-transform:uppercase}.step-name{font-weight:600;font-size:.94rem;line-height:1.2}.step-cat{font:.69rem var(--mono);color:var(--faint)}.step-amount{text-align:right;white-space:nowrap}.step-amount strong{font:600 1.17rem var(--mono);letter-spacing:-.03em}.step-amount small{display:block;color:var(--faint);font:.72rem var(--mono)}.method{margin-top:22px;padding:20px 24px;background:var(--panel);border-radius:12px;border:1px solid var(--line)}.method h3{font-size:1.1rem;margin-bottom:5px}.method p{font-size:.94rem;color:var(--soft);margin-bottom:0}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:13px}.stat strong{display:block;font:600 1.22rem var(--mono)}.stat span{font:.67rem var(--mono);color:var(--faint);text-transform:uppercase}.actionbar{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.actionbar button{flex:1;min-width:115px;border-radius:8px;padding:10px 8px;background:transparent;border:1px solid var(--line2);color:var(--ink);font:.74rem var(--mono)}.actionbar button:hover,.actionbar button.selected{border-color:var(--acc);color:var(--acc)}.scaleBtn{display:block;width:100%;background:var(--acc)!important;color:white!important;border-color:var(--acc)!important;font-weight:600!important}.simsec{margin:60px 0 25px}.simsec h2{font-size:1.5rem;margin-bottom:20px}.sourceline{padding-top:24px;color:var(--faint);font-size:.78rem}.sourceline a{text-decoration:underline}.creditbox{padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:9px;color:var(--soft);font:.75rem var(--mono)}
.taglist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.tagrow{display:flex;align-items:center;gap:13px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.tagrow img{height:47px;width:47px;object-fit:contain;background:white;border-radius:7px}.tagrow .tagname{font-weight:600}.tagrow .tagcount{margin-left:auto;font:.78rem var(--mono);color:var(--faint)}.tagrow:hover{border-color:var(--acc)}.callout{padding:18px 21px;background:var(--panel);border:1px solid var(--line);border-radius:10px;margin:18px 0}.bar-input{display:flex;gap:10px;flex-wrap:wrap}.bar-input input{flex:1;min-width:210px;border:1px solid var(--line2);border-radius:8px;background:var(--paper);padding:12px;color:var(--ink)}.bar-input button{border:0;border-radius:8px;background:var(--acc);color:white;padding:10px 15px}.bar-items{display:flex;flex-wrap:wrap;gap:8px;margin:19px 0}.bar-item{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line2);border-radius:8px;padding:9px 11px;font:.78rem var(--mono)}.bar-item button{background:none;border:0;color:var(--acc);font-size:18px;line-height:1}
footer.site{border-top:1px solid var(--line);padding-block:30px;margin-top:30px}footer.site .in{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:baseline;color:var(--faint);font:.76rem var(--mono)}footer.site .brand{color:var(--ink)}footer.site a{color:var(--acc)}footer.site .lic{flex-basis:100%;font-size:.69rem}.loading-start{padding-top:65px;color:var(--faint)}#toast{display:none;position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(90vw,420px);background:var(--ink);color:var(--paper);border-radius:9px;padding:12px 18px;box-shadow:0 12px 26px #0003;z-index:80;font:.82rem var(--mono)}#toast.show{display:block}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:18px;z-index:90}.modal{width:min(100%,700px);max-height:calc(100vh - 36px);overflow:auto;background:var(--paper);padding:28px;border-radius:14px;border:1px solid var(--line);box-shadow:0 30px 80px #0006}.modal h2{font-size:1.65rem}.modal-close{float:right;color:var(--soft);border:1px solid var(--line);border-radius:8px;background:transparent;padding:4px 11px;font-size:1.2rem}.scale-screen{padding:25px;text-align:center;background:var(--panel);border-radius:12px}.scale-screen .g{font:500 2.9rem var(--mono);margin:10px}.scale-screen .target{font:500 1.18rem var(--mono);color:var(--acc)}.scale-screen .scontrols{display:flex;justify-content:center;gap:14px}.scale-screen .scontrols button{border:1px solid var(--line2);border-radius:7px;padding:10px 20px;background:var(--paper);color:var(--ink)}.scale-screen img{height:150px;max-width:200px;object-fit:contain}
@media (max-width:860px){.hero,.phgrid{grid-template-columns:1fr}.heroimg{max-width:620px}.phgrid{gap:22px}.vid{max-width:600px}.recipe{grid-template-columns:minmax(0,1fr) 245px;gap:24px}.recipegrid{grid-template-columns:repeat(3,minmax(0,1fr))}.right-tools .homelink{display:none}header.site .in{gap:13px}nav.main{gap:12px}}
@media (max-width:700px){header.site .in{flex-wrap:wrap;min-height:0;padding-block:9px}.brand{font-size:1rem}.mobile-menu{display:block;margin-left:auto}.right-tools{margin-left:0;order:3;flex:1}.hdr-search{max-width:none;flex:1}.main{display:none!important;order:5;width:100%;padding:10px 0}.main.is-open{display:flex!important}.recipe{grid-template-columns:1fr}.aside{position:static;grid-row:1}.recipe-art{min-height:215px}.recipe-art img{max-height:285px}.aside .credits{display:none}.stats{grid-template-columns:repeat(4,1fr)}.bkgrid{grid-template-columns:1fr}.bkbody h2{font-size:1.4rem}.taglist{grid-template-columns:repeat(2,minmax(0,1fr))}.recipegrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pairgrid{grid-template-columns:1fr}.hero{padding-top:35px}.hero h1{max-width:none}}
@media (max-width:520px){.wrap{padding-inline:16px}.phead{padding-top:27px}.phgrid{gap:22px}.hero h1{font-size:clamp(2.3rem,11vw,3.3rem)}.heroimg{order:-1}.heroimg img{max-height:240px;object-fit:cover}.recipegrid{gap:10px}.rcard-image{height:136px}.rcard-text{padding:11px}.rcard-text h3{font-size:.9rem}.rcard-text p{font-size:.67rem}.listheading{align-items:start;flex-direction:column}.list-controls{flex-wrap:wrap}.list-controls .searchbox{flex-basis:100%}.stats{grid-template-columns:repeat(2,1fr)}.step{grid-template-columns:20px 37px minmax(0,1fr) auto;gap:7px}.step-icon{height:37px;width:37px}.step-icon img{max-height:35px;max-width:35px}.step-amount strong{font-size:.95rem}.step-name{font-size:.81rem}.ingredient-hero img{height:100px}.srow .sn{font-size:1.1rem}.srow{gap:10px}.taglist{grid-template-columns:1fr}.pairpanel{padding:16px}.pairfields{gap:8px}.pairfields select{padding:11px 7px}.bkpic{height:150px}.bkpics{height:175px}.bkcard .cover-link{inset:175px 0 0}footer.site .in{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Bottle cutout gallery: match the reference site's floating bottle baseline. */
.ingredient-hero.ingstrip{overflow:visible;min-height:0;gap:0;align-items:flex-end;justify-content:flex-start;flex-wrap:nowrap;padding:12px 0 0;border:0;margin:0 0 2px;isolation:isolate}
.ingstrip .isi{display:block;position:relative;flex:0 1 auto;min-width:0;line-height:0;cursor:zoom-in;z-index:1}
.ingstrip .isi:hover,.ingstrip .isi:focus-visible,.ingstrip .isi.open{z-index:20}
.ingstrip .isi .isc{width:auto;height:140px;max-width:100px;object-fit:contain;display:block;mix-blend-mode:multiply;transform:translateY(0);transition:filter .16s ease}
.ingstrip .isi:hover .isc{filter:brightness(.92)}
.ingstrip .isi .isbig{display:none;position:absolute;left:50%;top:-25px;transform:translateX(-50%);min-width:140px;max-width:260px;width:auto;height:310px;object-fit:contain;background:#fff;padding:14px;border-radius:11px;box-shadow:0 14px 44px #0003;pointer-events:none;z-index:50}
.ingstrip .isi:hover .isbig,.ingstrip .isi:focus .isbig,.ingstrip .isi.open .isbig{display:block}
.bottle-caption{font:.65rem/1.3 var(--mono);color:var(--faint);margin:2px 0 20px}
:root[data-theme=dark] .ingstrip .isc{mix-blend-mode:normal;background:white}
/* Live autocompletion */
.live-results{position:absolute;top:calc(100% + 7px);right:0;width:min(355px,90vw);max-height:420px;overflow:auto;background:var(--paper);border:1px solid var(--line2);border-radius:12px;box-shadow:0 15px 46px #0003;z-index:75;padding:7px}
.live-results[hidden]{display:none!important}
.live-results .live-label{font:.67rem var(--mono);color:var(--faint);padding:8px 10px 4px;text-transform:uppercase}
.live-results a{display:flex;align-items:center;gap:11px;border-radius:7px;padding:7px 10px;font-size:.86rem}
.live-results a:hover,.live-results a:focus-visible{background:var(--panel);color:var(--acc)}
.live-results a img{height:39px;width:42px;object-fit:contain;background:#fff;border-radius:4px}
.live-results a.all-results{color:var(--acc);font:.78rem var(--mono);padding:12px}
/* Reference help content structure */
.help-layout{display:grid;grid-template-columns:206px minmax(0,1fr);gap:clamp(30px,5vw,64px);align-items:start}
.help-nav{position:sticky;top:85px;display:flex;flex-direction:column;gap:7px;font-size:.76rem;color:var(--soft);max-height:calc(100vh - 95px);overflow:auto}
.help-nav strong{font:.68rem var(--mono);color:var(--faint);text-transform:uppercase;margin-bottom:8px}
.help-nav a:hover{color:var(--acc)}
.help-contents{max-width:780px}.help-section{padding:0 0 48px;margin:0 0 42px;border-bottom:1px solid var(--line);scroll-margin-top:100px}
.help-section h2{font-size:clamp(1.4rem,3vw,1.8rem);margin:7px 0 10px}
.help-section p{font-size:.94rem;color:var(--soft);max-width:62ch;line-height:1.7}
.help-image{display:block;margin:20px 0 15px;background:var(--panel);border:1px solid var(--line);border-radius:11px;overflow:hidden;max-width:690px}
.help-image img{display:block;width:100%;height:auto;object-fit:contain}
.help-section>.inline-link{font:.81rem var(--mono)}
@media(max-width:700px){.help-layout{grid-template-columns:1fr}.help-nav{position:static;display:flex;flex-direction:row;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:0 0 20px}.help-nav strong{width:100%;margin:0}.help-nav a{padding:5px 8px;border:1px solid var(--line);border-radius:7px}.ingredient-hero.ingstrip{overflow-x:auto;overflow-y:visible;max-width:100%}.ingstrip .isi .isc{height:106px;max-width:77px}.ingstrip .isi .isbig{height:200px;max-width:190px}}


/* Shakerrr additions retain the existing typography, spacing and card system. */
.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.collection-tile{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:8px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--paper);transition:background .15s,border-color .15s}
.collection-tile:hover{border-color:var(--acc);background:var(--panel)}
.collection-tile>span{font-weight:600;font-size:1.12rem;line-height:1.25}
.collection-tile>strong{grid-column:1;font:.78rem var(--mono);font-weight:400;color:var(--soft);line-height:1.5}
.collection-tile>i{font-style:normal;color:var(--acc);grid-column:2;grid-row:1 / span 2;font-size:1.2rem}
.shakerr-collage{display:grid;grid-template-columns:1fr 1fr;gap:10px;aspect-ratio:1.15}
.shakerr-collage a{display:flex;flex-direction:column;justify-content:center;min-width:0;border:1px solid var(--line);background:var(--panel);border-radius:12px;overflow:hidden;position:relative}
.shakerr-collage img{width:100%;height:100%;min-height:0;object-fit:contain;background:var(--panel);border:0!important;border-radius:0!important}
.shakerr-collage span{position:absolute;bottom:0;left:0;right:0;padding:7px 8px;font:.69rem var(--mono);background:color-mix(in srgb,var(--paper) 90%,transparent);text-align:center}
.version-picker{display:grid;gap:7px;margin:17px 0 10px;color:var(--soft);font:.77rem var(--mono)}
.version-picker select{max-width:560px;width:100%;padding:11px 12px;background:var(--panel);border:1px solid var(--line2);border-radius:8px;color:var(--ink);font:inherit}
.measure-note{padding:12px 15px;margin:18px 0 0;border-left:3px solid var(--acc);background:var(--panel);font-size:.8rem;color:var(--soft);line-height:1.5}
@media(max-width:700px){.shakerr-collage{max-height:340px}}
@media(max-width:520px){.collection-grid{grid-template-columns:1fr}.collection-tile{padding:16px}}


/* Bottle picker: generic ingredient labels use a representative brand the reader chooses. */
.ingstrip .ingredient-bottle{position:relative;flex:0 1 115px;max-width:135px;min-width:72px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;z-index:1}
.ingstrip .ingredient-bottle:has(.isi:hover),.ingstrip .ingredient-bottle:has(.isi:focus-visible){z-index:25}
.ingstrip .ingredient-bottle .isi{min-width:0;max-width:100%;display:flex;align-items:end;justify-content:center}
.ingstrip .ingredient-bottle .isc{height:140px;max-width:100%;object-fit:contain}
.ingstrip .ingredient-bottle .isbig{max-width:min(260px,85vw)}
.ingstrip .bottle-picker{display:flex;flex-direction:column;align-items:stretch;gap:3px;width:100%;font:.64rem/1.3 var(--mono);color:var(--soft);padding:4px 2px 8px;position:relative;z-index:2}
.ingstrip .bottle-picker>span{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ingstrip .bottle-picker select{width:100%;min-width:0;max-width:100%;border:1px solid var(--line2);border-radius:6px;background:var(--panel);color:var(--ink);padding:5px 3px;font:inherit;cursor:pointer;text-overflow:ellipsis}
.ingstrip .bottle-picker select:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.ingredient-hero.ingstrip:has(.bottle-picker){gap:5px;flex-wrap:wrap;row-gap:8px;align-items:flex-end}
@media(max-width:520px){
 .ingstrip .ingredient-bottle{flex:0 1 100px;max-width:112px;min-width:68px}
 .ingstrip .ingredient-bottle .isc{height:126px}
 .ingstrip .bottle-picker{font-size:.6rem}
}

/* Featured seasonal collection: intentionally scoped to one tile. */
.collection-tile.seasonal-collection{background:linear-gradient(120deg,#15131a,#38202c 72%,#55312d);border-color:#6b4550;color:#fff6e8}
.collection-tile.seasonal-collection:hover{background:linear-gradient(120deg,#201720,#542c36);border-color:#d89770}
.collection-tile.seasonal-collection>span::before{content:'✦';font-size:1rem;color:#eab36b;margin-right:9px}
.collection-tile.seasonal-collection>strong{color:#e6c9bb}
.collection-tile.seasonal-collection>i{color:#f6bd89}