/* The original design-system and page inline styles remain authoritative. */
html{scroll-behavior:smooth}body{margin:0}img{max-width:100%}:focus-visible{outline:3px solid var(--focus-ring)!important;outline-offset:4px!important}button,a,input,textarea,select{touch-action:manipulation}.source-skip{position:fixed;top:-100px;left:16px;z-index:1000;background:#F4CA45;color:#143D2B;padding:14px;border-radius:12px}.source-skip:focus{top:10px}.source-notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:1000;max-width:calc(100% - 32px);width:560px;padding:18px 24px;border:2px solid #F4CA45;border-radius:18px;background:#143D2B;color:#FFFBEF;font:600 16px/1.5 Figtree,sans-serif;box-shadow:0 8px 35px #0003}.source-preview-note{font:500 13px/1.5 Figtree,sans-serif;color:#3E5E4E;background:#F8F1DD;padding:10px 20px;text-align:center}image-slot{display:block;width:100%;height:100%;min-height:160px;background:#F8F1DD;color:#3E5E4E}image-slot .missing-photo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px;font:500 14px/1.5 Figtree,sans-serif}form[data-unconnected] button[type=submit]{opacity:.65}input:disabled,textarea:disabled{cursor:not-allowed}.source-fullplate{object-fit:contain!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important}}@media(max-width:599px){a[aria-label="Work Day Meals home"] img{max-width:145px;height:auto!important}}

image-slot::after{content:attr(placeholder) " · image to be supplied";display:flex;align-items:center;justify-content:center;position:absolute;inset:0;padding:24px;text-align:center;color:#536458;font:14px/1.5 sans-serif}

.editorial-photo{position:absolute;inset:0;display:block;width:100%;height:100%}.editorial-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}

/* ---- Pre-launch refinements (see scripts/prelaunch.cjs) ---- */
/* One label face: Figtree carries labels and buttons; Rubik stays the display voice. */

::selection{background:#F4CA45;color:#143D2B}
html{accent-color:#143D2B;caret-color:#143D2B}
a{text-underline-offset:.22em}
button:disabled{cursor:not-allowed!important}

.wrk-launch-note{margin:0;font:500 15px/1.5 var(--font-body);color:var(--cream-200);max-width:420px}
.wrk-reason-rule{display:block;width:40px;height:4px;border-radius:2px;background:var(--green-900)}
.wrk-cta-sticker{width:clamp(150px,15vw,210px);height:auto;transform:rotate(-6deg);margin:-6px 0 2px}
.wrk-slot-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;background:#FBF6EA}
.wrk-note{margin:24px 0 0;max-width:720px;font:500 15px/1.55 var(--font-body);color:var(--ink-700)}
.wrk-summary-note{margin:0;padding:14px 0;border-top:1.5px solid rgba(255,251,239,.18);border-bottom:1.5px solid rgba(255,251,239,.18);font:500 15px/1.5 var(--font-body);color:var(--cream-200)}

/* Saved-box end state */
.wrk-saved{max-width:760px;margin:0 auto;padding:clamp(48px,7vw,96px) clamp(20px,4vw,48px) clamp(160px,18vw,260px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}
.wrk-saved__sticker{width:clamp(170px,18vw,240px);height:auto;transform:rotate(-5deg);filter:drop-shadow(0 14px 22px rgba(12,42,29,.35))}
.wrk-saved__title{margin:0;font:900 clamp(52px,7vw,104px)/.9 var(--font-display);text-transform:uppercase;letter-spacing:-.015em;text-wrap:balance}
.wrk-saved__lede{margin:0;max-width:520px;font:400 18px/1.55 var(--font-body);color:var(--cream-200)}
.wrk-saved__box{list-style:none;margin:4px 0 0;padding:18px 22px;width:100%;max-width:520px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;background:var(--cream-50);color:var(--green-900);border-radius:24px;text-align:left;box-shadow:0 20px 40px -24px rgba(0,0,0,.45)}
.wrk-saved__box li{display:grid;grid-template-columns:2.5ch 1fr auto;gap:12px;align-items:baseline;font:500 16px/1.4 var(--font-body)}
.wrk-saved__box b{font-variant-numeric:tabular-nums;color:var(--green-900)}
.wrk-saved__box em{font-style:normal;font-weight:700;white-space:nowrap}
.wrk-saved__next{margin:0;max-width:440px;font:500 15px/1.5 var(--font-body);color:var(--cream-200)}
.wrk-saved__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:4px}

/* Waitlist form (hidden until an endpoint is configured) */
.wrk-waitlist{display:flex;flex-direction:column;gap:8px;width:100%;max-width:440px;text-align:left}
.wrk-waitlist__label{font:700 14px var(--font-body);color:var(--cream-100)}
.wrk-waitlist__row{display:flex;gap:6px;padding:5px;border-radius:999px;background:var(--cream-100)}
.wrk-waitlist__row input{flex:1;min-width:0;min-height:44px;border:0;background:transparent;padding:0 16px;font:500 16px var(--font-body);color:var(--green-900);outline:none;border-radius:999px}
.wrk-waitlist__row input:focus-visible{outline:3px solid #C18B0D!important;outline-offset:2px!important}
.wrk-waitlist__row button{min-height:44px;padding:0 20px;border:0;border-radius:999px;background:var(--green-900);color:var(--cream-100);font:700 15px var(--font-body);cursor:pointer}
.wrk-waitlist__row button:disabled{opacity:.6}
.wrk-waitlist__status{margin:0;font:500 14px/1.45 var(--font-body);color:var(--cream-200)}

/* Touch targets: text links that act as controls get a 44px hit area without shifting layout. */
.wrk-tap{display:inline-flex;align-items:center;min-height:44px;margin-block:-12px}
@media (pointer:coarse){footer nav .wrk-tap{margin-block:-10px}}
a[aria-label="Work Day Meals home"]{min-height:44px}
@media (pointer:coarse){[role=tab],[role=radio]{min-height:44px}}

/* UX audit: comfortable targets, unobscured focus and resilient narrow layouts. */
h1,h2,main[id]{scroll-margin-top:132px}
button{min-height:44px}

article a.wrk-tap{margin-block:0}
article a{overflow-wrap:anywhere}
article div:has(>a.wrk-tap){flex-wrap:wrap}
.wrk-unavailable{padding:28px;border:1.5px solid var(--cream-300);border-radius:24px;background:var(--cream-50);font:400 17px/1.55 var(--font-body)}
.wrk-unavailable h2{font:900 28px/1.1 var(--font-display);text-transform:uppercase}
.wrk-unavailable a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
body:has(#mobile-navigation){overflow:hidden}
.source-notice{box-sizing:border-box;bottom:110px}
@media(max-width:480px){aside[aria-label="Order summary"]{box-sizing:border-box;width:100%;min-width:0}footer{padding-bottom:100px}}
button[aria-label="Increase"],button[aria-label="Decrease"]{min-width:44px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
html{scroll-padding-top:124px;scroll-padding-bottom:110px}
.wrk-unavailable{padding:0;border:0;background:transparent}

/* Six screenshot-specific layout corrections. */
.wrk-plan-picker>div{gap:48px!important;padding-block:72px!important;align-items:start!important}
.wrk-plan-picker h2{font-size:clamp(40px,4.2vw,64px)!important;line-height:1!important;max-width:500px;text-wrap:balance}
.wrk-plan-picker [role=tablist]{width:100%;box-sizing:border-box}
.wrk-plan-picker [role=tab]{flex:1;justify-content:center;padding-inline:12px!important}
.wrk-plan-picker [aria-live]{gap:20px!important;padding:32px!important}
.wrk-plan-picker [aria-live]>div:nth-child(2)>span:first-child{font-size:72px!important}
.wrk-plan-picker dl>div{align-items:baseline;flex-wrap:wrap}
.wrk-plan-picker dd{font-size:14px;text-align:right}
.wrk-final-cta{min-height:0!important;align-items:center!important}
.wrk-final-cta>div{box-sizing:border-box;padding-block:72px!important}
.wrk-final-cta h2{font-size:clamp(44px,5vw,72px)!important;line-height:1!important}
.wrk-final-cta::before,.wrk-final-cta::after{content:"";position:absolute;top:0;bottom:0;width:18%;pointer-events:none;z-index:-1;background:url('assets/graphics/cream-background.svg') left center/auto 100% no-repeat}
.wrk-final-cta::before{left:0}.wrk-final-cta::after{right:0;transform:rotate(180deg)}
.wrk-final-cta>div>div{max-width:min(620px,64vw)!important;gap:24px!important}
.wrk-included>div{display:block!important;padding-block:64px!important}
.wrk-included>div>div{gap:28px!important}
.wrk-included h2{font-size:clamp(34px,3.5vw,48px)!important;line-height:1.08!important}
.wrk-included ul{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px!important}
.wrk-included li{padding:20px 0;border-top:1px solid #dfd5b8}
.wrk-start-small>div,.wrk-why-hero>div:not([aria-hidden]){box-sizing:border-box;padding:72px clamp(20px,4vw,48px)!important;gap:24px!important}
.wrk-start-small h2{font-size:clamp(40px,4.5vw,64px)!important;line-height:1!important;max-width:700px!important;text-wrap:balance}
.wrk-why-hero h1{font-size:clamp(44px,5.4vw,78px)!important;line-height:1!important;max-width:740px!important;text-wrap:balance}
.wrk-start-small p,.wrk-why-hero p{max-width:600px!important;line-height:1.6!important}
.wrk-start-small::after,.wrk-why-hero::after{content:"";position:absolute;right:0;top:0;width:28%;height:100%;background:url('assets/graphics/cream-yellow-overlay.svg') right top/auto 100% no-repeat;pointer-events:none;z-index:-1}
.wrk-start-small h2,.wrk-start-small p,.wrk-why-hero h1,.wrk-why-hero p{width:65%}
.wrk-ready{box-sizing:border-box;padding-block:56px!important;gap:32px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto}
.wrk-ready h2{font-size:clamp(36px,3.5vw,48px)!important;line-height:1.06!important;max-width:540px!important;text-wrap:balance}
.wrk-ready>div{justify-content:flex-end}
@media(max-width:900px){.wrk-included ul{grid-template-columns:repeat(2,minmax(0,1fr))}.wrk-ready{grid-template-columns:1fr}.wrk-ready>div{justify-content:flex-start}.wrk-start-small h2,.wrk-start-small p,.wrk-why-hero h1,.wrk-why-hero p{width:75%}.wrk-start-small::after,.wrk-why-hero::after{width:18%}}
@media(max-width:599px){.wrk-plan-picker>div{padding-block:48px!important;gap:28px!important}.wrk-plan-picker [aria-live]{padding:24px!important}.wrk-plan-picker [aria-live]>div:nth-child(2)>span:first-child{font-size:60px!important}.wrk-included ul{grid-template-columns:1fr;gap:8px!important}.wrk-included>div{padding-block:48px!important}.wrk-final-cta>div{padding-block:48px!important}.wrk-final-cta>div>div{max-width:100%!important}.wrk-final-cta::before,.wrk-final-cta::after{display:none}.wrk-start-small>div,.wrk-why-hero>div:not([aria-hidden]){padding-block:56px!important}.wrk-start-small h2,.wrk-start-small p,.wrk-why-hero h1,.wrk-why-hero p{width:100%}.wrk-start-small::after,.wrk-why-hero::after{display:none}.wrk-ready{padding-block:40px!important}.wrk-ready>div{display:grid!important;grid-template-columns:1fr;width:100%}}
/* Only the supplied top-right motif is visible; exclude the opposite corner crop. */
.wrk-start-small::after,.wrk-why-hero::after{clip-path:inset(0 0 40% 0)}
@media(max-width:599px){.wrk-why-hero h1{font-size:clamp(30px,9.2vw,40px)!important;text-wrap:initial}}

/* A quieter saved-selection screen with a single message and primary action. */
.wrk-saved-screen{background:var(--green-900);color:var(--cream-100);min-height:calc(100svh - 112px)}
.wrk-saved{box-sizing:border-box;max-width:720px;padding:80px 32px 96px;gap:0}
.wrk-saved__title{font-size:clamp(38px,4.2vw,60px);line-height:1.05;max-width:640px;letter-spacing:-.02em}
.wrk-saved__lede{margin:24px 0 40px;font-size:17px;max-width:440px;line-height:1.6}
.wrk-saved__box{margin:0;max-width:560px;padding:24px 28px;gap:0;border-radius:20px;box-shadow:none}
.wrk-saved__box li{padding:14px 0;line-height:1.5;grid-template-columns:3ch minmax(0,1fr) auto;border-bottom:1px solid var(--cream-300)}
.wrk-saved__box li:last-child{border-bottom:0}
.wrk-saved__actions{margin-top:36px;gap:22px;flex-direction:column;align-items:center}
.wrk-saved__menu{color:var(--cream-100);font:600 15px/1.5 var(--font-body);text-decoration:underline;text-underline-offset:5px;min-height:44px;display:flex;align-items:center}
.wrk-saved .wrk-waitlist{margin-top:28px}
@media(max-width:599px){.wrk-saved{padding:48px 20px 64px}.wrk-saved__box{padding:16px 20px}.wrk-saved__box li{font-size:15px;gap:8px}.wrk-saved__lede{margin:22px 0 30px}.wrk-saved__actions{margin-top:28px;gap:12px}}

/* Restore the expressive saved-box composition, with space around each element. */
.wrk-saved-screen{position:relative;isolation:isolate;overflow:hidden}
.wrk-saved-screen::before,.wrk-saved-screen::after{content:"";position:absolute;pointer-events:none;z-index:-1;background-image:url('assets/graphics/cream-yellow-overlay.svg');background-repeat:no-repeat}
.wrk-saved-screen::before{right:0;top:0;width:24%;height:340px;background-position:right top;background-size:auto 740px}
.wrk-saved-screen::after{left:0;bottom:0;width:22%;height:330px;background-position:left bottom;background-size:auto 740px}
.wrk-saved{max-width:800px;padding:64px 32px 88px}
.wrk-saved__sticker{display:block;width:190px;margin:0 0 32px;filter:none;transform:rotate(-5deg)}
.wrk-saved__title{font-size:clamp(46px,6.2vw,88px);line-height:.98;max-width:720px}
.wrk-saved__lede{margin:30px 0 36px;max-width:490px}
.wrk-saved__actions{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:36px}
@media(max-width:900px){.wrk-saved-screen::before,.wrk-saved-screen::after{width:12%;background-size:auto 520px}.wrk-saved-screen::before{height:190px}.wrk-saved-screen::after{height:180px}}
@media(max-width:599px){.wrk-saved{padding:48px 20px 64px}.wrk-saved__sticker{width:155px;margin-bottom:28px}.wrk-saved__title{font-size:clamp(40px,11vw,58px)}.wrk-saved__lede{margin:26px 0 30px}.wrk-saved__actions{flex-direction:column;gap:12px;width:100%}.wrk-saved-screen::before,.wrk-saved-screen::after{width:14%;background-size:auto 350px}.wrk-saved-screen::before{height:100px}.wrk-saved-screen::after{height:100px}}
/* Size the lower corner from the artwork's proportions, not a percentage crop. */
.wrk-saved-screen{--saved-corner-width:min(800px,75vw)}
.wrk-saved-screen::after{width:calc(var(--saved-corner-width)*.42);height:calc(var(--saved-corner-width)*.37);background-size:var(--saved-corner-width) auto;background-position:left bottom;left:-2px;bottom:-2px}
@media(max-width:900px){.wrk-saved-screen{--saved-corner-width:40vw}}
.wrk-delivery-info{max-width:1224px;margin:auto;padding:48px clamp(20px,4vw,48px);font:400 17px/1.6 var(--font-body);color:var(--green-900)}.wrk-delivery-info h2{font:900 36px/1.1 var(--font-display);text-transform:uppercase}.wrk-delivery-info p{max-width:820px}

.wrk-delivery-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.wrk-delivery-choice{padding:24px;border:1.5px solid #ded2af;border-radius:24px;background:#fffdf7;color:#143D2B;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:12px;font:inherit;min-height:130px}.wrk-delivery-choice strong{font-size:22px}.wrk-delivery-choice[aria-pressed="true"]{border:3px solid #143D2B;background:#fff7d3}

.wrk-price-summary{display:flex;flex-direction:column;gap:16px;font-size:15px}.wrk-price-summary>div{display:flex;justify-content:space-between;gap:16px}.wrk-price-summary b{text-align:right}.wrk-price-summary__total{border-top:1px solid #ffffff30;padding-top:20px;align-items:center}.wrk-price-summary__total strong{font-family:var(--font-display);font-size:36px}.wrk-price-summary p{font-size:13px;line-height:1.6;opacity:.8;margin:0}.wrk-weekly-rhythm{background:#143D2B;color:#FFFBEF;padding:72px 24px}.wrk-weekly-rhythm>div{max-width:1224px;margin:auto}.wrk-weekly-rhythm h2{font:900 clamp(36px,5vw,64px)/1 var(--font-display);text-transform:uppercase;margin:0 0 36px}.wrk-weekly-rhythm ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.wrk-weekly-rhythm li{display:flex;flex-direction:column;gap:16px;border-top:3px solid #F4CA45;padding-top:24px}.wrk-weekly-rhythm b{font-size:22px}.wrk-weekly-rhythm span{line-height:1.6}@media(max-width:640px){.wrk-weekly-rhythm ol{grid-template-columns:1fr}.wrk-price-summary__total strong{font-size:30px}}
/* Commercial review: readable content, consistent spacing, no changes to component motion. */
:focus-visible{box-shadow:0 0 0 2px var(--green-900)}
p{overflow-wrap:break-word}input,select,textarea{font-size:16px}
.wrk-review-row{flex-wrap:wrap;row-gap:6px}.wrk-review-row>span:last-child{white-space:normal!important;max-width:100%;text-align:right}
.wrk-delivery-info{box-sizing:border-box;border-top:1px solid var(--cream-300)}
.wrk-unavailable h2{margin:0 0 16px}.wrk-unavailable p{max-width:62ch}
.wrk-account-gate{max-width:760px;margin:auto;padding:80px 24px 96px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.wrk-account-gate h1{font:900 clamp(44px,6vw,80px)/.98 var(--font-display);text-transform:uppercase;margin:0}.wrk-account-gate p{font:400 18px/1.6 var(--font-body);max-width:540px;margin:0}
.wrk-eyebrow{font:700 12px var(--font-label);letter-spacing:.12em;text-transform:uppercase}
.wrk-primary-link{background:var(--yellow-400);color:var(--green-900);border-radius:999px;padding:18px 28px;font:700 15px var(--font-label);text-decoration:none;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.wrk-primary-link:hover{background:var(--yellow-500)}.wrk-primary-link:active{transform:scale(var(--press-scale))}
.page-plans article{min-width:0}.page-contact section:first-of-type p{max-width:58ch}.page-contact section:first-of-type span{overflow-wrap:anywhere}
@media(min-width:1150px){.page-plans section:nth-of-type(2)>div{grid-template-columns:repeat(4,minmax(0,1fr))!important}.page-plans article{padding:26px!important}.page-plans article>div:nth-child(2)>span:first-child{font-size:96px!important}}
@media(max-width:599px){.page-menu section:first-of-type{gap:20px!important}.page-menu section:first-of-type>div:last-child{justify-content:flex-start!important}.page-menu section:first-of-type img{width:150px!important}.page-plans section:nth-of-type(2)>div{gap:16px!important}.page-plans article{gap:18px!important;padding:26px!important}.page-plans article>div:nth-child(2)>span:first-child{font-size:80px!important}.page-contact h1,.page-faqs h1{font-size:48px!important}.wrk-delivery-info{padding-block:36px}.wrk-review-row>span:last-child{text-align:left}.wrk-saved__box li{grid-template-columns:3ch minmax(0,1fr)}.wrk-saved__box em{grid-column:2}.wrk-price-summary>div{flex-wrap:wrap;gap:8px}.wrk-order-bar{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}.wrk-account-gate{padding-block:48px}}
/* The home page's weekly menu strip: the design gave every card an equal share of one row, which only works for a handful of meals. On a wide screen lay the cards out in rows of at least 220px each, however many the menu has (the tablet and phone layouts scroll sideways as designed). */
@media(min-width:1080px){[aria-label^="This week"][aria-label$="meals"]{grid-auto-flow:row!important;grid-auto-columns:auto!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;overflow-x:visible!important}}
