/* Smoothie Blender Facts · Smoothie Bar palette */
:root{
  --yogurt:#F9EFF0;--glass:#FFFFFF;--blackberry:#2A1830;--kale:#2E6B3F;--dragonfruit:#C42F68;--pineapple:#E9C547;--ice:#E3EEF2;
  --ink-soft:#5B4A60;--rule:#E4D3D8;--kale-ink:#FFFFFF;
  --shadow:0 1px 0 rgba(42,24,48,.06),0 8px 24px -14px rgba(42,24,48,.28);
  --radius-s:6px;--radius-m:12px;--radius-l:20px;
  --display:"Gabarito","Avenir Next","Segoe UI",system-ui,sans-serif;
  --text:"Figtree","Segoe UI",system-ui,-apple-system,sans-serif;
  --sec:#2E6B3F;color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--yogurt:#1B1220;--glass:#261A2C;--blackberry:#F4EAF0;--kale:#62B57A;--dragonfruit:#F0699B;--ice:#1F2A33;--ink-soft:#C9B7CC;--rule:#3B2B42;--kale-ink:#0F1A12;--shadow:0 1px 0 rgba(0,0,0,.3),0 10px 26px -14px rgba(0,0,0,.7);color-scheme:dark}}
:root[data-theme="dark"]{--yogurt:#1B1220;--glass:#261A2C;--blackberry:#F4EAF0;--kale:#62B57A;--dragonfruit:#F0699B;--ice:#1F2A33;--ink-soft:#C9B7CC;--rule:#3B2B42;--kale-ink:#0F1A12;--shadow:0 1px 0 rgba(0,0,0,.3),0 10px 26px -14px rgba(0,0,0,.7);color-scheme:dark}
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{box-sizing:inherit}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 84px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--yogurt);color:var(--blackberry);font:400 17px/1.62 var(--text);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--glass)}
img,svg{max-width:100%}
a{color:var(--kale);text-underline-offset:3px}
a:hover{color:var(--dragonfruit)}
:focus-visible{outline:3px solid var(--pineapple);outline-offset:2px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--display);line-height:1.14;letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(1.9rem,3.4vw,2.75rem);font-weight:900;max-width:24ch}
h2{font-size:clamp(1.45rem,2.6vw,2rem);font-weight:800}
h3{font-size:1.18rem;font-weight:800}
p{margin:0 0 1em}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--blackberry);color:var(--yogurt);padding:.6rem 1rem;z-index:99}
.skip:focus{left:1rem}

/* strip + header */
.site-strip{background:var(--blackberry);color:var(--yogurt);font-size:.82rem;text-align:center;padding:.35rem 1rem}
.site-strip a{color:inherit}
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--glass);border-bottom:1px solid var(--rule)}
.site-header__in{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:1rem;padding:.65rem 1.25rem}
.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--blackberry);font:900 1.18rem/1.05 var(--display)}
.brand__mark{width:30px;height:34px;flex:none}
.brand small{display:block;font:500 .72rem/1.2 var(--text);color:var(--ink-soft)}
.mainnav{display:flex;gap:1.05rem;margin-left:auto;flex-wrap:wrap}
.mainnav a{color:var(--blackberry);text-decoration:none;font-weight:600;font-size:.94rem}
.mainnav a:hover,.mainnav a[aria-current="page"]{color:var(--dragonfruit)}
.hdr-btn{border:1px solid var(--rule);background:transparent;color:var(--blackberry);border-radius:999px;padding:.4rem .75rem;font:600 .85rem var(--text);cursor:pointer;display:flex;gap:.4rem;align-items:center}
.menu-btn{display:none;margin-left:auto}
@media (max-width:900px){
  .menu-btn{display:flex}.theme-btn span{display:none}.brand small{display:none}
  .mainnav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--glass);border-bottom:1px solid var(--rule);padding:.6rem 1.25rem 1rem;flex-direction:column;gap:.2rem;margin:0}
  .mainnav.is-open{display:flex}.mainnav a{padding:.45rem 0;font-size:1rem}
}

/* layout */
.page{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:200px minmax(0,1fr);gap:2.2rem;padding:0 1.25rem}
@media (max-width:1020px){.page{grid-template-columns:minmax(0,1fr)}}
main{min-width:0}
.crumbs{font-size:.84rem;color:var(--ink-soft);margin:1.4rem 0 0}
.crumbs a{color:inherit}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.crumbs li+li::before{content:"/";margin-right:.4rem;opacity:.6}

