/* Design Digest board. Everything is scoped under .digest; new values are listed in DESIGN.md "Digest scope".
   World units are Figma px (1:1 with board.json), so the board geometry is in px, not rem. */
/* Shantell Sans (SIL OFL 1.1, assets/fonts/OFL.txt): variable wght, latin subset; only .digest uses this family */
@font-face{font-family:"Shantell Sans";src:url("assets/fonts/shantell-sans-latin-wght.woff2") format("woff2");font-weight:400 600;font-style:normal;font-display:swap;
  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}
.digest{
  --dg-font:"Shantell Sans", var(--font);  /* handwritten Digest text (Figma Hand is not web-licensed) */
  --dg-dot:rgba(17,17,17,.18);   /* grid dot color */
  --dg-dot-r:1px;                /* grid dot radius (2px dots) */
  --dg-grid:24px;                /* grid spacing */
  --dur-camera:600ms;            /* camera.goTo */
  --dg-cam-pad:48px;             /* camera inset when a section is larger than the viewport */
  --dg-cam-pad-top:88px;         /* top inset: room for the floating tab bar */
  --dg-bar-bg:#2c2c2c;           /* Figma-style tab bar */
  --dg-bar-active:#0d99ff;       /* active tab (Figma blue) */
  --dg-bar-text:rgba(255,255,255,.7); /* inactive tabs (#ffffffb3) */
  --dg-bar-r:12px;
  --dg-bar-shadow:0 4px 16px rgba(0,0,0,.16),0 1px 3px rgba(0,0,0,.12);
  --dg-bar-top:16px;
  --dg-bar-gap:32px;             /* bar → close ✕ */
  --dg-wwd-scale:.62;            /* What We Do image on hover */
  --dg-wwd-lift:168px;           /* title rise on hover */
  --dg-wwd-delay:60ms;           /* description after the image */
  --dg-key-step:120px;           /* arrow-key pan step */
  --dg-ref-opacity:.3;           /* dev-only board.png overlay ("G") */
  --dg-quiz-correct:#2b8a3e;     /* quiz check mark (Digest only; --accent/--error stay reserved for the shell) */
  --dg-quiz-wrong:#d6332a;       /* quiz sad face */
  --dg-quiz-box:32px;            /* sketchy checkbox (board: 30 × 33) */
  --dg-intro-in:var(--dur-micro);     /* each hero intro step: title, subtitle, every sticker */
  --dg-intro-gap:150ms;               /* subtitle starts this long after the title */
  --dg-intro-stagger:var(--stagger-line); /* between stickers (120ms) */
  --dg-intro-draw:1200ms;             /* loop line draw */
  --dg-intro-y:14px;                  /* title/subtitle rise (smallest v0 reveal offset) */
  --dg-intro-scale:.92;               /* sticker start scale */
  --dg-ease-draw:cubic-bezier(.65,0,.35,1); /* ease-in-out: loop draw and the cat's tail wag */
  --dg-paw-green:#cfe891;        /* paw + heading highlight colors, sampled from board.png */
  --dg-paw-yellow:#fcdf7f;
  --dg-paw-pink:#fec2ba;
  --dg-paw-purple:#deb2ff;
  --dg-paw-blue:#d5d9fa;         /* also the playlist card */
  --dg-paw-size:52px;            /* paw button */
  --dg-paw-shift:6px;            /* colored square offset on hover/focus */
  --dg-paw-tilt:-6deg;           /* colored square rotation on hover/focus */
  --dg-print:18px;               /* paw print in the trail */
  --dg-trail-in:600ms;           /* trail fade-in on load */
  --dg-band-ai:#eaeaf3;          /* What We Do label band behind the AI card */
  --dg-band-brand:#cdcfdc;       /* ... and the Branding card */
  --dg-wag:1.6s;                 /* cat tail, one left-right loop */
  --dg-wag-angle:10deg;
  --dg-cat-peek:64px;            /* how far the cat sits below the card edge at rest (ears, eyes, nose stay visible) */
  --dg-fs-h:40px;                /* section headings */
  --dg-fs-xl:64px;               /* "That's all, folks" */
  --dg-fs-lg:22px;               /* card labels, group headings, recipe list, card text */
  --dg-fs-md:18px;               /* roles, notes, pill, footnote */
  position:relative;display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--background);color:var(--text)
}

