/* Shared shell for Dorm Chef inner pages (kit, community, AI Chef, partners, policies). The footer lives in footer.css. */
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 900;font-display:swap;src:url('assets/fonts/figtree-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 900;font-display:swap;src:url('assets/fonts/figtree-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--forest:#143d2b;--cream:#fff5dd;--yolk:#f3bf3d;--tomato:#d95736;--leaf:#3e7546;--pale:#dfeacf;--rule:#143d2b30;--sans:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
  --blob:46% 42% 40% 37% / 76% 78% 62% 75%;--paper:4px 26px 4px 4px;color:var(--forest);background:var(--cream);font-family:var(--sans);font-synthesis:none}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;line-height:1.55;font-size:18px}img{display:block;max-width:100%;height:auto}
a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,p,figure,ul,ol{margin:0}ul,ol{padding:0;list-style:none}
:focus-visible{outline:3px solid var(--tomato);outline-offset:5px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;top:12px;left:12px;transform:translateY(-200%);z-index:100;background:var(--yolk);padding:14px;border-radius:8px}.skip:focus{transform:none}
.wrap{width:min(1180px,88%);margin-inline:auto}

/* Header */
.site-header{background:var(--forest);color:var(--cream);position:relative;z-index:5}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:108px;width:auto;margin:0;padding-inline:7%}
.logo{display:block;width:255px;margin-left:-18px;flex:none}.logo img{width:100%}
.site-nav{display:flex;align-items:center;gap:47px;font-weight:600;font-size:21.67px;white-space:nowrap}
@media(max-width:1180px){.site-nav{gap:30px;font-size:19.17px}}
.site-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.site-nav a::after{content:'';position:absolute;left:0;right:0;bottom:6px;height:3px;border-radius:3px;background:var(--yolk);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.65,0,.35,1)}
.site-nav a:hover::after,.site-nav a[aria-current=page]::after{transform:scaleX(1)}
.site-header :focus-visible{outline-color:var(--yolk)}
.nav-toggle{display:none;align-items:center;gap:8px;min-width:76px;min-height:43px;padding:8px 12px;line-height:1.2;border:1.5px solid var(--yolk);border-radius:10px 10px 14px 10px;background:var(--yolk);color:var(--forest);font-weight:600;font-size:20px}
.nav-toggle svg{width:18px;height:18px;fill:none;stroke:var(--forest);stroke-width:2.5;stroke-linecap:round}

/* Type */
.display{font-size:clamp(46px,6.2vw,88px);line-height:1.02;font-weight:400}
.display span{display:block}
.title{font-size:clamp(34px,4vw,54px);line-height:1.08;font-weight:400}
.title span{display:block}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:700;letter-spacing:.02em}
.eyebrow .pill{background:var(--yolk);color:var(--forest);border-radius:99px;padding:4px 12px;font-size:14px}
.lead{font-size:clamp(19px,1rem + .6vw,24px);line-height:1.45;max-width:36ch;font-weight:500}
.muted{opacity:.78}
.fine{font-size:15px;opacity:.75}

/* Actions */
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:15px 34px;background:var(--yolk);color:var(--forest);text-decoration:none;font-weight:700;font-size:19px;border:0;border-radius:var(--blob);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}
.button:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:0 6px 0 var(--forest)}
.button:active{transform:translateY(1px) scale(.98);box-shadow:0 1px 0 var(--forest)}
.on-dark .button:hover{box-shadow:0 6px 0 #0b2418}
.text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-decoration:underline;text-decoration-color:var(--yolk);text-decoration-thickness:3px;text-underline-offset:6px}
.text-link:hover{text-decoration-color:currentColor}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:32px}

