/* Logo-led type: official Bree Serif Regular + DM Sans 400–600. */
:root{--font-script:"Noto Sans Arabic","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Devanagari","Noto Sans";--font-ui:"DM Sans",var(--font-script),Arial,sans-serif;--font-display:"Bree Serif","DM Sans",var(--font-script),Georgia,serif}
html{font-synthesis:none;text-size-adjust:100%}
/* Reserve the workspace while its local recipes load; keep the footer below the fold. */
#workspace-content:empty,#workspace-content:has(>noscript:only-child){min-height:100vh}
:lang(ja){--font-script:"Noto Sans JP","Noto Sans Arabic","Noto Sans Devanagari","Noto Sans"}
:lang(zh){--font-script:"Noto Sans SC","Noto Sans Arabic","Noto Sans Devanagari","Noto Sans"}
:lang(ko){--font-script:"Noto Sans KR","Noto Sans Arabic","Noto Sans Devanagari","Noto Sans"}
:lang(ja),:lang(zh),:lang(ko){--font-ui:"DM Sans",var(--font-script),Arial,sans-serif;--font-display:"Bree Serif","DM Sans",var(--font-script),Georgia,serif;font-family:var(--font-ui)}
body,input,select,textarea,button,.kitchen-document{font-family:var(--font-ui)}
b,strong,th{font-weight:600}em,i{font-style:normal}
h1,h2,.recipe-card h3,.empty h3,.kitchen-note h3,.pantry-intro h3,.pantry-match h3,.detail-body h3,.nutrition-worksheet h3,.barcode-panel h3,.food-detail h3{font-family:var(--font-display);font-weight:400;letter-spacing:-.018em;line-height:1.15;overflow-wrap:anywhere}
.hero h1{font-size:clamp(48px,4.65vw,70px);line-height:1.06;letter-spacing:-.025em;white-space:normal;margin:24px 0;max-width:100%}
.hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.55;max-width:34ch}
.hero .eyebrow,.brand-note,.eyebrow{letter-spacing:.12em}
.hero-sticker b{font-family:var(--font-display);font-weight:400;font-size:25px;letter-spacing:-.02em}
.section-heading h2{font-size:42px;line-height:1.16;max-width:20ch}.section-heading.compact h2{font-size:34px}
.recipe-card h3{font-size:27px;line-height:1.2;letter-spacing:-.012em}.recipe-card h3 button{font:inherit;text-align:start}
.guide-hero h1{font-size:60px;line-height:1.08;max-width:13ch}.guide-body{max-width:760px}.guide-body h2{font-size:31px;line-height:1.2;max-width:28ch}.guide-body p,.guide-body li{line-height:1.75}
.editorial-end h2{font-size:38px;line-height:1.13}.empty h3,.pantry-intro h3{font-size:30px}.kitchen-note h3,.pantry-match h3{font-size:27px}.detail-body h3{font-size:25px}
dialog h2{font-size:36px;line-height:1.15;letter-spacing:-.02em}.nutrition-worksheet h3,.barcode-panel h3,.food-detail h3{font-size:28px;line-height:1.2}
.day-heading>b,.cook-mode .step-counter{font-family:var(--font-ui);font-weight:600;letter-spacing:-.03em}.day-heading>b{font-size:24px}.cook-mode .step-counter{font-size:74px}
.meal-copy h3,.backup-panel h3,.shopping-category h3,.document-group h2{font-family:var(--font-ui);font-weight:600;letter-spacing:0;line-height:1.3}
.week-control,.time-badge,.count,.shopping-item>strong,.macro-grid b,.nutrient-table,.document-group td:last-child,input[type=number],input[type=date],.step-counter{font-variant-numeric:tabular-nums lining-nums}
.shopping-item>strong{font-weight:600}.meal-copy p,.meal-edit{line-height:1.5}.food-result small,.nutrition-row small{line-height:1.6}
.kitchen-document .document-title h1{font:400 36px/1.12 var(--font-display);letter-spacing:-.015em}.kitchen-document h2{font-family:var(--font-ui);font-weight:600;letter-spacing:.02em}.kitchen-document .document-review h2{font-family:var(--font-display);font-size:20px;font-weight:400;letter-spacing:0}
.kitchen-document bdi,.document-menu b,.meal-copy h3{unicode-bidi:plaintext}
.kitchen-note h3 br{display:revert}
.error-page h1{font-size:clamp(40px,6vw,70px);line-height:1.1}
@media(max-width:1100px){.hero h1{font-size:48px}.section-heading h2{font-size:36px}.guide-hero h1{font-size:48px}.hero-copy>p:not(.eyebrow){font-size:15px}}
@media(max-width:850px){.hero h1{font-size:38px}.hero-copy{padding:30px 26px}.section-heading h2{font-size:34px}.recipe-card h3{font-size:24px}.guide-hero h1{font-size:43px}}
@media(max-width:560px){.hero-copy{padding:28px 24px 30px}.hero h1{font-size:clamp(32px,10vw,44px);line-height:1.1;margin:18px 0 22px}.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.6}.hero-sticker b{font-size:23px}.section-heading h2{font-size:32px;max-width:19ch}.section-heading.compact h2{font-size:28px}.recipe-card h3{font-size:27px}.guide-hero h1{font-size:42px}.guide-body h2{font-size:27px}.guide-body p,.guide-body li{font-size:15px}.editorial-end h2{font-size:31px}.pantry-match h3{font-size:23px}.nutrition-worksheet h3,.food-detail h3,.barcode-panel h3{font-size:26px}dialog h2{font-size:30px}.cook-mode h2{font-size:29px}.cook-mode .step-counter{font-size:62px}.kitchen-document .document-title h1{font-size:29px}.top-actions .button{font-size:11px}.footer-links{font-size:12px}.small,.source-note{line-height:1.6}}
@media(max-width:350px){.hero-copy{padding:25px 21px}.hero h1{font-size:32px}.section-heading h2{font-size:29px}.guide-hero h1{font-size:36px}dialog h2{font-size:27px}.top-actions .button{font-size:10px}.meal-copy h3{font-size:13px}.week-control>span{font-size:10px}.week-control .this-week{font-size:10px}.kitchen-document .document-title h1{font-size:25px}}
@media print{body{font-family:var(--font-ui)!important}.kitchen-document .document-title h1{font:400 30pt/1.12 var(--font-display)}.kitchen-document h2{font:600 10pt/1.35 var(--font-ui)}.kitchen-document .document-review h2{font:400 14pt/1.2 var(--font-display)}}