/* top nav: a Figma-style floating toolbar over the board, the hand-drawn close ✕ on the canvas to its right */
.digest .dg-nav{position:absolute;top:var(--dg-bar-top);left:0;right:0;z-index:var(--z-raised);display:flex;justify-content:center;align-items:center;gap:var(--dg-bar-gap);padding-inline:max(1.25rem, env(safe-area-inset-left, 0px));pointer-events:none}
.digest .dg-tabs{min-width:0;display:flex;gap:2px;padding:6px;overflow-x:auto;scrollbar-width:none;background:var(--dg-bar-bg);border-radius:var(--dg-bar-r);box-shadow:var(--dg-bar-shadow);pointer-events:auto}
.digest .dg-tabs::-webkit-scrollbar{display:none}
.digest .dg-tab{display:inline-flex;white-space:nowrap;border-radius:8px;padding:8px 16px;font-family:var(--font);font-size:.875rem;font-weight:500;line-height:1.25rem;color:var(--dg-bar-text)}
.digest .dg-tab[aria-current]{background:var(--dg-bar-active);color:var(--on-ink)}
.digest .dg-tab[aria-current]:focus-visible{outline:2px solid var(--on-ink);outline-offset:2px}
.digest .dg-tab[aria-disabled="true"]{cursor:default}
.digest .dg-close{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:var(--background);color:var(--text);pointer-events:auto;transition:transform var(--dur-micro) var(--ease-hover)}
.digest .dg-close svg{width:28px;height:28px}
@media (hover:hover){.digest .dg-close:hover{transform:rotate(-8deg) scale(1.06)}}
.digest .dg-close:focus-visible{outline:2px solid var(--ring-light);outline-offset:2px}
.digest .dg-close:active{transform:scale(.94)}

/* viewport + world */
.digest .dg-board{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;cursor:grab;outline:none}
.digest .dg-board:focus-visible{box-shadow:inset 0 0 0 2px var(--ring-light)}
.digest .dg-board.is-dragging{cursor:grabbing}
.digest .dg-world{position:absolute;left:0;top:0;width:var(--w);height:var(--h);transform-origin:0 0;will-change:transform;user-select:none;-webkit-user-select:none;
  background-color:var(--background);
  background-image:radial-gradient(circle, var(--dg-dot) var(--dg-dot-r), transparent calc(var(--dg-dot-r) + .5px));
  background-size:var(--dg-grid) var(--dg-grid)}
.digest .dg-ref{position:absolute;left:0;top:0;max-width:none;opacity:var(--dg-ref-opacity);pointer-events:none}
.digest .dg-ref[hidden]{display:none}
.digest .dg-status{position:absolute;left:var(--dg-cam-pad);top:var(--dg-cam-pad);font-size:.875rem;color:var(--text-2)}