/* Surfaces */
.section{padding:clamp(64px,9vw,120px) 0}
.on-dark{background:var(--forest);color:var(--cream)}
.on-yolk{background:#fbe9b7}
/* Hand-drawn top edge, the same wave the homepage uses between sections */
.section.on-dark,.section.on-yolk{-webkit-mask:url('assets/site/wave-top.svg') top/100% 26px no-repeat,linear-gradient(#000 0 0) bottom/100% calc(100% - 25px) no-repeat;mask:url('assets/site/wave-top.svg') top/100% 26px no-repeat,linear-gradient(#000 0 0) bottom/100% calc(100% - 25px) no-repeat;margin-top:-1px}
/* Branded paper: the same painted Higgsfield paper and folded corner as the homepage questions */
.paper{position:relative;isolation:isolate;color:var(--forest);padding:clamp(24px,3vw,36px) clamp(24px,3vw,38px);--paper-tex:url('assets/faq/desktop-closed-paper.webp')}
.paper::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:18px solid transparent;border-image:var(--paper-tex) 45 90 45 65 fill / 12px 28px 12px 18px / 0 stretch;filter:drop-shadow(1.2px 0 0 #143d2b) drop-shadow(-1.2px 0 0 #143d2b) drop-shadow(0 1.2px 0 #143d2b) drop-shadow(0 -1.2px 0 #143d2b) drop-shadow(4px 5px 0 #143d2b1f)}
/* On Forest the painted edge already reads; keep only a soft lift */
.on-dark .paper::before{filter:drop-shadow(0 4px 0 #0b24184d)}
.paper.paper-yolk{--paper-tex:url('assets/faq/desktop-open-paper.webp')}
.paper .corner{position:absolute;right:-2px;top:-5px;width:36px;aspect-ratio:65/62;background:url('assets/faq/desktop-closed-fold.webp') right top/contain no-repeat;pointer-events:none}
.paper.paper-yolk .corner{width:46px;aspect-ratio:102/76;background-image:url('assets/faq/desktop-open-fold.webp');transform:rotate(-6deg)}
@media(max-width:900px){.paper{--paper-tex:url('assets/faq/mobile-closed-paper.webp')}.paper.paper-yolk{--paper-tex:url('assets/faq/mobile-open-paper.webp')}}
@media(forced-colors:active){.paper{border:2px solid CanvasText}.paper::before,.paper .corner{display:none}}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.step-num{position:relative;isolation:isolate;display:inline-grid;place-items:center;width:62px;height:52px;margin-bottom:16px;font-size:30px;line-height:1;color:var(--forest)}
.step-num::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--yolk);border:2.5px solid var(--forest);border-radius:52% 48% 55% 45% / 60% 50% 50% 40%;transform:rotate(-4deg)}
.step-num:nth-of-type(n){}
li:nth-child(2)>.step-num::before{border-radius:45% 55% 48% 52% / 50% 60% 40% 50%;transform:rotate(3deg)}
li:nth-child(3)>.step-num::before{border-radius:55% 45% 50% 50% / 45% 55% 60% 40%;transform:rotate(-2deg)}
.card-title{font-size:clamp(26px,2.3vw,32px);line-height:1.15;font-weight:400;margin-bottom:12px}
.card-title:not([data-meal-type]):not([data-type]){font-size:23px;font-weight:800}
.wave{display:block;width:100%;height:60px}


/* Scroll reveal: added by site-motion.js only when motion is allowed */
.reveal-ready [data-reveal]{opacity:0;transform:translateY(26px)}

@media(max-width:900px){.grid-3{grid-template-columns:1fr}}
/* Six links fit on one line from 1000px; below that the header uses the Menu button */
@media(max-width:1000px){
  .nav-toggle{display:inline-flex;align-items:center}
  /* Same painted-paper menu card as the homepage menu */
  .site-nav{display:none;position:absolute;right:16px;top:calc(100% - 6px);width:min(420px,calc(100% - 32px));isolation:isolate;flex-direction:column;align-items:flex-start;gap:4px;padding:30px 34px 34px;color:var(--forest);font-size:30px;font-weight:700;letter-spacing:-.02em}
  .site-nav::before{content:'';position:absolute;inset:0;z-index:-1;border:18px solid transparent;border-image:url('assets/faq/mobile-closed-paper.webp') 45 90 45 65 fill / 12px 28px 12px 18px / 0 stretch;filter:drop-shadow(0 14px 22px #0b24184d)}
  .site-nav.open{display:flex}
  .site-nav a{min-height:56px}
  .site-nav a::after{bottom:8px}
  .site-header .site-nav :focus-visible{outline-color:var(--tomato)}
}
@media(max-width:760px){
  body{font-size:17px}
  .site-header .wrap{min-height:89px;padding-inline:23px}.logo{width:190px;margin-left:-12px}
  .button{width:100%}
}
@media(prefers-reduced-motion:reduce){.button,.site-nav a::after{transition:none}.button:hover,.button:active{transform:none}}
@media(forced-colors:active){.button{border:2px solid ButtonText}}
.paper-yolk .eyebrow .pill{background:var(--forest);color:var(--cream)}.paper-yolk .button{background:var(--forest);color:var(--cream)}.paper-yolk .button:hover{box-shadow:0 6px 0 #0b2418}