#app{padding-block:clamp(64px,7vw,110px)}
#app .sec-head{display:grid;grid-template-columns:1fr 1fr;gap:16px 60px;text-align:left;max-width:none;align-items:end;justify-items:start;margin-bottom:44px}
#app .sec-head .eyebrow{grid-column:1/-1;justify-self:start}
#app .sec-head h2{margin:0;line-height:1.2}
#app .sec-head .lead{margin:0;max-width:40em;justify-self:end}
#app .am-bar{display:block;margin-bottom:32px;position:relative}
#app .am-current{position:absolute;right:0;bottom:-28px;font-size:10px;margin:0}
#app .am-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;width:100%;padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:none;backdrop-filter:none;overflow:visible;position:relative}
#app .am-tabs::after{content:"";position:absolute;top:auto;bottom:-1px;left:var(--indicator-x,0px);width:var(--indicator-width,16.666%);height:2px;background:var(--accent);transition:left .45s var(--ease),width .45s var(--ease)}
#app .am-tabs button{justify-content:center;padding:18px 12px!important;border-radius:0;background:none;box-shadow:none;font-size:15px;transition:color .25s;min-width:0}
#app .am-tabs button[aria-selected="true"]{color:var(--accent);background:none;box-shadow:none}
#app .am-body{grid-template-columns:minmax(0,1fr) minmax(240px,25%);gap:clamp(32px,5vw,100px);align-items:center}
#app .am-notes::before{content:var(--chapter-label,"01");font:clamp(48px,6vw,110px)/1 var(--f-mono);color:var(--accent);opacity:.35;margin-bottom:22px}
#app .am-notes h3{font-size:clamp(22px,2vw,34px)}
#app .am-note{grid-area:2/1}
#app .am-where{border:0;border-top:1px solid var(--line);border-radius:0;background:none;padding:16px 0 0;font-size:12px}
#app .am-notes .points{font-size:clamp(13px,1vw,16px)}
#numbers .nums{border-block:1px solid var(--line);padding-block:28px;gap:0}
#numbers .num{padding:12px 24px}
#numbers .num dt{font-size:clamp(34px,4vw,68px)}
#recipes .recipe-tabs{gap:0;border-top:1px solid var(--line)}
#recipes .recipe-tabs button{border:0;border-bottom:1px solid var(--line);background:none;border-radius:0;padding:20px 0;position:relative}
#recipes .recipe-tabs button::after{content:"↗";margin-left:auto;color:var(--muted);transition:translate .3s}
#recipes .recipe-tabs button[aria-selected="true"]{border-left:0;color:var(--accent);background:none}
#recipes .recipe-tabs button[aria-selected="true"]::after{translate:4px -4px;color:var(--accent)}
#recipes .recipe-tab-num{color:inherit}
#recipes .recipe-tabs small{max-width:27em}
#recipes .recipe-screen{padding:0!important;align-self:center}
#brewing .stage-journey{display:flex;gap:0;border:0;padding:0;margin:36px 0 52px}
#brewing .stage-journey a{flex:1;display:grid;border:0;border-top:1px solid var(--line);border-radius:0;background:none;box-shadow:none;padding:20px 16px 0 0;gap:10px;grid-template-columns:auto 1fr}
#brewing .stage-journey a:hover{border-color:var(--accent);color:var(--accent)}
#brewing .planning-tabs{display:flex;background:none;padding:0;margin-bottom:28px;border:0;gap:32px}
#brewing .planning-tabs button{background:none;border:0;border-bottom:2px solid var(--line);border-radius:0;box-shadow:none;padding:12px 0;min-width:0;flex:1}
#brewing .planning-tabs button[aria-selected="true"]{border-bottom-color:var(--accent);color:var(--accent)}
#setup-review .bd-rail{gap:0}
#setup-review .bd-step{grid-template-columns:28px 1fr;gap:4px 12px;background:none;border:0;border-left:1px solid var(--line);padding:13px 18px;border-radius:0}
#setup-review .bd-step small{grid-column:2;max-height:0;opacity:0}
#setup-review .bd-step[aria-selected="true"]{border-left:2px solid var(--accent);background:none;color:var(--accent)}
#setup-review .bd-step[aria-selected="true"] small{max-height:4em;opacity:1}
#setup-review .setup-step-number{font:11px var(--f-mono);align-self:center}
#setup-review .bd-cap,#brewday .bd-cap{position:relative;padding-top:18px;border-top:1px solid var(--line)}
#setup-review .bd-cap::before,#brewday .bd-cap::before{content:"";position:absolute;top:-1px;left:0;height:2px;width:calc(var(--stage-progress,0) * 100%);background:var(--accent);transition:width .5s var(--ease)}
#brewday .bd-num{font-size:32px;color:var(--accent)}
#brewday .bd-subs{gap:24px}
#brewday .bd-subs li{border:0;border-radius:0;background:none;padding:20px 0;grid-template-columns:1fr;gap:10px}
#brewday .bd-sub-n{grid-row:auto}
#brewday .bd-subs span:not(.bd-sub-n){font-size:12px;line-height:1.7}
#brewday .bd-step{border:0;border-bottom:1px solid var(--line);background:none;padding:14px 0;border-radius:0}
#brewday .bd-step[aria-selected="true"]{color:var(--accent);background:none;border-left:0;border-bottom-color:var(--accent)}
#ferment>.wrap{display:block}
#ferment .sec-head{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;margin-bottom:36px;max-width:none}
#ferment .sec-head .eyebrow{grid-column:1/-1}
#ferment .sec-head .lead{margin:0;grid-column:2;grid-row:2}
#ferment .flow{display:block}
#ferment .flow-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-bottom:36px;position:relative;top:auto;padding:0;overflow:visible}
#ferment .flow-tab{border:0;border-top:1px solid var(--line);background:none;box-shadow:none;border-radius:0;position:relative;padding:24px 16px 0 0;min-height:108px;text-align:left;justify-items:start;gap:8px;transform:none}
#ferment .flow-tab::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border:2px solid var(--line);border-radius:50%;background:var(--bg);transition:background .3s,border-color .3s}
#ferment .flow-tab::after,#complete .flow-tab::after,#app .am-tabs::before{display:none}
#ferment .flow-tab,#complete .flow-tab{backdrop-filter:none}
#ferment .flow-tab[aria-selected="true"],#ferment .flow-tab.is-visited{border-top-color:var(--accent);background:none;border-left:0}
#ferment .flow-tab[aria-selected="true"]::before,#ferment .flow-tab.is-visited::before{background:var(--accent);border-color:var(--accent)}
#ferment .ft-t small{display:block;max-height:none;opacity:1;font-size:12px;margin-top:8px}
#ferment .flow-view{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,26%);gap:clamp(28px,4vw,72px);align-items:center}
#ferment .flow-view>.window-shot{position:static;grid-column:1;grid-row:1;margin:0}
#ferment .flow-notes{grid-column:2;grid-row:1;padding:24px 0;border:0;border-top:1px solid var(--accent)}
#ferment .fn h3{font-size:clamp(20px,1.7vw,28px);line-height:1.4}
#ferment .fn p{font-size:14px;line-height:1.9}
#complete .flow-tab{grid-template-columns:1fr;border:0;border-bottom:1px solid var(--line);background:none;border-radius:0;padding:14px 0;gap:12px;min-height:60px;text-align:left;justify-items:start}
#complete .ft-t{display:grid;grid-template-columns:32px 1fr;column-gap:12px;align-items:center}
#complete .ft-t small{grid-column:2}
#complete .ft-n{grid-row:1/3}
#complete .flow-tab[aria-selected="true"]{background:none;border-left:0;border-bottom-color:var(--accent);color:var(--accent)}
#complete .ft-n{font-size:22px;align-self:center}
#complete .flow-notes{padding:20px 0}
#styles .reference-card,#sharing .reference-card{border:0;border-left:1px solid var(--accent);border-radius:0;box-shadow:none;background:none;padding:0 0 0 20px}
#styles .seg-toggle,#ingredients .seg-toggle,#sharing .screenshot-tabs{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;background:none;box-shadow:none;backdrop-filter:none;display:flex;flex-wrap:wrap;width:100%}
#styles .seg-thumb,#ingredients .seg-thumb,#sharing .seg-thumb{display:none}
#styles .seg-toggle button,#ingredients .seg-toggle button,#sharing .screenshot-tabs button{border-radius:0;border-bottom:2px solid transparent;padding:14px 12px;background:none;flex:1}
#styles .seg-toggle button[aria-selected="true"],#ingredients .seg-toggle button[aria-selected="true"],#sharing .screenshot-tabs button[aria-selected="true"]{background:none;color:var(--accent);border-bottom-color:var(--accent)}
#tools .tool-directory{border:0;border-right:1px solid var(--line);border-radius:0;background:none;box-shadow:none;backdrop-filter:none;padding-left:0}
#tools .tool-view-bar,#tools .tool-panel-head,#tools .tool-screen,#tools .tool-facts{padding-inline:0}
#tools .tool-group button{border-radius:0;border-left:2px solid transparent}
#tools .tool-group button[aria-selected="true"]{border-left-color:var(--accent)}
#ingredients .mod-copy .points{border-block:1px solid var(--line);padding-block:20px}
@media(min-width:1100px){
#app>.wrap,#numbers>.wrap,#recipes>.wrap,#brewing>.wrap,#setup-review>.wrap,#brewday .bd-grid,#ferment>.wrap,#complete>.wrap,#styles>.wrap,#ingredients>.wrap,#tools>.wrap,#sharing>.wrap{width:min(calc(100% - 96px),1920px)}
#ingredients .mod{grid-template-columns:minmax(0,1fr) minmax(300px,30%)}
#ingredients .mod-copy{grid-column:2;grid-row:1}
#ingredients .window-shot{grid-column:1;grid-row:1}
#complete .flow-notes{grid-column:2;grid-row:4;max-width:70ch;margin:0}
#complete .flow-view>.window-shot{position:static;grid-row:1/4}
}
@media(max-width:1099px){
#setup-review .bd-grid,#brewday .bd-grid{grid-template-columns:1fr;gap:28px}
#setup-review .bd-copy,#brewday .bd-copy{position:static}
#setup-review .bd-rail,#brewday .bd-rail{display:flex;overflow:auto;gap:18px;padding-bottom:8px}
#setup-review .bd-step,#brewday .bd-step{flex:0 0 auto;width:auto;min-width:80px;display:flex;gap:8px;align-items:center;border:0;border-bottom:2px solid var(--line);padding:14px 0}
#setup-review .bd-step[aria-selected="true"],#brewday .bd-step[aria-selected="true"]{border:0;border-bottom:2px solid var(--accent)}
#setup-review .bd-rail small,#brewday .bd-rail small{display:none!important}
#app .am-body{grid-template-columns:1fr}
#app .am-notes{display:block;position:relative;padding-left:80px;min-height:190px}
#app .am-notes::before{position:absolute;left:0;top:8px;font-size:48px}
#app .am-note{display:none}#app .am-note.is-on{display:grid}
#ferment .flow-view{grid-template-columns:1fr}
#ferment .flow-notes{grid-column:1;grid-row:2;min-height:150px}
#complete .flow-tabs{display:flex;overflow:auto;gap:16px}
#complete .flow-tab{flex:1;min-width:125px}
}
@media(max-width:760px){
#app>.wrap,#numbers>.wrap,#recipes>.wrap,#brewing>.wrap,#setup-review>.wrap,#brewday .bd-grid,#ferment>.wrap,#complete>.wrap,#styles>.wrap,#ingredients>.wrap,#tools>.wrap,#sharing>.wrap{width:calc(100% - 32px);padding-inline:0}
#app .sec-head,#ferment .sec-head{display:block;margin-bottom:28px}
#app .sec-head h2{font-size:32px}#app .sec-head .lead,#ferment .sec-head .lead{margin-top:18px;font-size:14px}
#app .am-tabs button{flex-direction:column;font-size:11px;padding:14px 3px!important;gap:8px}
#app .am-tabs svg{width:20px;height:20px}
#app .am-tabs{grid-template-columns:repeat(6,minmax(max-content,1fr));overflow-x:auto;overflow-y:hidden;scrollbar-width:none;gap:6px}
#app .am-tabs button span{white-space:nowrap}
#app .am-body{gap:28px}#app .am-notes{padding-left:0;min-height:235px}#app .am-notes::before{display:none}
#app .am-notes h3{font-size:23px}#app .am-notes .points{font-size:13px}
#numbers .nums{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-block:18px}
#numbers .num{flex:0 0 32%;scroll-snap-align:start;padding:8px 16px}#numbers .num dt{font-size:36px}#numbers .num dd{font-size:12px}
#recipes .recipe-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#recipes .recipe-tabs button{display:grid;gap:8px;padding:14px 0;border-bottom:2px solid var(--line)}
#recipes .recipe-tabs button[aria-selected="true"]{border-bottom-color:var(--accent)}
#recipes .recipe-tabs small,#recipes .recipe-tabs button::after{display:none}#recipes .recipe-tabs b{font-size:12px;line-height:1.6}
#brewing .stage-journey{margin:28px 0;gap:12px;overflow-x:auto}
#brewing .stage-journey a{flex:0 0 115px;grid-template-columns:1fr;padding:16px 0;gap:10px}#brewing .stage-journey small{grid-column:1}
#brewing .planning-tabs{gap:24px;margin-bottom:24px}#brewing .planning-tabs button{display:flex;align-items:center;gap:10px;text-align:left}
#setup-review .bd-rail,#brewday .bd-rail{display:flex;gap:16px;overflow:auto;scroll-snap-type:x proximity;padding-bottom:8px}
#setup-review .bd-step,#brewday .bd-step{flex:0 0 auto;min-width:76px;display:flex;align-items:center;gap:8px;border:0;border-bottom:2px solid var(--line);padding:12px 0;scroll-snap-align:start;text-align:left}
#setup-review .bd-step[aria-selected="true"],#brewday .bd-step[aria-selected="true"]{border:0;border-bottom:2px solid var(--accent)}
#setup-review .bd-rail small,#brewday .bd-rail small{display:none!important}
#setup-review .bd-cap,#brewday .bd-cap{flex-wrap:wrap;gap:10px;padding-top:14px}#setup-review .setup-current{flex-basis:100%}#brewday .bd-num{font-size:24px}
#ferment .flow-tabs{display:flex;overflow-x:auto;padding-top:6px;gap:0;margin-bottom:24px;scroll-snap-type:x proximity}
#ferment .flow-tab{flex:0 0 125px;min-height:104px;scroll-snap-align:start;padding-top:18px}
#ferment .ft-t small{font-size:11px}#ferment .flow-notes{padding:20px 0;min-height:210px}
#complete .flow-tabs{gap:16px;margin-bottom:24px;padding:0 0 8px}
#complete .flow-tab{flex:0 0 110px;min-height:64px}#complete .ft-t b{font-size:14px}
#complete .flow-view{display:flex;flex-direction:column}#complete .flow-notes{min-height:195px;order:1}
#styles .seg-toggle button,#ingredients .seg-toggle button{padding:13px 7px;font-size:12px}
#tools .tool-directory{border-right:0;border-bottom:1px solid var(--line);padding:0 0 18px}
}
@media(prefers-reduced-motion:reduce){#app .am-tabs::after,#recipes .recipe-tabs button::after,#setup-review .bd-cap::before,#brewday .bd-cap::before,#ferment .flow-tab::before{transition:none}}