/* sections: Figma frames at board px; content is positioned per element (.dg-at) on desktop and flows on mobile */
.digest .dg-sec{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);font-family:var(--dg-font);color:var(--text)}
.digest .dg-sec:focus{outline:none}
.digest .dg-sec:focus-visible{outline:2px solid var(--ring-light);outline-offset:2px}
.digest .dg-at{position:absolute;left:calc(var(--l) * 1px);top:calc(var(--t) * 1px);width:calc(var(--wd) * 1px);height:calc(var(--ht) * 1px)}
.digest img.dg-at{height:auto}
.digest .dg-h{font-size:var(--dg-fs-h);line-height:1.25;font-weight:600;white-space:nowrap}
.digest .dg-hl{background:var(--c);padding:0 .2em;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* paw button + trail */
.digest .dg-paw{position:absolute;left:calc(var(--l) * 1px);top:calc(var(--t) * 1px);width:var(--dg-paw-size);height:var(--dg-paw-size);display:grid;place-items:center;isolation:isolate;cursor:pointer;color:var(--text);-webkit-tap-highlight-color:transparent}
.digest .dg-paw::before{content:"";position:absolute;inset:6px;z-index:-1;background:var(--c);opacity:0;
  transition:opacity var(--dur-micro) var(--ease-hover),transform var(--dur-micro) var(--ease-hover)}
.digest .dg-paw svg{width:44px;height:44px;overflow:visible}
.digest .dg-paw-arrow{transform:rotate(var(--rot));transform-origin:22px 22px}
.digest .dg-paw:focus-visible{outline:2px solid var(--ring-light);outline-offset:2px}
.digest .dg-paw:focus-visible::before{opacity:1;transform:translate(var(--dg-paw-shift),var(--dg-paw-shift)) rotate(var(--dg-paw-tilt))}
@media (hover:hover){.digest .dg-paw:hover::before{opacity:1;transform:translate(var(--dg-paw-shift),var(--dg-paw-shift)) rotate(var(--dg-paw-tilt))}}
.digest .dg-trail{position:absolute;left:0;top:0;width:var(--w);height:var(--h);color:var(--text);pointer-events:none;animation:dg-fade var(--dg-trail-in) var(--ease-spring) both}
@keyframes dg-fade{from{opacity:0}}

/* props (world px), decorative */
.digest .dg-props{position:absolute;inset:0;pointer-events:none}
.digest .dg-props img{position:absolute;max-width:none;height:auto}
.digest .dg-prop-cap{position:absolute;font-family:var(--dg-font);font-size:16px;line-height:1.2;color:var(--text-2);max-width:180px}

/* team */
.digest .dg-pill{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--surface);padding:4px 12px;font-size:var(--dg-fs-md);line-height:26px}
.digest .dg-team{display:flex;flex-direction:column;gap:90px;padding:40px 0 0 46px;border:1px solid var(--line);border-radius:var(--r-card-sm)}
.digest .dg-team h4{font-size:var(--dg-fs-lg);line-height:30px;font-weight:600;margin-bottom:13px}
.digest .dg-cards{display:flex;flex-wrap:wrap;gap:84px 39px}
.digest .dg-cards li{width:150px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-size:var(--dg-fs-md);line-height:24px;color:var(--text-2)}
.digest .dg-cards img{display:block;width:100%;height:auto}

/* what we do: hover/focus/tap (.is-on) shrinks the image to the top, lifts the title, slides the description in */
.digest .dg-wwd{display:flex;gap:34px}
.digest .dg-wwd li{position:relative;width:299px;height:528px;display:flex;flex-direction:column;border:1px solid var(--line);background:var(--band,var(--background));overflow:hidden;cursor:default;-webkit-tap-highlight-color:transparent}
.digest .dg-wwd li:focus-visible{outline:2px solid var(--ring-light);outline-offset:2px}
.digest .dg-wwd img{display:block;width:100%;height:auto;transform-origin:50% 0;transition:transform var(--dur-micro) var(--ease-hover),filter var(--dur-micro) var(--ease-hover)}
.digest .dg-wwd li:first-child img{filter:blur(3px)}
.digest .dg-wwd-t{margin-top:auto;padding:0 20px 22px;font-size:var(--dg-fs-lg);line-height:30px;transition:transform var(--dur-micro) var(--ease-hover)}
.digest .dg-wwd-d{position:absolute;left:20px;right:20px;top:348px;font-size:var(--dg-fs-md);line-height:24px;color:var(--text-2);opacity:0;transform:translateY(8px);
  transition:opacity var(--dur-micro) var(--ease-hover) var(--dg-wwd-delay),transform var(--dur-micro) var(--ease-hover) var(--dg-wwd-delay)}
.digest .dg-wwd li:is(:focus-visible,.is-on) img{transform:scale(var(--dg-wwd-scale));filter:none}
.digest .dg-wwd li:is(:focus-visible,.is-on) .dg-wwd-t{transform:translateY(calc(-1 * var(--dg-wwd-lift)))}
.digest .dg-wwd li:is(:focus-visible,.is-on) .dg-wwd-d{opacity:1;transform:none}
@media (hover:hover){
  .digest .dg-wwd li:hover img{transform:scale(var(--dg-wwd-scale));filter:none}
  .digest .dg-wwd li:hover .dg-wwd-t{transform:translateY(calc(-1 * var(--dg-wwd-lift)))}
  .digest .dg-wwd li:hover .dg-wwd-d{opacity:1;transform:none}
}
/* reduced motion: nothing moves; the description appears over the lower card at once */
@media (prefers-reduced-motion:reduce){
  .digest .dg-wwd li img,.digest .dg-wwd li .dg-wwd-t{transform:none!important}
  .digest .dg-wwd-d{top:auto;bottom:74px;left:0;right:0;padding:16px 20px;background:var(--band,var(--background));transform:none!important}
}