/* colored section bands */
section.blk{--sec-tint:color-mix(in srgb,var(--sec) 7%,var(--glass));background:var(--sec-tint);border-radius:var(--radius-l);padding:1.6rem clamp(1rem,2.4vw,2rem) 1.4rem;margin:1.4rem 0;border:1px solid color-mix(in srgb,var(--sec) 18%,transparent)}
.blk__head{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.35rem}
.blk__emoji{font-size:1.55rem;line-height:1;flex:none;width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:12px;background:var(--sec);box-shadow:0 6px 16px -8px var(--sec)}
.blk__head h2{padding-bottom:.35rem;background:linear-gradient(var(--sec),var(--sec)) left bottom/3.2rem 4px no-repeat}
.blk__lead{font-size:1.04rem;color:var(--ink-soft);max-width:70ch}
.blk__first{font-size:1.05rem;max-width:72ch}
.wrap{max-width:860px}

/* fill-line nav */
.fillnav{position:sticky;top:92px;align-self:start;padding-top:2.2rem;max-height:calc(100vh - 104px);overflow:auto}
.fillnav__title{font:800 .95rem var(--display);margin:0 0 .6rem;display:flex;justify-content:space-between;align-items:baseline}
.fillnav__title span{font:500 .72rem var(--text);color:var(--ink-soft)}
.fillnav ol{list-style:none;margin:0;padding:0 0 0 22px;position:relative}
.fillnav ol::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:6px;border-radius:3px;background:var(--ice);border:1px solid var(--rule)}
.fillnav__level{position:absolute;left:8px;top:7px;width:4px;border-radius:2px;background:var(--dragonfruit);height:0;transition:height .35s ease}
.fillnav li{position:relative}
.fillnav li::before{content:"";position:absolute;left:-12px;top:50%;width:9px;height:2px;background:var(--rule)}
.fillnav a{display:flex;gap:.5rem;align-items:center;padding:.24rem .35rem;border-radius:6px;color:var(--blackberry);text-decoration:none;font-size:.88rem;font-weight:500;line-height:1.25}
.fillnav a:hover{background:var(--glass)}
.fillnav kbd{font:700 .72rem var(--text);min-width:1.45rem;height:1.45rem;display:grid;place-items:center;border-radius:5px;background:var(--glass);color:var(--blackberry);border:1px solid var(--rule);border-left:4px solid var(--k,var(--rule))}
.fillnav a.is-on{font-weight:700;color:var(--dragonfruit)}
.fillnav a.is-on kbd{background:var(--k);color:#fff;border-color:var(--k)}
.fillnav__hint{font-size:.74rem;color:var(--ink-soft);margin-top:.8rem}
@media (max-width:1020px){.fillnav{display:none}}
.jumpbtn{display:none;position:fixed;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:55;background:var(--blackberry);color:var(--yogurt);border:0;border-radius:999px;padding:.75rem 1.05rem;font:700 .92rem var(--text);box-shadow:var(--shadow);cursor:pointer}
@media (max-width:1020px){.jumpbtn{display:block}}
.jumpsheet{position:fixed;inset:auto 0 0 0;z-index:70;background:var(--glass);border-top:1px solid var(--rule);border-radius:16px 16px 0 0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom,0px));max-height:70vh;overflow:auto;box-shadow:0 -10px 40px -10px rgba(0,0,0,.35)}
.jumpsheet[hidden]{display:none}
.jumpsheet ol{list-style:none;margin:0;padding:0;columns:2;column-gap:1rem}
.jumpsheet a{display:block;padding:.5rem .2rem;color:var(--blackberry);text-decoration:none;font-weight:600;break-inside:avoid;border-left:4px solid var(--k);padding-left:.5rem;margin-bottom:.2rem}

