/* Ink & Oat: one shared palette, warm photography and restrained copper accents. */
:root{--bg:#F7F4EE;--cream:#F7F4EE;--green:#203544;--orange:#C55B32;--ink:#203544;--muted:#56636B;--line:#D8DEDC;--soft:#E9EEEC;--accent:#C55B32;color-scheme:light}
body,body[data-mode],body[data-mode=plan],body[data-mode=pantry]{background:#F7F4EE!important;color:#203544!important;--green:#203544;--bg:#F7F4EE;--orange:#C55B32}
body .panel,body .card,body .family-profile,body dialog,body .metric{background:#fff;border-color:#D8DEDC;color:#203544}body .brand,body h1,body h2,body h3,body h4{color:#203544}body .brand span{color:#C55B32}body h1 span{color:#C55B32!important}body .eyebrow{color:#596A6C}body .note,body .small,body small,body .lead{color:#56636B}body .hero p{color:#40525B}
body button,body a.button,body .panel>a:not(.button),body header a:not(.brand),body[data-mode] a.button{background:#E9EEEC;color:#203544!important;border-color:#D8DEDC}body button.primary,body a.button.primary,body[data-mode] button.primary,body[data-mode] a.button.primary{background:#203544!important;color:#fff!important;border-color:#203544!important}body button:hover,body a.button:hover{filter:brightness(.97)}body button:focus-visible,body a:focus-visible,body input:focus-visible,body summary:focus-visible{outline:3px solid #C55B32;outline-offset:3px}body a{color:#203544}body input,body textarea,body select{background:#fff;color:#203544;border-color:#BFCBCB}body input::placeholder,body textarea::placeholder{color:#64717A;opacity:1}body input[type=checkbox],body input[type=radio]{accent-color:#203544}
body .nav,body .shared-bottom-nav{background:#fffefbf5;border-color:#D8DEDC}body .nav button,body .nav a{color:#52646D!important;background:transparent}body .nav .selected,body .nav [aria-current=page]{background:#E9EEEC!important;color:#203544!important}body .nav .fitness-tab{background:#EEF1F3!important;color:#203544!important}body .header-menu>summary{background:#E9EEEC;color:#203544;border-color:#D8DEDC}body .header-actions{background:#fff;border-color:#D8DEDC}
body .home-choices>section,body .creator-intro,body .meal-overview,body[data-mode] .meal-overview,body .pantry-flavour-panel,body[data-mode] .pantry-flavour-panel,body .main-ingredient,body .payday-controls,body .notice,body .ready-notice,body .perfect-pairings,body .archive-stage,body .win-strip,body .flavourtip,body .active-exclusions{background:#EEF1EB!important;border-color:#D8DEDC;color:#203544}body .home-choices h2{color:#203544!important}body .home-choices button{background:#203544!important;color:#fff!important}body .pill,body .chip{background:#E9EEEC;color:#203544}body .match,body .can-make{background:#E3ECE6;color:#234B37}body .missing{background:#FAEAD9;color:#844019}
body .cost-panel{background:#203544!important;color:#fff!important}body .cost-panel h2,body .cost-panel p,body .cost-panel small,body .cost-panel label{color:#fff!important}body .cost-panel .eyebrow{color:#F0D3AD!important}body .cost-panel button.primary,body[data-mode] .cost-panel button.primary{background:#F0D3AD!important;color:#203544!important;border-color:#F0D3AD!important}body #toast{background:#203544;color:#fff}
.learn-hero{padding:20px 0 8px;max-width:760px}.learn-hero h1{font-size:clamp(38px,6vw,60px)!important;max-width:650px}.learn-hero>p{font-size:19px;max-width:650px}.learn-progress-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.learn-progress-head h2{margin:8px 0}.learn-points{font-size:38px;white-space:nowrap}.learn-points small{display:block;font-size:12px;text-align:right}.learn-badges{display:flex;flex-wrap:wrap;gap:8px}.skill-badge{border:1px solid #D8DEDC;border-radius:20px;padding:7px 12px;color:#56636B;font-size:12px}.skill-badge.earned{background:#203544;color:#fff;border-color:#203544}progress{width:100%;height:12px;accent-color:#C55B32;border:0;border-radius:20px;margin:18px 0 0;overflow:hidden}progress::-webkit-progress-bar{background:#E9EEEC}progress::-webkit-progress-value{background:#C55B32}.learning-lesson>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:65px;list-style:none}.learning-lesson>summary strong{display:block;font-size:23px;line-height:1.3;margin-top:5px}.learning-lesson>summary small{text-transform:uppercase;letter-spacing:1px;font-size:10px}.learn-count{font-size:12px;white-space:nowrap}.learn-content{padding-top:18px;max-width:780px}.learn-question{border-top:1px solid #D8DEDC;padding:22px 0}.learn-question fieldset{padding:0;border:0;min-width:0}.learn-question legend{font-weight:700;line-height:1.5;margin-bottom:12px}.learn-question label{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#F7F4EE;border-radius:10px;margin:8px 0;cursor:pointer}.learn-question input{width:20px!important;flex:0 0 20px;margin:2px 0 0!important}.learn-question button{margin-top:10px}.learn-feedback{padding:12px 16px;background:#F7EBDD;border-radius:10px}.learn-feedback.success{background:#E3ECE6;color:#234B37}.learn-practice{padding:22px;background:#F7F4EE;border-radius:16px;border:1px solid #E0DDD4}.learn-practice textarea{width:100%;min-height:110px;resize:vertical}#learning-message{position:sticky;bottom:95px;background:#203544;color:#fff;border-radius:10px;padding:0;z-index:30}#learning-message:not(:empty){padding:12px 18px}.learning-lesson[open]>summary{padding-bottom:16px;border-bottom:1px solid #D8DEDC}@media(max-width:600px){.learn-progress-head{gap:10px}.learn-points{font-size:30px}.learning-lesson>summary strong{font-size:20px}.learn-practice{padding:16px}.learn-hero>p{font-size:17px}}

body header .brand{font-size:24px!important;line-height:1.1}body .learn-how{max-width:100%}.learn-question legend{font-size:16px}

.hero:not(:has(figure)),.signature-feature:not(:has(figure)){grid-template-columns:1fr!important}.hero:not(:has(figure))>div{max-width:780px}.creator-available{padding:16px;background:#eef1eb;border-radius:12px}.creator-available button{margin:5px}.recipe-provenance{padding:14px 18px;border-left:4px solid #c55b32;background:#f7f4ee;border-radius:8px}

@media print{body.printing-creation *{visibility:hidden!important}body.printing-creation .print-creation,body.printing-creation .print-creation *{visibility:visible!important}body.printing-creation .print-creation{position:absolute;left:0;top:0;width:100%;margin:0;border:0;box-shadow:none}body.printing-creation .print-creation details>*{display:block!important}body.printing-creation .print-creation button,body.printing-creation .print-creation .action-buttons{display:none!important}}

.shop-categories{margin:24px 0}.shop-group{scroll-margin-top:24px;margin:30px 0}.shop-group .grid{align-items:stretch}.shop-group article{display:flex;flex-direction:column;gap:10px}.shop-group article h3,.shop-group article p{margin:0}.shop-group article>a{margin-top:auto;white-space:normal}.shop-group details{margin-bottom:12px}.kitchen-shop-home .category-buttons{margin:16px 0}.shop-group .button{max-width:100%;overflow-wrap:anywhere}
:root{--subscriber-progress:#203544}
.subscriber-milestone{margin:20px 0}.subscriber-milestone>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.subscriber-milestone progress{display:block;width:100%;height:14px;margin-top:9px;accent-color:var(--subscriber-progress)}.table-scroll{overflow-x:auto}#billing-controls:empty{display:none}#billing-controls button{margin:8px 10px 8px 0}