/* values, recipe */
.digest .dg-recipe{display:flex;flex-direction:column;gap:33px;font-size:var(--dg-fs-lg);line-height:30px}
.digest .dg-recipe b{font-weight:600}
.digest .dg-recipe small{display:block;font-size:16px;line-height:24px}
.digest .dg-note{font-size:var(--dg-fs-md);line-height:24px;text-align:right}
.digest .dg-served{font-size:var(--dg-fs-lg);line-height:34px;font-weight:600}
.digest .dg-arrows{height:auto;overflow:visible;color:var(--text-3)}

/* playlist + cat */
.digest .dg-folks{font-size:var(--dg-fs-xl);line-height:1.25;font-weight:600;text-align:center}
.digest .dg-vibe{font-size:var(--dg-fs-h);line-height:1.25;font-weight:600;text-align:center;color:var(--text-3)}
.digest .dg-pl-link{text-align:center;font-size:32px;line-height:1.3;font-weight:600}
.digest .dg-pl-link a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;transition:color var(--dur-micro) var(--ease-hover)}
@media (hover:hover){.digest .dg-pl-link a:hover{color:var(--text-2)}}
.digest .dg-pl-link a:focus-visible{outline:2px solid var(--ring-light);outline-offset:4px}
.digest .dg-card{overflow:hidden;background:var(--dg-paw-blue);padding-top:30px;text-align:center;font-size:var(--dg-fs-lg);line-height:30px}
.digest .dg-cat{position:absolute;left:50%;bottom:0;width:220px;height:200px;margin-left:-110px;padding:0;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;
  transform:translateY(var(--dg-cat-peek));transition:transform var(--dur-micro) var(--ease-hover)}
.digest .dg-cat svg{display:block;width:100%;height:100%;overflow:visible}
.digest .dg-cat-tail{transform-box:view-box;transform-origin:166px 200px;animation:dg-wag var(--dg-wag) var(--dg-ease-draw) infinite}
@keyframes dg-wag{0%,100%{transform:rotate(calc(-1 * var(--dg-wag-angle)))}50%{transform:rotate(var(--dg-wag-angle))}}
.digest .dg-cat:is(:focus-visible,.is-up){transform:none}
@media (hover:hover){.digest .dg-cat:hover{transform:none}}
.digest .dg-cat:focus-visible{outline:2px solid var(--ring-light);outline-offset:-4px}
@media (prefers-reduced-motion:reduce){.digest .dg-cat:is(:hover,:focus-visible,.is-up){transform:translateY(var(--dg-cat-peek))}}  /* no rise; the page-level rule already stops the wag and the trail fade */

/* art layer: covers the section's border box, so --sx/--sy/--sw (section px, from board.png) map 1:1 on desktop
   and scale with the section in the mobile stack */
.digest .dg-art{position:absolute;inset:0;pointer-events:none;container-type:inline-size}
.digest .dg-art > *{position:absolute;left:calc(var(--sx) / var(--aw) * 100%);top:calc(var(--sy) / var(--ah) * 100%);width:calc(var(--sw) / var(--aw) * 100%);max-width:none}

/* hero text: board px sizes, scaled with the section (cqw) so the mobile stack keeps the layout */
.digest .dg-hero-title,.digest .dg-hero-sub{font-family:var(--dg-font);line-height:1.25;text-align:center;white-space:nowrap;color:var(--text)}
.digest .dg-hero-title{font-size:calc(60 / var(--aw) * 100cqw);font-weight:600}
.digest .dg-hero-sub{font-size:calc(30 / var(--aw) * 100cqw);font-weight:400}
.digest .dg-hero-follow{font-family:var(--dg-font);font-size:calc(30 / var(--aw) * 100cqw);line-height:1.25;white-space:nowrap;color:var(--text)}
.digest .dg-loop,.digest .dg-follow-line{height:auto;overflow:visible;color:var(--text)}
.digest .dg-loop use{stroke-dasharray:1 1}