/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:2rem;align-items:center;padding:1.8rem 0 .6rem}
@media (max-width:880px){.hero{grid-template-columns:1fr}}
.hero--sub{grid-template-columns:1fr;padding-bottom:.2rem}
.hero__meta{font-size:.88rem;color:var(--ink-soft);margin-bottom:.8rem}
.hero__meta a{color:inherit}
.hero__promise{font-size:1.12rem;max-width:58ch}
.btnrow{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.1rem 0 1rem}
.btn{display:inline-flex;align-items:center;gap:.45rem;border-radius:10px;padding:.72rem 1.1rem;font:700 1rem var(--text);text-decoration:none;cursor:pointer;border:2px solid transparent;line-height:1.2}
.btn--kale{background:var(--kale);color:var(--kale-ink)}
.btn--kale:hover{color:var(--kale-ink);filter:brightness(1.08)}
.btn--line{border-color:var(--blackberry);color:var(--blackberry);background:transparent}
.btn--line:hover{border-color:var(--dragonfruit);color:var(--dragonfruit)}
.btn--sm{padding:.42rem .75rem;font-size:.88rem;border-radius:8px}
.probs__label{font:700 .95rem var(--display);margin:.2rem 0 .5rem}
.chips{display:flex;flex-wrap:wrap;gap:.45rem}
.chip{border:1.5px solid var(--rule);background:var(--glass);color:var(--blackberry);border-radius:999px;padding:.38rem .8rem;font:600 .88rem var(--text);cursor:pointer}
.chip:hover{border-color:var(--kale)}
.chip[aria-pressed="true"]{background:var(--blackberry);color:var(--yogurt);border-color:var(--blackberry)}

/* jar builder */
.jarbox{background:var(--glass);border-radius:18px;box-shadow:var(--shadow);padding:1.1rem 1.1rem 1.2rem;display:grid;grid-template-columns:150px 1fr;gap:1rem}
@media (max-width:460px){.jarbox{grid-template-columns:118px 1fr}}
.jarbox h2{grid-column:1/-1;font-size:1.12rem;margin:0;background:none;padding:0}
.jarbox h2 span{display:block;font:500 .85rem var(--text);color:var(--ink-soft);margin-top:.2rem}
.jar svg{width:100%;height:auto;display:block}
.ingr{display:flex;flex-wrap:wrap;gap:.35rem;align-content:flex-start}
.ingr [data-i]{border:1px solid var(--rule);background:var(--yogurt);color:var(--blackberry);border-radius:8px;padding:.32rem .55rem;font:600 .82rem var(--text);cursor:pointer}
.ingr [data-i]:hover{border-color:var(--dragonfruit)}
.ingr__ctl{display:flex;gap:.4rem;width:100%;margin-top:.35rem}
.ingr__ctl .btn{padding:.5rem .8rem;font-size:.9rem}
.readout{grid-column:1/-1;border-top:1px dashed var(--rule);padding-top:.7rem;font-size:.9rem}
.readout__row{display:grid;grid-template-columns:9.5rem 1fr;gap:.6rem;align-items:center;padding:.22rem 0}
.meter{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.meter i{height:8px;border-radius:2px;background:var(--ice)}
.meter[data-v="1"] i:nth-child(1){background:var(--dragonfruit)}
.meter[data-v="2"] i:nth-child(-n+2){background:var(--pineapple)}
.meter[data-v="3"] i{background:var(--kale)}
.readout__note{font-size:.78rem;color:var(--ink-soft);margin:.4rem 0 0}
.readout__txt{font-size:.8rem;color:var(--ink-soft)}
#mixLayer{transition:fill .9s ease}
.swirl{transform-origin:75px 140px}
.is-blending .swirl{animation:spin .9s linear 2}
@keyframes spin{to{transform:rotate(360deg)}}

/* short answer + tables */
.answer{background:var(--glass);border-left:6px solid var(--sec);border-radius:0 var(--radius-m) var(--radius-m) 0;padding:1.05rem 1.25rem;font-size:1.07rem;box-shadow:var(--shadow)}
.answer p:last-child{margin:0}
.tbl-wrap{overflow-x:auto;margin:1.1rem 0;border-radius:var(--radius-m);border:1px solid var(--rule);background:var(--glass)}
table{border-collapse:collapse;width:100%;font-size:.93rem}
th,td{text-align:left;padding:.62rem .78rem;border-bottom:1px solid var(--rule);vertical-align:top}
thead th{background:color-mix(in srgb,var(--sec) 14%,var(--glass));font:700 .88rem var(--text);white-space:nowrap}
tbody tr:last-child td,tbody tr:last-child th{border-bottom:0}
tbody th{font-weight:700}
td a,th a{font-weight:600}
.tbl-note{font-size:.8rem;color:var(--ink-soft);margin:-.4rem 0 0}
.pending{display:inline-block;font-size:.76rem;font-weight:600;padding:.12rem .45rem;border-radius:4px;background:var(--ice);color:var(--ink-soft)}
.band{display:inline-block;font-size:.76rem;font-weight:700;padding:.14rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--kale) 14%,var(--glass));color:var(--kale);white-space:nowrap}
.band--na{background:var(--ice);color:var(--ink-soft)}

