/* Focused mobile refinements, shared across the static site. */
.mobile-bottom-nav{display:none}
.search-field,.category-field{display:grid;gap:8px}.search-field{flex:1;min-width:180px}.search-row{align-items:end;padding:24px;background:var(--sand);border-radius:20px;gap:20px}.search-row label{font-size:12px;font-weight:700}.search-row .guide-search{max-width:none}.category-field select{min-height:50px;padding:12px 34px 12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink);max-width:100%}.search-row #searchStatus{font-size:12px;padding-bottom:14px;white-space:nowrap}.card-art{font-size:clamp(26px,3.2vw,50px);line-height:1.15;padding:20px;text-align:center;overflow-wrap:anywhere}.related-reading{background:var(--sand);padding:24px;border-radius:18px;margin-top:32px}.related-reading h2{margin-top:0}.related-reading ul{padding-left:20px;margin-bottom:0}
@media(max-width:720px){
 :root{--muted:#746357}
 html{scroll-padding-top:86px;scroll-padding-bottom:100px}
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom));line-height:1.65}
 .container{width:calc(100% - 36px)}
 .site-header{border-bottom:1px solid var(--line);background:rgba(255,253,249,.97)}
 .header-inner{min-height:68px}.site-header .container{width:calc(100% - 32px)}
 .site-header .brand{gap:10px}.site-header .brand img{height:43px;width:39px;padding:4px;border-radius:8px}
 .brand-wordmark{font-size:14px;letter-spacing:-.4px}.brand-wordmark small{font-size:6.8px;letter-spacing:1.05px}
 .menu-toggle{min-height:42px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;font-size:12px;background:var(--cream)}
 .desktop-nav{top:68px;padding:18px 24px;border-bottom:1px solid var(--line);gap:0}.desktop-nav a{padding:13px 0;font-size:15px;width:100%}
 .mobile-bottom-nav{position:fixed;z-index:110;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #e6d8ca;background:rgba(255,253,249,.98);box-shadow:0 -5px 24px #39291f09}
 .mobile-bottom-nav a{min-height:51px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;color:#806b5a;text-decoration:none;font-size:10px;font-weight:700;border-radius:13px}
 .mobile-bottom-nav svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
 .mobile-bottom-nav a[aria-current]{background:var(--brown-800);color:var(--cream)}
 .home-page .hero{padding:12px 0 45px}.home-page .hero-grid{gap:0}.home-page .mobile-hero-scene{height:118px;width:230px;margin:0 auto -2px}
 .home-page .hero-copy .eyebrow{font-size:8px;letter-spacing:1.5px;margin:4px 0 15px}.home-page .hero h1{font-size:clamp(42px,11.5vw,52px);line-height:.99;margin:0 0 18px;letter-spacing:-1.4px}
 .home-page .hero h1 span{font-size:10px;letter-spacing:2.2px;margin:0 0 11px}.home-page .hero-lead{font-size:13px;line-height:1.7;max-width:340px;margin:0 auto 16px;color:#746357}
 .home-page .hero-actions{margin-top:12px}.home-page .hero .hero-actions .button{min-height:48px;min-width:190px;border-radius:14px;font-size:12px;box-shadow:0 8px 18px #39291f18}
 .home-page .hero-wave{height:24px}.trust-strip{padding:14px 0}.trust-strip .container{gap:7px 15px;font-size:9px;line-height:1.6}
 .editorial-section{padding:40px 0}.section-intro{margin-bottom:23px}.section-intro h2{font-size:36px;line-height:1.07;margin:9px 0 13px}.section-intro p{font-size:13px;line-height:1.75;margin:0 0 14px}.section-intro .text-link{font-size:12px}.editorial-label{font-size:9px;letter-spacing:1.6px}
 .home-page .guide-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-padding-inline:1px;padding:0 2px 16px;scrollbar-width:thin;scrollbar-color:#b99069 #f4e4d1}
 .home-page .guide-card{scroll-snap-align:start;border-radius:19px}.home-page .guide-card img,.home-page .card-art{height:163px}.home-page .guide-card-body{padding:21px}.home-page .guide-card h3{font-size:27px;margin:10px 0}.home-page .guide-card p{font-size:12px;line-height:1.7;margin-bottom:17px}.home-page .guide-meta{font-size:10px}
 .calculator-section{padding-top:38px;padding-bottom:40px}.calculator-heading{margin-bottom:24px}.calculator-heading h2{font-size:39px;line-height:1.04;margin-bottom:13px}.calculator-heading p{font-size:12px;line-height:1.75}.calculator-layout{gap:20px}.calculator-form{gap:16px}
 .form-panel{padding:22px 18px;border-radius:21px}.section-heading{gap:10px;margin-bottom:20px}.step-number{width:30px;height:30px;min-width:30px;font-size:10px}.section-heading h3{font-size:28px;line-height:1.08}.section-kicker{font-size:8px;letter-spacing:1.2px}.section-description{font-size:12px;line-height:1.7}
 .gender-fieldset legend,.metabolism-fieldset legend{font-size:11px}.gender-grid{gap:10px}.gender-card{min-height:89px;padding:16px 12px;gap:8px;border-radius:16px;flex-direction:row}.gender-visual{width:40px;height:40px}.gender-label{font-size:12px}.gender-check{top:7px;right:7px;width:17px;height:17px;font-size:9px}
 .metrics-grid{margin-top:20px}.stepper{min-height:53px;border-radius:13px}.stepper-value input{font-size:24px}.metabolism-fieldset{margin-top:21px}.segmented-control{padding:5px;border-radius:14px;gap:3px}.segmented-control span{padding:10px 3px;font-size:10px;min-height:50px;border-radius:10px}.segmented-control small{font-size:9px}.remember-choice{font-size:10px;line-height:1.6;margin-top:17px;gap:8px}.clear-profile{font-size:10px;padding-top:8px}.remember-choice:empty{display:none}
 .timing-art{width:93px;opacity:.1}.preset-row{gap:6px;flex-wrap:wrap;margin-bottom:17px}.chip-button{font-size:10px;padding:8px 10px;min-height:36px}.datetime-grid{gap:12px}.field-group>label{font-size:11px;margin-bottom:5px}.input-shell{border-radius:12px}.input-shell input{min-height:48px;font-size:14px;width:100%;min-width:0}.field-group-accent{padding:12px;border-radius:14px}
 .drink-grid{gap:9px}.drink-card{padding:12px;border-radius:15px;gap:8px}.drink-image{width:44px;height:55px}.drink-card-copy label{font-size:13px}.drink-card-copy span,.drink-variant{font-size:10px}.compact-stepper{border-radius:11px}.compact-stepper input{font-size:16px}.custom-drinks-heading h4{font-size:22px}.custom-drinks-heading p{font-size:11px}.custom-drinks-heading .button{font-size:11px}.form-actions{gap:10px}.form-actions .button{min-height:46px;font-size:12px}.form-actions .button-ghost{min-height:38px}
 .result-card{border-radius:21px;padding:24px 20px}.result-card h2{font-size:37px;line-height:1.1}.result-card .calc-note{font-size:11px;line-height:1.6;padding:13px;margin-top:17px;border-radius:11px}.result-main{margin:18px 0}.result-stat-grid{grid-template-columns:1fr 1fr;gap:9px}.result-stat{padding:12px}.result-stat>span{font-size:10px}.result-stat strong{font-size:19px}.result-disclaimer{font-size:11px;line-height:1.7}.result-method{display:inline-block;font-size:11px;padding:10px 0}.result-bottle{opacity:.12}
 .utility-grid{gap:17px}.utility-card{padding:24px 20px;border-radius:20px}.utility-card h3{font-size:30px}.utility-card p{font-size:12px;line-height:1.75}.tool-fields{gap:9px}.tool-fields label{font-size:10px;line-height:1.5}.tool-fields input{font-size:16px;min-height:46px;padding:10px 8px}.tool-result{font-size:21px;line-height:1.4}.checklist{gap:14px}.checklist label{font-size:12px;line-height:1.6}.checklist input{margin-top:2px}.check-progress{font-size:11px!important}
 .feature-story{gap:21px}.feature-story img{aspect-ratio:1.5;border-radius:20px}.feature-story h2{font-size:37px;line-height:1.08;margin-top:9px}.feature-story p{font-size:13px}.feature-story .button{font-size:12px;min-height:47px}.faq-list details{padding:19px 0}.faq-list summary{font-size:14px;line-height:1.55;padding-right:12px}.faq-list p{font-size:12px;line-height:1.75}
 .how-section{padding:35px 0}.how-heading h2{font-size:36px}.how-grid{gap:12px}.how-card{padding:22px;border-radius:18px}.how-card h3{font-size:17px}.how-card p{font-size:12px}.safety-section{padding:24px 0 42px}.safety-card{padding:24px 20px;border-radius:20px}.safety-card h2{font-size:30px;line-height:1.1}.safety-card p{font-size:12px}
 .page-heading{padding:24px 0 20px}.breadcrumbs{font-size:10px;margin-bottom:23px}.page-title{font-size:39px;line-height:1.04;letter-spacing:-.6px;margin:12px 0 17px}.page-deck{font-size:14px;line-height:1.7}.article-meta{font-size:10px;line-height:1.7;margin:0 0 20px}.article-cover{height:235px;border-radius:19px}.photo-caption{font-size:10px;line-height:1.6}.article-layout{padding:25px 0 45px;gap:25px}.article-toc{padding:19px;border-radius:16px}.article-toc a{font-size:11px;padding:7px 0}.prose{font-size:14px;line-height:1.9}.prose h2{font-size:29px;line-height:1.18;margin-top:32px}.prose p{margin-bottom:18px}.prose ul,.prose ol{padding-left:22px}.note-box{padding:18px;margin:23px 0}.table-wrap{margin-inline:-2px}th,td{padding:11px 9px;font-size:11px}caption{font-size:11px;text-align:left;margin-bottom:10px}.related-reading{padding:20px}.source-list li{font-size:12px}
 .search-row{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:19px;margin-top:3px;border-radius:17px}.search-field{min-width:0}.search-row label{font-size:11px}.search-row input,.category-field select{font-size:16px;min-height:46px;padding:11px 13px}.category-field select{width:100%}.search-row #searchStatus{padding:0;font-size:10px}.library-content{padding-bottom:40px}
 .library-page .guide-grid{grid-template-columns:1fr;gap:13px}.library-page .guide-card{display:grid;grid-template-columns:92px minmax(0,1fr);padding:14px;gap:14px;border-radius:17px;align-items:start}.library-page .guide-card>img,.library-page .card-art{width:92px;height:112px;border-radius:11px;object-fit:cover}.library-page .card-art{font-size:21px;padding:9px}.library-page .guide-card-body{padding:0;min-width:0}.library-page .guide-card h3{font-size:23px;line-height:1.1;margin:7px 0 8px}.library-page .editorial-label{font-size:7.5px;letter-spacing:1px}.library-page .guide-card p{font-size:10px;line-height:1.65;margin:0 0 11px}.library-page .guide-meta{font-size:8px;line-height:1.5}.library-page .guide-card a::after{font-size:12px}
 .portal-footer{padding:36px 0 25px}.portal-footer-grid{gap:25px}.portal-footer strong{font-size:12px}.portal-footer a{font-size:11px}.portal-footer p{font-size:11px;line-height:1.8}.footer-bottom{font-size:9px;line-height:1.8;gap:12px;margin-top:28px;padding-top:18px}
}
@media(max-width:350px){.brand-wordmark small{font-size:5.8px}.brand-wordmark{font-size:12px}.menu-toggle{font-size:11px;padding:8px}.library-page .guide-card{grid-template-columns:72px minmax(0,1fr);gap:11px;padding:12px}.library-page .guide-card>img,.library-page .card-art{width:72px;height:96px}.library-page .guide-card h3{font-size:21px}.home-page .guide-grid{grid-auto-columns:91%}.hero-copy .eyebrow{letter-spacing:1px!important}.gender-label{font-size:11px}.gender-visual{width:34px;height:34px}.gender-card{padding:14px 9px}}
@media print{.mobile-bottom-nav{display:none}body{padding-bottom:0}}
@media(max-width:720px){.field-group>label,.gender-fieldset legend,.metabolism-fieldset legend,.tool-fields label{font-size:12px}.remember-choice,.clear-profile{font-size:12px}.library-page .guide-card p{font-size:12px}.prose{font-size:16px}.prose h2{font-size:30px}.checklist label{font-size:13px}.segmented-control span{font-size:11px}.result-disclaimer{font-size:12px}}
@media(max-width:720px){.segmented-control{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented-control span{font-size:10px}.segmented-control small{font-size:9px}}