/* stickers: one button per sticker, default + hover frames stacked; margin % resolves against width, so the offsets scale too */
.digest .dg-sticker{display:block;padding:0;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}
.digest .dg-sticker img{display:block;height:auto;max-width:none;user-select:none;-webkit-user-drag:none;transition:opacity var(--dur-micro) var(--ease-hover)}
.digest .dg-st-def{width:100%}
.digest .dg-st-hov{position:absolute;left:calc(var(--hx) / var(--sw) * 100%);top:0;margin-top:calc(var(--hy) / var(--sw) * 100%);width:calc(var(--hw) / var(--sw) * 100%);opacity:0}
.digest .dg-st-guide .dg-st-def{-webkit-mask-image:linear-gradient(90deg,#000 80.5%,transparent 0);mask-image:linear-gradient(90deg,#000 80.5%,transparent 0)}
.digest .dg-st-guide .dg-st-hov{-webkit-mask-image:linear-gradient(90deg,#000 68.3%,transparent 0),linear-gradient(#000 48%,transparent 0);mask-image:linear-gradient(90deg,#000 68.3%,transparent 0),linear-gradient(#000 48%,transparent 0)}
.digest .dg-sticker:focus-visible{outline:2px solid var(--ring-light);outline-offset:2px}
/* hover/focus/tap swap only once the intro is done */
.digest [data-intro="done"] .dg-sticker:is(:focus-visible,.is-on) .dg-st-def{opacity:0}
.digest [data-intro="done"] .dg-sticker:is(:focus-visible,.is-on) .dg-st-hov{opacity:1}
@media (hover:hover){
  .digest [data-intro="done"] .dg-sticker:hover .dg-st-def{opacity:0}
  .digest [data-intro="done"] .dg-sticker:hover .dg-st-hov{opacity:1}
}

/* hero intro: pending = hidden start state, play = staggered transitions, done = hovers on. Timeline in DESIGN.md §5.7 */
.digest [data-intro="pending"] :is(.dg-hero-title,.dg-hero-sub){opacity:0;transform:translateY(var(--dg-intro-y))}
.digest [data-intro="pending"] .dg-sticker{opacity:0;transform:scale(var(--dg-intro-scale))}
.digest [data-intro="pending"] .dg-loop{visibility:hidden}
.digest [data-intro="pending"] .dg-loop use{stroke-dashoffset:1}
.digest [data-intro="play"] :is(.dg-hero-title,.dg-hero-sub,.dg-sticker){transition:opacity var(--dg-intro-in) var(--ease-spring) var(--d),transform var(--dg-intro-in) var(--ease-spring) var(--d)}
.digest [data-intro="play"] .dg-hero-title{--d:0ms}
.digest [data-intro="play"] .dg-hero-sub{--d:var(--dg-intro-gap)}
.digest [data-intro="play"] .dg-sticker{--d:calc(var(--dg-intro-gap) + var(--dg-intro-in) + var(--i) * var(--dg-intro-stagger))}
.digest [data-intro="play"] .dg-loop{transition:visibility 0s linear var(--d);--d:calc(var(--dg-intro-gap) + 2 * var(--dg-intro-in) + 3 * var(--dg-intro-stagger))}
.digest [data-intro="play"] .dg-loop use{transition:stroke-dashoffset var(--dg-intro-draw) var(--dg-ease-draw) var(--d)}

/* quiz: board px, laid out on the rows measured from board.png (frame 572 × 835) */
.digest .dg-quiz{position:relative;display:flex;flex-direction:column;gap:40px;width:100%;font-family:var(--dg-font);color:var(--text);
  --dg-cb-ink:var(--text)}
.digest .dg-quiz-title{font-size:24px;line-height:32px;font-weight:600}
.digest .dg-quiz-title span{margin-left:7px;margin-right:12px}
.digest .dg-quiz fieldset{border:0;display:flex;flex-direction:column;gap:23px;min-width:0}
.digest .dg-quiz legend{margin-bottom:28px;font-size:18px;line-height:24px;font-weight:600}
.digest .dg-quiz label{position:relative;display:inline-flex;align-items:center;gap:24px;width:fit-content;padding-left:7px;font-size:18px;line-height:24px;cursor:pointer}
.digest .dg-quiz input{position:absolute;left:7px;top:0;appearance:none;-webkit-appearance:none;width:var(--dg-quiz-box);height:var(--dg-quiz-box);margin:0;border:0;background:none;cursor:pointer}
.digest .dg-cb{flex:none;width:var(--dg-quiz-box);height:var(--dg-quiz-box);--dg-cb-fill:none}
.digest .dg-quiz input:focus-visible{outline:2px solid var(--ring-light);outline-offset:2px}
@media (hover:hover){.digest .dg-quiz fieldset:not([data-locked]) label:hover .dg-cb{--dg-cb-fill:var(--surface-2)}}
.digest .dg-quiz [data-locked] label,.digest .dg-quiz [data-locked] input{cursor:default}
.digest .dg-quiz .is-wrong:not(.is-chosen) > span{color:var(--text-2)}
.digest .dg-quiz-foot{display:flex;align-items:center;gap:1rem;min-height:2.25rem}
@media (min-width:768px){
  .digest .dg-quiz{height:100%}
  .digest .dg-quiz fieldset{position:absolute;left:0;right:0;top:var(--qy)}
  .digest .dg-quiz fieldset:nth-of-type(1){--qy:69px}
  .digest .dg-quiz fieldset:nth-of-type(2){--qy:342px}
  .digest .dg-quiz fieldset:nth-of-type(3){--qy:637px}
  .digest .dg-quiz-foot{position:absolute;right:0;bottom:0;flex-wrap:wrap;justify-content:flex-end;max-width:340px}
}
.digest .dg-quiz-score{font-size:.875rem;font-weight:600}
.digest .dg-reset{border:1px solid var(--border-ctl);border-radius:var(--r-pill);padding:.5rem 1rem;font-family:var(--dg-font);font-size:.875rem;transition:transform var(--dur-micro) var(--ease-hover),background var(--dur-micro) var(--ease-hover)}
@media (hover:hover){.digest .dg-reset:hover{background:var(--surface-2);transform:scale(1.04)}}
.digest .dg-reset:focus-visible{background:var(--surface-2);transform:scale(1.04)}
.digest .dg-reset:active{transform:scale(.98)}

/* mobile: no camera, sections stack in normal flow; the trail and props are board-only */
@media (max-width:767px){
  .digest{height:auto}
  .digest .dg-nav{position:relative;top:auto;justify-content:space-between;gap:.75rem;padding-block:.75rem}
  .digest .dg-tabs{flex:0 1 auto}
  .digest .dg-board{overflow:visible;touch-action:auto;cursor:auto}
  .digest .dg-world{position:static;width:auto;height:auto;transform:none!important;display:flex;flex-direction:column;gap:3rem;padding:1.5rem max(1.25rem, env(safe-area-inset-left, 0px)) 3rem}
  .digest .dg-status{position:static}
  .digest :is(.dg-ref,.dg-trail,.dg-props){display:none}
  .digest .dg-sec{position:relative;left:auto;top:auto;width:100%;height:auto;display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}
  .digest .dg-sec[data-section="hero"]{aspect-ratio:var(--aw) / var(--ah)}
  .digest .dg-sec[data-section="hero"] .dg-paw{position:absolute;left:auto;top:auto;right:0;bottom:0}
  .digest .dg-at,.digest .dg-paw{position:relative;left:auto;top:auto;width:auto;height:auto;max-width:100%}
  .digest .dg-h{font-size:28px;white-space:normal}
  .digest .dg-team{padding:1.25rem;gap:2rem;width:100%}
  .digest .dg-cards{gap:1.5rem 1rem}
  .digest .dg-cards li{width:calc(50% - .5rem)}
  .digest .dg-wwd{flex-direction:column;gap:1rem;width:100%}
  .digest .dg-wwd li{width:100%;max-width:299px;height:auto}
  .digest .dg-wwd-t{padding-top:12px;padding-bottom:4px;transform:none!important}
  .digest .dg-wwd img{transform:none!important;filter:none!important}
  .digest .dg-wwd-d{position:static;opacity:1;transform:none;padding:0 20px 20px}
  .digest .dg-arrows{display:none}
  .digest .dg-burger{width:60%}
  .digest .dg-recipe{gap:1rem;font-size:var(--dg-fs-md)}
  .digest .dg-served{font-size:var(--dg-fs-md);line-height:1.5}
  .digest .dg-folks{font-size:40px;width:100%}
  .digest .dg-vibe{font-size:24px;width:100%}
  .digest .dg-pl-link{font-size:24px;width:100%}
  .digest .dg-card{width:100%;height:20rem;padding-inline:1rem;font-size:var(--dg-fs-md)}
}