/* quick lists (tabs) */
.ql__tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:.9rem 0 1rem}
.ql__tab{border:1.5px solid var(--rule);background:var(--glass);color:var(--blackberry);border-radius:10px;padding:.42rem .78rem;font:700 .88rem var(--text);cursor:pointer}
.ql__tab[aria-selected="true"]{background:var(--sec);color:#fff;border-color:var(--sec)}
.ql__panel{background:var(--glass);border-radius:var(--radius-m);box-shadow:var(--shadow);padding:.4rem 1rem}
.ql__panel[hidden]{display:none}
.ql__panel h3{font-size:1.05rem;margin:.7rem 0 .3rem}
.rank{list-style:none;margin:0;padding:0;counter-reset:r}
.rank li{counter-increment:r;display:grid;grid-template-columns:2.1rem minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.65rem 0;border-top:1px solid var(--rule)}
.rank li:first-child{border-top:0}
.rank li::before{content:counter(r);font:900 1.35rem/1 var(--display);color:var(--sec);text-align:center}
.rank b{display:block;font-family:var(--display);font-size:1rem}
.rank b a{color:var(--blackberry);text-decoration:none}
.rank b a:hover{color:var(--dragonfruit)}
.rank span.why{font-size:.88rem;color:var(--ink-soft)}
.rank .rank__act{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:560px){.rank li{grid-template-columns:2rem minmax(0,1fr)}.rank .rank__act{grid-column:2;justify-content:flex-start}}

/* worries */
.wchips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.9rem 0 1.1rem}
.wchips a{font-size:.84rem;font-weight:600;text-decoration:none;color:var(--blackberry);background:var(--glass);border:1px solid var(--rule);border-radius:6px;padding:.28rem .6rem}
.wchips a:hover{border-color:var(--dragonfruit);color:var(--dragonfruit)}
.worries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
@media (max-width:720px){.worries{grid-template-columns:1fr}}
.worry{background:var(--glass);border-radius:4px var(--radius-m) var(--radius-m) 4px;border-left:4px solid var(--dragonfruit);padding:1rem 1.1rem;box-shadow:var(--shadow)}
.worry h3{font-size:1.04rem}
.worry p{font-size:.95rem;margin-bottom:.6rem}
.worry__num{display:inline-block;font:800 .98rem var(--display);color:var(--dragonfruit)}
.worry__src{font-size:.8rem;color:var(--ink-soft)}
.worry__act{display:flex;gap:.9rem;flex-wrap:wrap;font-size:.86rem;font-weight:600;margin-top:.5rem}
.worry__foot{font-size:.86rem;color:var(--ink-soft);margin:1rem 0 0}

/* picks */
.filterbar{display:flex;flex-wrap:wrap;gap:.45rem;margin:.9rem 0 1rem;align-items:center}
.filterbar strong{font:700 .92rem var(--display);margin-right:.2rem}
.pick{display:grid;grid-template-columns:150px minmax(0,1fr) 240px;gap:1.3rem;padding:1.4rem 0;border-top:2px solid var(--blackberry)}
.pick:first-of-type{border-top:0}
.pick[hidden]{display:none}
@media (max-width:1100px){.pick{grid-template-columns:130px minmax(0,1fr)}.facts{grid-column:1/-1}}
@media (max-width:560px){.pick{grid-template-columns:1fr}.pick__media{display:flex;gap:1rem;align-items:center}.pick__img{max-width:150px}}
.pick__img{aspect-ratio:1/1;background:#fff;border-radius:var(--radius-s);border:1px solid var(--rule);display:grid;place-items:center;overflow:hidden}
.pick__img img{width:100%;height:100%;object-fit:contain;padding:6%}
.pick__img svg{width:72%;height:72%;color:#2A1830}
.pick__rank{font:900 2.3rem/1 var(--display);color:var(--sec);margin-top:.5rem}
.pick__role{font:700 .92rem var(--text);color:var(--kale);margin:0 0 .25rem}
.pick h3{font-size:1.42rem;margin-bottom:.55rem}
.pick p{font-size:.98rem}
.untested{display:inline-block;font-size:.76rem;font-weight:700;padding:.14rem .5rem;border-radius:4px;background:color-mix(in srgb,var(--pineapple) 35%,var(--glass));color:var(--blackberry);margin-bottom:.5rem}
.fit{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:.6rem 0 .8rem}
@media (max-width:640px){.fit{grid-template-columns:1fr}}
.fit div{border-radius:var(--radius-s);padding:.6rem .75rem;font-size:.9rem}
.fit b{display:block;font-family:var(--display);font-size:.95rem;margin-bottom:.15rem}
.fit__buy{background:color-mix(in srgb,var(--kale) 12%,var(--glass));border:1px solid color-mix(in srgb,var(--kale) 40%,transparent)}
.fit__skip{background:color-mix(in srgb,var(--dragonfruit) 10%,var(--glass));border:1px solid color-mix(in srgb,var(--dragonfruit) 40%,transparent)}
.fit__buy b{color:var(--kale)}.fit__skip b{color:var(--dragonfruit)}
.pick__src{font-size:.82rem;color:var(--ink-soft)}
.pick__cta{margin-top:.6rem;display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}
.pick__also{font-size:.84rem;color:var(--ink-soft)}
.facts{background:var(--glass);color:var(--blackberry);border:2px solid var(--blackberry);padding:.55rem .7rem .7rem;font-size:.86rem;align-self:start}
.facts h4{font:900 1.42rem/1 var(--display);margin:0;padding-bottom:.25rem;border-bottom:7px solid var(--blackberry)}
.facts__serv{font-size:.82rem;padding:.3rem 0;border-bottom:3px solid var(--blackberry)}
.facts dl{margin:0}
.facts dl div{display:flex;justify-content:space-between;gap:.6rem;padding:.25rem 0;border-bottom:1px solid var(--blackberry)}
.facts dl div:last-child{border-bottom:5px solid var(--blackberry)}
.facts dt{font-weight:700}
.facts dd{margin:0;text-align:right}
.facts .facts__foot{font-size:.72rem;line-height:1.35;padding-top:.35rem;color:var(--ink-soft);margin:0}

/* calculator */
.calc{background:var(--glass);border-radius:var(--radius-m);box-shadow:var(--shadow);padding:1.3rem;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1.4rem}
@media (max-width:820px){.calc{grid-template-columns:1fr}}
.calc fieldset{border:0;padding:0;margin:0 0 1rem}
.calc legend{font:800 1rem var(--display);margin-bottom:.4rem;padding:0}
.opts{display:flex;flex-wrap:wrap;gap:.4rem}
.opts label{display:flex;align-items:center;gap:.35rem;border:1px solid var(--rule);border-radius:8px;padding:.35rem .6rem;cursor:pointer;background:var(--yogurt);font-size:.92rem}
.opts input{accent-color:var(--kale)}
.numrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
@media (max-width:520px){.numrow{grid-template-columns:1fr 1fr}}
.numrow label{display:flex;flex-direction:column;gap:.25rem;font-weight:600;font-size:.84rem}
.numrow input,.numrow select{font:500 1rem var(--text);padding:.45rem .55rem;border:1px solid var(--rule);border-radius:8px;background:var(--yogurt);color:var(--blackberry);width:100%}
.result{border:2px solid var(--blackberry);border-radius:var(--radius-m);padding:1rem 1.1rem;align-self:start}
.result h3{font-size:1.02rem;margin-bottom:.2rem}
.result__big{font:900 1.45rem/1.15 var(--display);margin:.15rem 0 .4rem}
.result__sub{font-size:.92rem;margin-bottom:.9rem}
.result hr{border:0;border-top:1px dashed var(--rule);margin:.9rem 0}
.result ul{margin:.2rem 0 0;padding-left:1.1rem;font-size:.92rem}

/* video */
.video{background:var(--glass);border-radius:var(--radius-m);box-shadow:var(--shadow);overflow:hidden}
.video__frame{aspect-ratio:16/9;background:#2A1830;position:relative;display:grid;place-items:center}
.video__frame button{background:#F9EFF0;color:#2A1830;border:0;border-radius:999px;padding:.8rem 1.3rem;font:800 1rem var(--display);cursor:pointer}
.video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video__meta{padding:.9rem 1.1rem;font-size:.92rem}
.video__meta p{margin:.2rem 0}

/* split, guide, drinks, steps */
.split{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:720px){.split{grid-template-columns:1fr}}
.split>div{background:var(--glass);border-radius:var(--radius-m);padding:1rem 1.1rem;box-shadow:var(--shadow)}
.split ul{padding-left:1.1rem;margin:.3rem 0 .6rem;font-size:.95rem}
.guide h3{margin-top:1.4rem}
.callout{background:var(--glass);border-left:4px solid var(--sec);border-radius:var(--radius-s);padding:.8rem 1rem;font-size:.95rem;margin:1rem 0}
.steps{padding-left:1.3rem;margin:.4rem 0}
.steps li{margin:.35rem 0}
.drinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.9rem}
.drink{background:var(--glass);border-radius:var(--radius-m);padding:1rem;box-shadow:var(--shadow);border-top:5px solid var(--c,var(--kale))}
.drink h3{font-size:1.04rem}
.drink p{font-size:.92rem;margin-bottom:.5rem}
.drink a{font-weight:700;font-size:.9rem}

/* gear */
.gear{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.9rem}
.gearcard{background:var(--glass);border-radius:var(--radius-m);padding:.9rem;box-shadow:var(--shadow);display:grid;grid-template-columns:76px 1fr;gap:.8rem;align-items:start}
.gearcard__img{width:76px;height:76px;border-radius:10px;background:#fff;border:1px solid var(--rule);display:grid;place-items:center;overflow:hidden}
.gearcard__img img{width:100%;height:100%;object-fit:contain;padding:6%}
.gearcard__img svg{width:56px;height:56px}
.gearcard h3{font-size:.98rem;margin-bottom:.2rem}
.gearcard p{font-size:.86rem;margin:0 0 .45rem}
.gearcard .tag{font-size:.74rem;font-weight:700;color:var(--dragonfruit)}
.gear__group{font:800 1.05rem var(--display);margin:1.3rem 0 .6rem}

/* faq */
.faq details{background:var(--glass);border-radius:var(--radius-s);margin-bottom:.55rem;box-shadow:var(--shadow)}
.faq summary{cursor:pointer;padding:.85rem 1rem;font:700 1.02rem var(--display);list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.3rem;line-height:1;color:var(--sec)}
.faq details[open] summary::after{content:"\2212"}
.faq details>div{padding:0 1rem .9rem;font-size:.97rem}
.faq details>div p:last-child{margin:0}

/* related, guides hub */
.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}
.related a{display:block;background:var(--glass);border-radius:var(--radius-m);padding:.85rem 1rem;text-decoration:none;color:var(--blackberry);box-shadow:var(--shadow);border-left:5px solid var(--c)}
.related a:hover{color:var(--dragonfruit)}
.related b{display:block;font-family:var(--display)}
.related span{font-size:.86rem;color:var(--ink-soft)}

/* verdict, byline */
.verdict{background:#2A1830;color:#F9EFF0;border-radius:var(--radius-m);padding:1.3rem 1.4rem}
.verdict a{color:#E9C547}
.byline{display:flex;gap:.8rem;align-items:center;margin-top:1.4rem;font-size:.92rem}
.byline__av{width:46px;height:46px;border-radius:50%;background:var(--kale);color:var(--kale-ink);display:grid;place-items:center;font:900 1.05rem var(--display);flex:none}

/* prose pages */
.prose{max-width:760px}
.prose h2{margin-top:1.6rem}

/* footer */
.site-footer{margin-top:3rem;background:var(--glass);border-top:1px solid var(--rule)}
.site-footer__in{max-width:1280px;margin:0 auto;padding:2rem 1.25rem 2.5rem;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1.5rem;font-size:.92rem}
@media (max-width:760px){.site-footer__in{grid-template-columns:1fr}}
.site-footer h4{font-size:1rem}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin:.25rem 0}
.site-footer__legal{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:1rem;color:var(--ink-soft);font-size:.84rem}
.toast{position:fixed;left:50%;bottom:5rem;transform:translateX(-50%);background:var(--blackberry);color:var(--yogurt);padding:.7rem 1rem;border-radius:10px;font-size:.9rem;z-index:80;max-width:90vw}
.toast[hidden]{display:none}