.before-after{.slider{position:relative;height:clamp(18rem,40vw,27.5rem);border-radius:var(--radius-lg);overflow:hidden;user-select:none;background-color:var(--color-surface-container)}.panel{position:absolute;inset:0;display:flex;align-items:center}.before{clip-path:inset(0 0 0 calc(100% - var(--position)))}.label{position:absolute;top:var(--space-4);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background-color:var(--glass-bg);font-family:var(--font-hebrew);font-size:var(--text-label-lg);font-weight:var(--weight-bold);pointer-events:none;&.start{inset-inline-start:var(--space-4)}&.end{inset-inline-end:var(--space-4)}}.divider{position:absolute;top:0;bottom:0;inset-inline-start:var(--position);width:.25rem;margin-inline-start:-.125rem;background-color:var(--color-surface-container-lowest);box-shadow:0 0 12px color-mix(in srgb,var(--color-shade) 20%,transparent);pointer-events:none}.knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius-full);background-color:var(--color-surface-container-lowest);box-shadow:var(--shadow-elevated);color:var(--color-primary);.material-symbols-outlined{transform:rotate(90deg)}}.range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.slider:has(.range:focus-visible) .knob{outline:3px solid var(--color-primary-container);outline-offset:2px}&.cover{.content,.image{width:100%;height:100%}.image{display:block;object-fit:cover}.caption{position:absolute;bottom:var(--space-4);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background-color:var(--glass-bg);font-size:var(--text-label-lg);font-weight:var(--weight-bold)}.before .caption{inset-inline-start:var(--space-4)}.after .caption{inset-inline-end:var(--space-4)}}&.contain{.panel{padding-inline:12%}.before{justify-content:flex-start;background-color:var(--color-surface-container-highest)}.after{justify-content:flex-end;background-color:var(--color-primary-fixed)}.content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.image{display:block;width:min(13.75rem,30vw);height:auto}.caption{font-size:var(--text-title-lg);font-weight:var(--weight-extrabold);text-align:center}.before .caption{color:var(--color-on-surface)}.after .caption{color:var(--color-on-primary-fixed)}}@media(max-width:639px){&.contain{.panel{padding-inline:6%}.caption{font-size:var(--text-body-md)}}}@media(max-width:1023px){&.full-bleed .slider{border-radius:0}}}.beti-tip{display:grid;grid-template-columns:5.5rem minmax(0,1fr);align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background-color:var(--color-primary-fixed);color:var(--color-on-primary-fixed);.mascot{display:block;width:100%;height:auto}.text{font-size:var(--text-body-lg);line-height:1.65;>p:first-of-type{display:inline}>p+p{margin-top:var(--space-2)}}.label{font-weight:var(--weight-bold)}@media(max-width:639px){grid-template-columns:4rem minmax(0,1fr);gap:var(--space-3)}}.science-card{--glucose: var(--color-secondary);--glucose-soft: var(--color-secondary-fixed);--galactose: var(--color-primary);--galactose-soft: var(--color-primary-fixed);--lactase: var(--color-risk-caution);--lactase-soft: color-mix(in srgb, var(--color-risk-caution) 25%, var(--color-surface-container-lowest));--water: color-mix(in srgb, var(--color-secondary) 60%, var(--color-surface-container-lowest));--gas: var(--color-outline);--small-intestine: var(--color-primary-container);--colon: var(--color-tertiary);--bacteria: var(--color-risk-safe);--symptom: var(--color-risk-high);--chamber-core: color-mix(in srgb, var(--color-on-primary-fixed) 80%, var(--color-on-surface-variant));--chamber-edge: color-mix(in srgb, var(--color-on-primary-fixed) 40%, var(--color-on-surface));--chamber-ink: var(--color-primary-fixed);--chamber-ink-dim: color-mix(in srgb, var(--color-primary-fixed) 60%, var(--color-outline));--chamber-line: color-mix(in srgb, var(--color-surface-container-lowest) 14%, transparent);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8);border-radius:var(--radius-lg);background-color:var(--color-surface-container-low);font-family:var(--font-hebrew);line-height:var(--lh-body-md);@media(max-width:767px){padding:var(--space-5) var(--space-4)}.glow{position:absolute;top:calc(-1 * var(--space-16));inset-inline-end:calc(-1 * var(--space-10));width:18rem;height:18rem;border-radius:var(--radius-full);background-color:var(--color-primary-fixed);filter:blur(90px);opacity:.7;pointer-events:none}.head{position:relative;display:flex;flex-direction:column;gap:var(--space-2);.title{margin:0;font-family:var(--font-hebrew);font-size:var(--text-headline-sm);font-weight:var(--weight-extrabold);line-height:var(--lh-headline-sm)}}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-label-lg);font-weight:var(--weight-semibold);color:var(--color-primary);.material-symbols-outlined{font-size:1.125rem}}.lead{font-size:var(--text-body-lg);line-height:var(--lh-body-lg);color:var(--color-on-surface-variant)}.stage{position:relative;display:flex;flex-direction:column;gap:var(--space-3)}& svg{display:block;width:100%;height:auto;direction:ltr;font-family:var(--font-hebrew);overflow:hidden;& text{unicode-bidi:plaintext}}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.pill{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-full);background-color:var(--color-surface-container-lowest);color:var(--color-on-surface);font-family:var(--font-hebrew);font-size:var(--text-label-lg);font-weight:var(--weight-bold);cursor:pointer;transition:background-color .15s ease,color .15s ease;.material-symbols-outlined{font-size:1.125rem}&[aria-pressed=true]{background-color:var(--color-primary);color:var(--color-on-primary)}&:focus-visible{outline:3px solid var(--color-primary-container);outline-offset:2px}}.range{display:flex;flex:1;align-items:center;gap:var(--space-3);min-width:14rem;font-size:var(--text-body-md);font-weight:var(--weight-semibold);color:var(--color-on-surface-variant);& input{flex:1;min-width:0;accent-color:var(--color-primary)}.value{min-width:3.5rem;text-align:center;font-size:var(--text-title-md);font-weight:var(--weight-extrabold);color:var(--color-on-surface)}&:has(input:disabled){opacity:.55;cursor:not-allowed}& input:disabled{cursor:not-allowed}}.caption{min-height:3.2em;font-size:var(--text-body-lg);line-height:var(--lh-body-lg);& em{font-style:normal;font-weight:var(--weight-bold);color:var(--lactase)}}.note{font-size:var(--text-body-sm);color:var(--color-on-surface-variant)}.pill.primary{background-color:var(--color-primary);color:var(--color-on-primary)}.pill.on-chamber{min-height:2.25rem;padding:var(--space-1) var(--space-3);background-color:color-mix(in srgb,var(--color-surface-container-lowest) 12%,transparent);color:var(--chamber-ink)}.chamber{position:relative;overflow:hidden;border-radius:var(--radius-md);background:radial-gradient(120% 90% at 50% 42%,var(--chamber-core),var(--chamber-edge));box-shadow:inset 0 0 0 1px var(--chamber-line);& canvas{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y;&.over-target{cursor:pointer}&.dragging{cursor:grabbing}}.labels{position:absolute;inset:0;pointer-events:none}.hint{position:absolute;inset-block-end:var(--space-2);inset-inline-start:var(--space-3);display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-label-md);color:var(--chamber-ink-dim);pointer-events:none;.material-symbols-outlined{font-size:1rem}}}}:root[data-theme=dark] .science-card{--chamber-core: color-mix(in srgb, var(--color-night-high) 55%, var(--color-night));--chamber-edge: var(--color-night-low);--chamber-ink: var(--color-on-night);--chamber-ink-dim: var(--color-on-night-variant);--chamber-line: color-mix(in srgb, var(--color-on-night) 14%, transparent)}.carb-journey{.journey{position:relative;display:flex;flex-direction:column;gap:var(--space-3)}.steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-1);margin:0;padding:0;list-style:none}.done .step{background-color:color-mix(in srgb,var(--color-primary-fixed) 55%,var(--color-surface-container-lowest));.material-symbols-outlined{opacity:.75}}.step{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:100%;min-height:var(--tap-min);padding:var(--space-2) var(--space-1);border:1.5px solid transparent;border-radius:var(--radius-sm);background-color:var(--color-surface-container-lowest);color:var(--color-on-surface);font-family:var(--font-hebrew);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease;.material-symbols-outlined{font-size:1.75rem;color:var(--color-primary);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.name{font-size:var(--text-label-lg);font-weight:var(--weight-bold);line-height:1.3;text-align:center}@media(max-width:639px){.name{display:none}&[aria-pressed=true] .name{display:block;font-size:var(--text-label-sm)}}&:hover .material-symbols-outlined{transform:translateY(-3px) scale(1.08)}&[aria-pressed=true]{border-color:var(--color-primary);background-color:var(--color-primary-fixed)}&:active{transform:scale(.96)}&:focus-visible{outline:3px solid var(--color-primary-container);outline-offset:2px}@media(prefers-reduced-motion:reduce){&:hover .material-symbols-outlined{transform:none}}}.chamber{aspect-ratio:16 / 10;@media(max-width:639px){aspect-ratio:1 / 1.1}}.carb-tag{position:absolute;top:0;left:0;display:inline-flex;flex-direction:column;align-items:center;padding:.125rem var(--space-2) var(--space-1);border:1px solid var(--chamber-line);border-radius:.75rem;background-color:color-mix(in srgb,var(--color-shade) 60%,transparent);backdrop-filter:blur(6px);color:var(--chamber-ink);font-family:var(--font-hebrew);white-space:nowrap;transition:opacity .3s ease;will-change:transform;.name{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-label-lg);font-weight:var(--weight-bold);line-height:1.35}.note{font-size:var(--text-label-md);font-weight:var(--weight-medium);line-height:1.2;color:var(--chamber-ink-dim);&:empty{display:none}}.swatch{flex:none;width:.5rem;height:.5rem;border-radius:var(--radius-full)}&.station{padding:var(--space-1) var(--space-3);background-color:color-mix(in srgb,var(--color-shade) 35%,transparent);color:var(--chamber-ink-dim);font-size:var(--text-label-lg);font-weight:var(--weight-semibold);.swatch{display:none}.note{color:var(--chamber-ink-dim)}&.dim{opacity:.55}}@media(max-width:639px){flex-direction:row;gap:var(--space-1);padding:.125rem .4375rem;border-radius:var(--radius-sm);.swatch{display:none}.name{font-size:var(--text-label-sm)}.note{font-size:.625rem}&.station{flex-direction:column;gap:0;padding:.125rem var(--space-2)}}}.chamber .hint{color:var(--chamber-ink);font-weight:var(--weight-semibold);animation:equation-in .4s .8s ease both}.counter{position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3);margin:0;font-size:var(--text-label-md);font-weight:var(--weight-bold);color:var(--chamber-ink-dim);pointer-events:none}.controls{min-height:var(--tap-min)}.pill.back:disabled{opacity:.4;cursor:default}.verdict{display:flex;flex-direction:column;gap:var(--space-2);min-height:4.8em;& p{margin:0;font-size:var(--text-body-lg);line-height:var(--lh-body-lg)}.chip{display:inline-flex;align-items:center;margin-inline-end:var(--space-2);padding:.0625rem .625rem;border-radius:var(--radius-full);background-color:var(--color-primary-fixed);color:var(--color-on-primary-fixed);font-size:var(--text-label-lg);font-weight:var(--weight-bold);white-space:nowrap}.equation{align-self:flex-start;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background-color:var(--color-surface-container);font-family:var(--font-display);font-size:var(--text-title-md);font-weight:var(--weight-bold);text-align:left;animation:equation-in .5s .9s ease both}}.legend{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin:0;padding:0;list-style:none;font-size:var(--text-body-sm);color:var(--color-on-surface-variant);& li{display:inline-flex;align-items:center;gap:var(--space-1)}.ball{width:.75rem;height:.75rem;border-radius:var(--radius-full);box-shadow:inset -2px -2px 3px color-mix(in srgb,var(--color-shade) 25%,transparent),inset 2px 2px 3px color-mix(in srgb,var(--color-surface-container-lowest) 50%,transparent)}}}@keyframes equation-in{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.carb-journey .verdict .equation,.carb-journey .chamber .hint{animation:none}}.corn-lab{.lab{position:relative;display:flex;flex-direction:column;gap:var(--space-3)}.shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.corn{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:0;min-height:var(--tap-min);padding:var(--space-2) var(--space-1);border:1.5px solid transparent;border-radius:var(--radius-sm);background-color:var(--color-surface-container-lowest);color:var(--color-on-surface);font-family:var(--font-hebrew);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease;& img{width:2.75rem;height:2.75rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.name{font-size:var(--text-label-lg);font-weight:var(--weight-bold);line-height:1.3;text-align:center}&:hover img{transform:translateY(-3px) rotate(-6deg) scale(1.06)}&[aria-pressed=true]{border-color:var(--color-primary);background-color:var(--color-primary-fixed)}&:active{transform:scale(.96)}&:focus-visible{outline:3px solid var(--color-primary-container);outline-offset:2px}@media(prefers-reduced-motion:reduce){&:hover img{transform:none}}}.chamber{aspect-ratio:16 / 10;@media(max-width:639px){aspect-ratio:1 / 1.1}}.corn-tag{position:absolute;top:0;left:0;display:inline-flex;flex-direction:column;align-items:center;padding:.125rem var(--space-2) var(--space-1);border:1px solid var(--chamber-line);border-radius:.75rem;background-color:color-mix(in srgb,var(--color-shade) 60%,transparent);backdrop-filter:blur(6px);color:var(--chamber-ink);font-family:var(--font-hebrew);white-space:nowrap;transition:opacity .3s ease,border-color .2s ease,background-color .2s ease;will-change:transform;.name{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-label-lg);font-weight:var(--weight-bold);line-height:1.35}.note{font-size:var(--text-label-md);font-weight:var(--weight-medium);line-height:1.2;color:var(--chamber-ink-dim);&:empty{display:none}}.swatch{flex:none;width:.5rem;height:.5rem;border-radius:var(--radius-full)}&.danger{border-color:color-mix(in srgb,var(--color-risk-high) 55%,var(--color-surface-container-lowest));background-color:color-mix(in srgb,var(--color-risk-high) 45%,transparent)}&.food{padding:var(--space-1) var(--space-3);background-color:color-mix(in srgb,var(--color-shade) 35%,transparent);color:var(--chamber-ink-dim);font-size:var(--text-label-lg);font-weight:var(--weight-semibold)}@media(max-width:639px){flex-direction:row;gap:var(--space-1);padding:.125rem .4375rem;border-radius:var(--radius-sm);.swatch{display:none}.name{font-size:var(--text-label-sm)}.note{font-size:.625rem}}}.controls{min-height:var(--tap-min)}.amount{--thumb: 1.375rem;--limit: calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--limit-share));display:grid;flex:1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-width:0;font-weight:var(--weight-semibold);color:var(--color-on-surface-variant);@media(max-width:479px){grid-template-columns:minmax(0,1fr) auto;.label{grid-column:1 / -1}}.track{position:relative;padding-block:var(--space-4) var(--space-1)}& input{display:block;width:100%;height:var(--thumb);margin:0;background:transparent;appearance:none;cursor:pointer;&::-webkit-slider-runnable-track{height:.5rem;border-radius:var(--radius-full);background:linear-gradient(to left,var(--color-risk-safe) 0 var(--limit),var(--color-risk-high) var(--limit) 100%)}&::-moz-range-track{height:.5rem;border-radius:var(--radius-full);background:linear-gradient(to left,var(--color-risk-safe) 0 var(--limit),var(--color-risk-high) var(--limit) 100%)}&::-webkit-slider-thumb{appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc((.5rem - var(--thumb)) / 2);border:3px solid var(--color-surface-container-lowest);border-radius:var(--radius-full);background:var(--color-primary);box-shadow:0 1px 4px color-mix(in srgb,var(--color-shade) 30%,transparent)}&::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border:3px solid var(--color-surface-container-lowest);border-radius:var(--radius-full);background:var(--color-primary)}&:focus-visible{outline:3px solid var(--color-primary-container);outline-offset:4px;border-radius:var(--radius-full)}}.limit{position:absolute;inset-block-start:0;inset-inline-start:var(--limit);translate:50% 0;display:flex;flex-direction:column;align-items:center;font-size:var(--text-label-md);font-weight:var(--weight-bold);color:var(--color-risk-safe);white-space:nowrap;pointer-events:none;&:after{content:"";width:2px;height:1.75rem;margin-top:.125rem;border-radius:1px;background:var(--color-on-surface)}}& output{min-width:6.5rem;text-align:center;font-size:var(--text-title-md);font-weight:var(--weight-extrabold);color:var(--color-on-surface);font-variant-numeric:tabular-nums}}.verdict{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);min-height:3.4em;font-size:var(--text-body-lg);line-height:var(--lh-body-lg);.chip{display:inline-flex;align-items:center;padding:.0625rem .625rem;border-radius:var(--radius-full);font-size:var(--text-label-lg);font-weight:var(--weight-bold);white-space:nowrap;&.safe{background-color:color-mix(in srgb,var(--color-risk-safe) 14%,var(--color-surface-container-lowest));color:var(--color-risk-safe)}&.high{background-color:color-mix(in srgb,var(--color-risk-high) 14%,var(--color-surface-container-lowest));color:var(--color-risk-high)}&.waiting{background-color:color-mix(in srgb,var(--color-risk-caution) 16%,var(--color-surface-container-lowest));color:var(--color-risk-caution)}}.text{flex:1 1 16rem;min-width:0}}.atoms{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin:0;padding:0;list-style:none;font-size:var(--text-body-sm);color:var(--color-on-surface-variant);& li{display:inline-flex;align-items:center;gap:var(--space-1)}.ball{width:.75rem;height:.75rem;border-radius:var(--radius-full);box-shadow:inset -2px -2px 3px color-mix(in srgb,var(--color-shade) 25%,transparent),inset 2px 2px 3px color-mix(in srgb,var(--color-surface-container-lowest) 50%,transparent)}}}.download-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background-color:var(--color-primary);color:var(--color-on-primary);.copy{flex:1 1 16rem;display:flex;flex-direction:column;gap:var(--space-1)}.title{font-size:var(--text-headline-sm);font-weight:var(--weight-extrabold);line-height:var(--lh-headline-sm)}.text{font-size:var(--text-body-lg);opacity:.9}.store-buttons{gap:var(--space-2)}}:root[data-theme=dark] .download-cta{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.figure{display:flex;flex-direction:column;gap:var(--space-2);.image{display:block;width:100%;height:auto;border-radius:var(--radius-md);background-color:var(--color-surface-container)}.caption{font-size:var(--text-body-md);line-height:var(--lh-body-md);color:var(--color-on-surface-variant)}&.full-bleed .caption{max-width:44rem}@media(max-width:1023px){&.full-bleed .image{border-radius:0}&.full-bleed .caption{padding-inline:var(--gutter)}}}.flip-the-pack{.shelf-block{display:flex;flex-direction:column;gap:var(--space-4)}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.product{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:0;min-height:var(--tap-min);padding:var(--space-2) var(--space-1);border:1.5px solid transparent;border-radius:var(--radius-sm);background-color:var(--color-surface-container-lowest);color:var(--color-on-surface);font-family:var(--font-hebrew);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease;& img{width:2.75rem;height:2.75rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.name{font-size:var(--text-label-lg);font-weight:var(--weight-bold);line-height:1.3;text-align:center}&:hover img{transform:translateY(-3px) rotate(-6deg) scale(1.06)}&[aria-pressed=true]{border-color:var(--color-primary);background-color:var(--color-primary-fixed)}&:active{transform:scale(.96)}&:focus-visible{outline:3px solid var(--color-primary-container);outline-offset:2px}}.scene{perspective:1400px;padding:var(--space-2) 0;animation:pack-arrive .45s cubic-bezier(.2,.8,.2,1) both}.pack{position:relative;display:grid;width:min(100%,30rem);min-height:21rem;margin-inline:auto;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.5,0,.25,1);&.back{transform:rotateY(180deg)}@media(max-width:479px){min-height:24rem}}.face{grid-area:1 / 1;position:relative;overflow:hidden;display:flex;flex-direction:column;border-radius:var(--radius-lg);backface-visibility:hidden;box-shadow:0 18px 40px color-mix(in srgb,var(--color-shade) 30%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--color-surface-container-lowest) 20%,transparent)}.face.front{align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);border:none;background:radial-gradient(90% 70% at 50% 30%,color-mix(in srgb,var(--color-primary-container) 90%,transparent),transparent),linear-gradient(160deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 55%,var(--color-shade)));color:var(--color-on-primary);font-family:var(--font-hebrew);cursor:pointer;.badge{position:absolute;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);padding:.125rem var(--space-2);border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-shade) 30%,transparent);font-size:var(--text-label-sm);font-weight:var(--weight-bold)}.hero{width:7.5rem;height:7.5rem;filter:drop-shadow(0 14px 22px rgb(0 0 0 / .35));animation:pack-bob 3.2s ease-in-out infinite alternate}.pack-name{font-size:var(--text-headline-sm);font-weight:var(--weight-extrabold)}.claims{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.claim{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background-color:var(--color-surface-container-lowest);color:var(--color-risk-safe);font-size:var(--text-label-lg);font-weight:var(--weight-extrabold);transform:rotate(-2deg);&:nth-child(2){transform:rotate(2deg)}.material-symbols-outlined{font-size:1.125rem}}.turn{display:inline-flex;align-items:center;gap:var(--space-1);margin-block-start:var(--space-2);font-size:var(--text-label-lg);font-weight:var(--weight-bold);opacity:.9;.material-symbols-outlined{animation:pack-nudge 1.6s ease-in-out infinite}}&:focus-visible{outline:3px solid var(--color-primary-container);outline-offset:3px}}.face.back{gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-4);background-color:#fbf7ef;color:#2b2420;transform:rotateY(180deg);.label-title{margin:0;font-size:var(--text-title-md);font-weight:var(--weight-extrabold)}.ingredients{margin:0;font-size:var(--text-body-sm);line-height:1.85;color:#5c514a;.code{white-space:nowrap}}.marked{display:inline-flex;align-items:center;gap:.25rem;padding:0 .375rem;border:2px solid transparent;border-radius:var(--radius-sm);background:none;color:#2b2420;font:inherit;font-weight:var(--weight-bold);cursor:pointer;transition:background-color .3s ease,border-color .3s ease,transform .15s ease;.material-symbols-outlined{font-size:1rem;color:color-mix(in srgb,var(--flag) 70%,#2b2420)}&:hover{transform:translateY(-1px)}&[aria-pressed=true]{border-color:color-mix(in srgb,var(--flag) 80%,#2b2420);box-shadow:0 4px 12px color-mix(in srgb,var(--flag) 45%,transparent)}&:focus-visible{outline:3px solid var(--color-primary-container);outline-offset:2px}}.on-pack{align-self:flex-start;margin-block-start:auto;background-color:#efe6da;color:#2b2420}}.pack.back .marked{background-color:color-mix(in srgb,var(--flag) 38%,#fbf7ef);animation:pack-light .5s var(--delay) ease both}.scan{position:absolute;inset-inline:0;inset-block-start:0;height:3.5rem;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--color-primary) 30%,transparent) 70%,var(--color-primary) 96%,transparent);opacity:0;pointer-events:none}.pack.back .scan{animation:pack-scan 1.4s .5s ease-in-out both}.reading{min-height:4.6em;& p{margin:0;font-size:var(--text-body-lg);line-height:var(--lh-body-lg)}.chip{display:inline-flex;margin-inline-end:var(--space-2);padding:.0625rem .625rem;border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--flag) 22%,var(--color-surface-container-lowest));color:var(--color-on-surface);font-size:var(--text-label-lg);font-weight:var(--weight-bold);white-space:nowrap}}.flags{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin:0;padding:0;list-style:none;font-size:var(--text-body-sm);color:var(--color-on-surface-variant);& li{display:inline-flex;align-items:center;gap:var(--space-1);opacity:.5;&.present{opacity:1}}.swatch{width:.75rem;height:.75rem;border-radius:var(--radius-full)}}.count{margin:0;font-size:var(--text-label-md);font-weight:var(--weight-bold);color:var(--color-on-surface-variant)}@media(prefers-reduced-motion:reduce){.pack{transition:none}.scene,.pack *,.scan{animation:none!important}}}@keyframes pack-arrive{0%{opacity:0;transform:translateY(16px) scale(.97)}}@keyframes pack-bob{to{transform:translateY(-8px) rotate(3deg)}}@keyframes pack-nudge{50%{transform:rotateY(180deg)}}@keyframes pack-light{0%{background-color:transparent}}@keyframes pack-scan{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(24rem)}}.food-molecules{.explosion{position:relative;display:flex;flex-direction:column;gap:var(--space-3)}.shelf{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--space-2);@media(max-width:639px){grid-template-columns:repeat(4,minmax(0,1fr))}}.food{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:0;min-height:var(--tap-min);padding:var(--space-2) var(--space-1);border:1.5px solid transparent;border-radius:var(--radius-sm);background-color:var(--color-surface-container-lowest);color:var(--color-on-surface);font-family:var(--font-hebrew);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease;& img,svg{width:2.75rem;height:2.75rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.name{font-size:var(--text-label-lg);font-weight:var(--weight-bold);line-height:1.3}&:hover img,&:hover svg{transform:translateY(-3px) rotate(-6deg) scale(1.06)}&[aria-pressed=true]{border-color:var(--color-primary);background-color:var(--color-primary-fixed)}&:active{transform:scale(.96)}&:focus-visible{outline:3px solid var(--color-primary-container);outline-offset:2px}@media(prefers-reduced-motion:reduce){&:hover img,&:hover svg{transform:none}}}.chamber{aspect-ratio:16 / 10;@media(max-width:639px){aspect-ratio:1 / 1.1}.back{position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2)}}.cluster-label{position:absolute;top:0;left:0;display:inline-flex;flex-direction:column;align-items:center;padding:.125rem var(--space-2) var(--space-1);border:1px solid var(--chamber-line);border-radius:.75rem;background-color:color-mix(in srgb,var(--color-shade) 60%,transparent);backdrop-filter:blur(6px);color:var(--chamber-ink);font-family:var(--font-hebrew);white-space:nowrap;pointer-events:auto;cursor:pointer;transition:opacity .3s ease,border-color .15s ease;will-change:transform;.name{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-label-lg);font-weight:var(--weight-bold);line-height:1.35}.grams{font-size:var(--text-label-md);font-weight:var(--weight-medium);line-height:1.2;color:var(--chamber-ink-dim);font-variant-numeric:tabular-nums}.swatch{flex:none;width:.5rem;height:.5rem;border-radius:var(--radius-full)}&.drillable .name:after{content:"⊕";color:var(--chamber-ink-dim)}&.limiting{border-color:color-mix(in srgb,var(--color-risk-high) 55%,var(--color-surface-container-lowest));background-color:color-mix(in srgb,var(--color-risk-high) 45%,transparent)}&.food-label{padding:var(--space-1) var(--space-3);animation:food-molecules-pulse 2.2s ease-in-out infinite;@media(prefers-reduced-motion:reduce){animation:none}}&:hover{border-color:color-mix(in srgb,var(--color-surface-container-lowest) 40%,transparent)}&:focus-visible{outline:3px solid var(--color-primary-container);outline-offset:2px}@media(max-width:639px){flex-direction:row;gap:var(--space-1);padding:.125rem .4375rem;border-radius:var(--radius-sm);.swatch{display:none}.name{font-size:var(--text-label-sm)}.grams{font-size:.625rem}}}.atoms{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin:0;padding:0;list-style:none;font-size:var(--text-body-sm);color:var(--color-on-surface-variant);& li{display:inline-flex;align-items:center;gap:var(--space-1)}.ball{width:.75rem;height:.75rem;border-radius:var(--radius-full);box-shadow:inset -2px -2px 3px color-mix(in srgb,var(--color-shade) 25%,transparent),inset 2px 2px 3px color-mix(in srgb,var(--color-surface-container-lowest) 50%,transparent)}}.caption em{color:var(--color-primary)}}@keyframes food-molecules-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--color-primary-container) 0%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-primary-container) 30%,transparent)}}.gallery{.carousel{display:flex;flex-direction:column;gap:var(--space-3)}.stage{position:relative;height:clamp(17.5rem,38vw,28.75rem);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-secondary-fixed)}.slide{position:absolute;inset:0;opacity:0;transition:opacity .3s ease;&[data-active=true]{opacity:1}}.image{display:block;width:100%;height:100%;object-fit:cover}.counter{position:absolute;top:var(--space-3);inset-inline-start:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background-color:var(--glass-bg);font-family:var(--font-display);font-size:var(--text-label-md);font-weight:var(--weight-extrabold)}.controls{position:absolute;bottom:var(--space-3);inset-inline-end:var(--space-3);display:flex;gap:var(--space-2)}.control{display:flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);border:none;border-radius:var(--radius-full);background-color:var(--glass-bg);backdrop-filter:var(--glass-blur);color:var(--color-on-surface);cursor:pointer;transition:background-color .15s ease;&:hover{background-color:var(--color-surface-container-lowest)}}.thumbnails{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--space-2)}.thumbnail{height:4.5rem;padding:0;border:2px solid transparent;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-surface-container);cursor:pointer;transition:border-color .15s ease;&[aria-current=true]{border-color:var(--color-primary)}& img{display:block;width:100%;height:100%;object-fit:cover}}@media(prefers-reduced-motion:reduce){.slide{transition:none}}@media(max-width:1023px){&.full-bleed .stage{border-radius:0}&.full-bleed .thumbnails{padding-inline:var(--space-4)}}@media(scripting:none){.stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);height:auto;border-radius:0;background-color:transparent}.slide{position:static;aspect-ratio:4 / 3;border-radius:var(--radius-md);overflow:hidden;opacity:1}.counter,.controls,.thumbnails{display:none}}}.ibs-world{.ibs-map{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5);align-items:start;@media(max-width:719px){grid-template-columns:minmax(0,1fr)}}.globe-side{display:flex;flex-direction:column;gap:var(--space-4)}.chamber{aspect-ratio:1 / 1;@media(max-width:719px){aspect-ratio:1 / 1}& canvas{touch-action:pan-y;cursor:grab}}.zoom{position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);& button{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid var(--chamber-line);border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-shade) 55%,transparent);backdrop-filter:blur(6px);color:var(--chamber-ink);cursor:pointer;transition:background-color .15s ease,opacity .15s ease;&:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-shade) 75%,transparent)}&:disabled{opacity:.35;cursor:default}&:focus-visible{outline:3px solid var(--color-primary-container);outline-offset:2px}.material-symbols-outlined{font-size:1.25rem}}}.globe-tag{position:absolute;top:0;left:0;padding:.125rem var(--space-2);border:1px solid var(--chamber-line);border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-shade) 55%,transparent);backdrop-filter:blur(6px);color:var(--chamber-ink-dim);font-family:var(--font-hebrew);font-size:var(--text-label-md);font-weight:var(--weight-bold);white-space:nowrap;cursor:pointer;transition:opacity .3s ease,color .2s ease;will-change:transform;&.chosen{border-color:var(--color-globe-mark);color:var(--chamber-ink);z-index:1}}.panel{display:flex;flex-direction:column;gap:var(--space-2);animation:ibs-enter .4s cubic-bezier(.2,.8,.2,1) both;& p{margin:0}}.panel-name{font-size:var(--text-headline-sm);font-weight:var(--weight-extrabold);line-height:var(--lh-headline-sm)}.rate{display:flex;align-items:baseline;gap:var(--space-3);.value{font-size:clamp(2.5rem,7vw,3.25rem);font-weight:var(--weight-extrabold);line-height:1;color:var(--color-on-surface)}.label{font-size:var(--text-body-md);font-weight:var(--weight-semibold);color:var(--color-on-surface-variant)}}.facts{font-size:var(--text-body-lg);line-height:var(--lh-body-lg)}.older{font-size:var(--text-body-sm);color:var(--color-on-surface-variant)}.ranking{display:flex;flex-direction:column;gap:var(--space-2)}.ranking-title{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-1) var(--space-3);margin:0;font-size:var(--text-label-lg);font-weight:var(--weight-bold);color:var(--color-on-surface-variant)}.world-key{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:var(--weight-semibold);.dash{width:1.25rem;border-top:2px dashed var(--color-on-surface-variant)}}.bars{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.row{display:grid;grid-template-columns:6.25rem minmax(0,1fr) 2.75rem;align-items:center;gap:var(--space-2);width:100%;min-height:1.5rem;padding:.125rem var(--space-1);border:none;border-radius:var(--radius-sm);background:none;color:var(--color-on-surface-variant);font-family:var(--font-hebrew);text-align:start;cursor:pointer;transition:background-color .15s ease;&:hover{background-color:var(--color-surface-container)}&:focus-visible{outline:3px solid var(--color-primary-container);outline-offset:1px}.name{overflow:hidden;font-size:var(--text-body-sm);font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis}.number{font-size:var(--text-label-md);font-weight:var(--weight-bold);color:var(--color-on-surface);text-align:end}&.home .name{font-weight:var(--weight-extrabold);color:var(--color-on-surface)}&[aria-pressed=true]{background-color:var(--color-primary-fixed);.name{color:var(--color-on-primary-fixed)}.bar{background-color:var(--color-primary)}}}.row-detail{display:none;margin:0;padding:var(--space-1) var(--space-2) var(--space-2);font-size:var(--text-body-sm);color:var(--color-on-surface-variant);@media(max-width:719px){display:block;animation:ibs-enter .3s ease both}}.track{position:relative;align-self:stretch;display:flex;align-items:center;&:after{content:"";position:absolute;inset-block:-.125rem;inset-inline-start:calc(var(--world) * 100%);border-inline-start:2px dashed color-mix(in srgb,var(--color-on-surface-variant) 70%,transparent)}}.bar{width:calc(var(--share) * 100%);height:.625rem;border-start-end-radius:4px;border-end-end-radius:4px;background-color:var(--color-outline-variant);transform-origin:100% 50%;animation:ibs-grow .7s calc(.1s + var(--order) * 25ms) cubic-bezier(.2,.8,.2,1) both;transition:background-color .2s ease}@media(prefers-reduced-motion:reduce){.panel,.row-detail,.bar{animation:none!important}}}@keyframes ibs-enter{0%{opacity:0;transform:translateY(10px)}}@keyframes ibs-grow{0%{transform:scaleX(0)}}.lactose-chart{.presets{display:flex;gap:var(--space-2)}& svg{user-select:none}.row{cursor:default}.axis{& text{fill:var(--color-on-surface-variant);font-size:12px}& path,line{stroke:var(--color-outline-variant)}}.tooltip{position:fixed;z-index:10;display:flex;flex-direction:column;gap:var(--space-1);max-width:15rem;padding:var(--space-3);border-radius:var(--radius-sm);background-color:var(--color-inverse-surface);color:var(--color-inverse-on-surface);font-size:var(--text-body-sm);line-height:var(--lh-body-sm);pointer-events:none;&[hidden]{display:none}& b{font-size:var(--text-body-md)}.status:before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-inline-end:var(--space-2);border-radius:var(--radius-full);background-color:var(--color-risk-high)}&[data-status=low] .status:before{background-color:var(--color-risk-safe)}}}.lactose-journey{.drawing{position:relative}.motion{position:absolute;top:0;inset-inline-end:0;display:flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);border:none;border-radius:var(--radius-full);background-color:var(--glass-bg);color:var(--color-on-surface);cursor:pointer;transition:background-color .15s ease;&:hover{background-color:var(--color-surface-container-lowest)}&:focus-visible{outline:3px solid var(--color-primary-container);outline-offset:2px}}.presets{display:flex;gap:var(--space-2)}.stat{font-size:var(--text-body-md);color:var(--color-on-surface-variant);& b{font-size:var(--text-title-md);font-weight:var(--weight-extrabold);color:var(--color-on-surface)}}.symptoms,.legend{display:flex;flex-wrap:wrap;gap:var(--space-2)}.symptom{--level: 0;display:inline-flex;padding:var(--space-1) var(--space-3);border:1px solid color-mix(in srgb,var(--symptom) calc(var(--level) * 100%),var(--color-outline-variant));border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--symptom) calc(var(--level) * 20%),var(--color-surface-container-lowest));box-shadow:0 0 calc(var(--level) * 18px) color-mix(in srgb,var(--symptom) calc(var(--level) * 40%),transparent);font-size:var(--text-body-md);font-weight:var(--weight-semibold);opacity:calc(.45 + var(--level) * .55)}.legend{gap:var(--space-2) var(--space-4);font-size:var(--text-body-sm);color:var(--color-on-surface-variant);& li{display:inline-flex;align-items:center;gap:var(--space-2)}.dot{width:.625rem;height:.625rem;border-radius:var(--radius-full)}}}.lactose-molecule{& svg{max-width:34rem;margin-inline:auto}.caption-text{display:block;animation:lactose-caption-in .3s ease;@media(prefers-reduced-motion:reduce){animation:none}}}@keyframes lactose-caption-in{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:none}}.app-screen{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 18.75rem;align-items:center;gap:var(--space-10);padding:var(--space-10);border-radius:var(--radius-lg);background-color:var(--color-surface-container-low);@media(max-width:767px){grid-template-columns:minmax(0,1fr);gap:var(--space-5);padding:var(--space-5)}.glow{position:absolute;top:var(--space-8);inset-inline-start:var(--space-12);width:21.25rem;height:21.25rem;border-radius:var(--radius-full);background-color:var(--color-primary-fixed);filter:blur(100px);opacity:.8;pointer-events:none}.text{position:relative;display:flex;flex-direction:column;gap:var(--space-3);.title{margin:0;font-family:var(--font-hebrew);font-size:var(--text-headline-lg);font-weight:var(--weight-extrabold);line-height:var(--lh-headline-lg)}}.eyebrow{font-size:var(--text-label-lg);font-weight:var(--weight-semibold);color:var(--color-primary)}.description{font-size:var(--text-body-lg);line-height:var(--lh-body-lg);color:var(--color-on-surface-variant)}.tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.tab{min-height:var(--tap-min);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-full);background-color:var(--color-surface-container-lowest);color:var(--color-on-surface);font-family:var(--font-hebrew);font-size:var(--text-label-lg);font-weight:var(--weight-bold);cursor:pointer;transition:background-color .15s ease,color .15s ease;&[aria-pressed=true]{background-color:var(--color-primary);color:var(--color-on-primary)}&:focus-visible{outline:3px solid var(--color-primary-container);outline-offset:2px}}.device{position:relative;justify-self:center;width:min(18.75rem,100%)}.screen{display:block;width:100%;height:100%;object-fit:cover;object-position:top;&[hidden]{display:none}}@media(scripting:none){.tabs{display:none}}@media(max-width:1023px){&.full-bleed{border-radius:0}}}.potato-journey{.journey{display:flex;flex-direction:column;gap:var(--space-3)}.chamber{aspect-ratio:16 / 10;@media(max-width:639px){aspect-ratio:1 / 1}& canvas{cursor:default}}.count{position:absolute;inset-block-end:var(--space-2);inset-inline-start:var(--space-3);margin:0;font-size:var(--text-label-md);font-weight:var(--weight-bold);color:var(--chamber-ink-dim);font-variant-numeric:tabular-nums;direction:ltr}.journey-tag{position:absolute;top:0;left:0;display:inline-flex;flex-direction:column;align-items:center;padding:.125rem var(--space-3) var(--space-1);border:1px solid var(--chamber-line);border-radius:.75rem;background-color:color-mix(in srgb,var(--color-shade) 60%,transparent);backdrop-filter:blur(6px);color:var(--chamber-ink);font-family:var(--font-hebrew);white-space:nowrap;transition:opacity .3s ease;will-change:transform;.name{font-size:var(--text-label-lg);font-weight:var(--weight-bold);line-height:1.35}.when{font-size:var(--text-label-md);font-weight:var(--weight-medium);line-height:1.2;color:var(--chamber-ink-dim);&:empty{display:none}}&.flying{opacity:.55}}.card{display:flex;flex-direction:column;gap:var(--space-1);min-height:6.5em;.place{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);margin:0;font-size:var(--text-title-md);font-weight:var(--weight-extrabold);color:var(--color-on-surface);.material-symbols-outlined{font-size:1.25rem;color:var(--color-primary)}}.when{padding:.0625rem .625rem;border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-risk-caution) 16%,var(--color-surface-container-lowest));color:var(--color-risk-caution);font-size:var(--text-label-lg);font-weight:var(--weight-bold);white-space:nowrap}.text{margin:0;font-size:var(--text-body-lg);line-height:var(--lh-body-lg)}}.controls{justify-content:space-between;.pill:disabled{opacity:.4;cursor:default}}.stops{display:grid;grid-template-columns:repeat(var(--stops),minmax(0,1fr));gap:var(--space-1);margin:0;padding:0;list-style:none;@media(max-width:639px){grid-template-columns:repeat(5,minmax(0,1fr))}}.stop{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:100%;min-height:var(--tap-min);padding:var(--space-1);border:none;border-radius:var(--radius-sm);background:none;color:var(--color-on-surface-variant);font-family:var(--font-hebrew);cursor:pointer;transition:background-color .15s ease,color .15s ease;.dot{width:.625rem;height:.625rem;border:2px solid currentColor;border-radius:var(--radius-full)}.name{font-size:var(--text-label-md);font-weight:var(--weight-bold);line-height:1.2;text-align:center}&:hover{background-color:var(--color-surface-container-lowest)}&[aria-current=step]{color:var(--color-primary);.dot{border-color:var(--color-primary);background-color:var(--color-primary)}}&:focus-visible{outline:3px solid var(--color-primary-container);outline-offset:2px}}}.potato-lab{.lab{position:relative;display:flex;flex-direction:column;gap:var(--space-3)}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none}.step{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:100%;min-height:var(--tap-min);padding:var(--space-2) var(--space-1);border:1.5px solid transparent;border-radius:var(--radius-sm);background-color:var(--color-surface-container-lowest);color:var(--color-on-surface);font-family:var(--font-hebrew);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease;.material-symbols-outlined{font-size:1.75rem;color:var(--color-primary);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.name{font-size:var(--text-label-lg);font-weight:var(--weight-bold);line-height:1.3;text-align:center}.number{position:absolute;inset-block-start:var(--space-1);inset-inline-start:var(--space-2);font-size:var(--text-label-sm);font-weight:var(--weight-bold);color:var(--color-on-surface-variant)}&:hover .material-symbols-outlined{transform:translateY(-3px) scale(1.08)}&[aria-pressed=true]{border-color:var(--color-primary);background-color:var(--color-primary-fixed)}&:active{transform:scale(.96)}&:focus-visible{outline:3px solid var(--color-primary-container);outline-offset:2px}@media(prefers-reduced-motion:reduce){&:hover .material-symbols-outlined{transform:none}}}.chamber{aspect-ratio:16 / 10;@media(max-width:639px){aspect-ratio:1 / 1.1}}.potato-tag{position:absolute;top:0;left:0;display:inline-flex;flex-direction:column;align-items:center;padding:.125rem var(--space-2) var(--space-1);border:1px solid var(--chamber-line);border-radius:.75rem;background-color:color-mix(in srgb,var(--color-shade) 60%,transparent);backdrop-filter:blur(6px);color:var(--chamber-ink);font-family:var(--font-hebrew);white-space:nowrap;transition:opacity .3s ease;will-change:transform;.name{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-label-lg);font-weight:var(--weight-bold);line-height:1.35}.note{font-size:var(--text-label-md);font-weight:var(--weight-medium);line-height:1.2;color:var(--chamber-ink-dim);&:empty{display:none}}.swatch{flex:none;width:.5rem;height:.5rem;border-radius:var(--radius-full)}&.food{padding:var(--space-1) var(--space-3);background-color:color-mix(in srgb,var(--color-shade) 35%,transparent);color:var(--chamber-ink-dim);font-size:var(--text-label-lg);font-weight:var(--weight-semibold);.swatch{display:none}}@media(max-width:639px){flex-direction:row;gap:var(--space-1);padding:.125rem .4375rem;border-radius:var(--radius-sm);.swatch{display:none}.name{font-size:var(--text-label-sm)}.note{font-size:.625rem}}}.controls{min-height:var(--tap-min)}.verdict{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);min-height:3.4em;font-size:var(--text-body-lg);line-height:var(--lh-body-lg);.chip{display:inline-flex;align-items:center;padding:.0625rem .625rem;border-radius:var(--radius-full);font-size:var(--text-label-lg);font-weight:var(--weight-bold);white-space:nowrap;&.safe{background-color:color-mix(in srgb,var(--color-risk-safe) 14%,var(--color-surface-container-lowest));color:var(--color-risk-safe)}&.waiting{background-color:color-mix(in srgb,var(--color-risk-caution) 16%,var(--color-surface-container-lowest));color:var(--color-risk-caution)}}.text{flex:1 1 16rem;min-width:0}}.atoms{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin:0;padding:0;list-style:none;font-size:var(--text-body-sm);color:var(--color-on-surface-variant);& li{display:inline-flex;align-items:center;gap:var(--space-1)}.ball{width:.75rem;height:.75rem;border-radius:var(--radius-full);box-shadow:inset -2px -2px 3px color-mix(in srgb,var(--color-shade) 25%,transparent),inset 2px 2px 3px color-mix(in srgb,var(--color-surface-container-lowest) 50%,transparent)}}}.protein-diets{.circles{position:relative;display:flex;flex-direction:column;gap:var(--space-3)}.pickers{display:grid;gap:var(--space-2)}.picker{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);.label{flex-basis:100%;font-size:var(--text-label-lg);font-weight:var(--weight-bold);color:var(--color-on-surface-variant)}}.chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-2);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-full);background-color:var(--color-surface-container-lowest);color:var(--color-on-surface);font-family:var(--font-hebrew);font-size:var(--text-label-lg);font-weight:var(--weight-bold);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;.emoji{position:relative;display:inline-flex;width:1.625rem;height:1.625rem;& img,svg{width:100%;height:100%}}&:active{transform:scale(.96)}&:focus-visible{outline:3px solid var(--color-primary-container);outline-offset:2px}&.diet[aria-checked=true]{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-on-primary)}&.allergy .emoji:after{content:"";position:absolute;inset:45% -8%;height:3px;border-radius:2px;background-color:var(--color-risk-high);transform:rotate(-40deg) scaleX(0);transition:transform .2s ease}&.allergy[aria-pressed=true]{border-color:var(--color-risk-high);background-color:color-mix(in srgb,var(--color-risk-high) 10%,var(--color-surface-container-lowest));color:var(--color-risk-high);.emoji:after{transform:rotate(-40deg) scaleX(1)}.emoji img,.emoji svg{opacity:.55}}}.chamber{aspect-ratio:16 / 11;@media(max-width:639px){aspect-ratio:1 / 1.15}}.tally{position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-3);display:flex;flex-direction:column;align-items:flex-end;color:var(--chamber-ink);pointer-events:none;.count{font-size:2.25rem;font-weight:var(--weight-extrabold);line-height:1;font-variant-numeric:tabular-nums}.of{font-size:var(--text-title-md);font-weight:var(--weight-semibold);color:var(--chamber-ink-dim)}.what{font-size:var(--text-label-md);font-weight:var(--weight-semibold);color:var(--chamber-ink-dim)}}.food-label,.ring-label{position:absolute;top:0;left:0;font-family:var(--font-hebrew);white-space:nowrap;will-change:transform;transition:opacity .3s ease}.food-label{padding:.0625rem var(--space-2) .125rem;border:1px solid var(--chamber-line);border-radius:.625rem;background-color:color-mix(in srgb,var(--color-shade) 60%,transparent);backdrop-filter:blur(6px);color:var(--chamber-ink);font-size:var(--text-label-md);font-weight:var(--weight-bold);line-height:1.35;pointer-events:auto;cursor:pointer;&.partial{border-color:var(--color-risk-caution)}&.chosen{border-color:var(--chamber-ink)}&.out{opacity:.45;text-decoration:line-through}&:focus-visible{outline:3px solid var(--color-primary-container);outline-offset:2px}@media(max-width:639px){padding:0 .3125rem;font-size:.625rem}}.ring-label{padding:.0625rem var(--space-2);border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-shade) 45%,transparent);color:var(--chamber-ink);font-size:var(--text-label-md);font-weight:var(--weight-bold);pointer-events:none;&.lit{background-color:var(--color-primary);color:var(--color-on-primary)}@media(max-width:639px){font-size:.625rem}}.info{position:absolute;top:0;left:0;z-index:2000;width:min(16rem,calc(100% - var(--space-4)));padding:var(--space-2) var(--space-3) var(--space-3);border:1px solid var(--chamber-line);border-radius:var(--radius-sm);background-color:color-mix(in srgb,var(--color-shade) 90%,transparent);backdrop-filter:blur(10px);color:var(--chamber-ink);font-size:var(--text-body-sm);line-height:1.5;box-shadow:0 .75rem 2rem color-mix(in srgb,var(--color-shade) 35%,transparent);&[hidden]{display:none}.top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.name{font-size:var(--text-title-sm);font-weight:var(--weight-extrabold)}.close{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-surface-container-lowest) 10%,transparent);color:var(--chamber-ink);cursor:pointer;.material-symbols-outlined{font-size:1rem}}.line{margin:0;color:var(--chamber-ink-dim)}.status{display:inline-flex;align-items:center;gap:var(--space-1);margin-block-start:var(--space-1);padding:.0625rem var(--space-2);border-radius:var(--radius-full);font-weight:var(--weight-bold);.material-symbols-outlined{font-size:1rem}&.in{background-color:color-mix(in srgb,var(--color-risk-safe) 30%,transparent);color:color-mix(in srgb,var(--color-risk-safe) 40%,var(--color-surface-container-lowest))}&.partial{background-color:color-mix(in srgb,var(--color-risk-caution) 35%,transparent);color:color-mix(in srgb,var(--color-risk-caution) 35%,var(--color-surface-container-lowest))}&.out{background-color:color-mix(in srgb,var(--color-risk-high) 30%,transparent);color:color-mix(in srgb,var(--color-risk-high) 35%,var(--color-surface-container-lowest))}}.why{margin:var(--space-1) 0 0;color:var(--chamber-ink)}}.facts{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2);margin:0;padding:0;list-style:none;& li{display:inline-flex;align-items:center;gap:var(--space-1);padding:.125rem var(--space-2);border-radius:var(--radius-full);background-color:var(--color-surface-container-lowest);font-size:var(--text-label-lg);font-weight:var(--weight-semibold);color:var(--color-on-surface-variant);font-variant-numeric:tabular-nums;.material-symbols-outlined{font-size:1rem}&.good{color:var(--color-risk-safe)}&.warn{color:var(--color-risk-caution)}}}.caption{margin:0;min-height:4.8em}}.blog-post .post-content>.recipe-steps{margin-top:var(--space-8)}.recipe-steps{.steps-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2) var(--space-3);.steps-title{margin:0}}.steps-count{font-size:var(--text-body-md);color:var(--color-on-surface-variant)}.steps{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.step{position:relative;display:grid;grid-template-columns:3rem minmax(0,1fr);align-items:start;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background-color:var(--color-surface-container-lowest);box-shadow:var(--shadow-ambient);cursor:pointer;transition:background-color .2s ease;&:has(:focus-visible){outline:3px solid var(--color-primary-container);outline-offset:2px}&[data-done=true]{background-color:var(--color-surface-container-low);.mark{background-color:var(--color-primary);color:var(--color-on-primary)}}}.mark{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius-full);background-color:var(--color-primary-fixed);color:var(--color-primary);font-family:var(--font-display);font-size:var(--text-title-md);font-weight:var(--weight-extrabold)}.text{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-1)}.step-title{font-size:var(--text-title-md);font-weight:var(--weight-extrabold);line-height:var(--lh-title-md);color:var(--color-on-surface)}.step-body{font-size:var(--text-body-lg);line-height:1.65;color:var(--color-on-surface-variant)}}.reel{display:grid;grid-template-columns:minmax(0,1fr) 16.25rem;align-items:center;gap:var(--space-5);padding:var(--space-4);border-radius:var(--radius-lg);background-color:var(--color-surface-container-low);@media(max-width:639px){grid-template-columns:minmax(0,1fr);justify-items:center}.text{display:flex;flex-direction:column;gap:var(--space-2)}.title{font-size:var(--text-title-lg);font-weight:var(--weight-extrabold);line-height:var(--lh-title-lg)}.description{font-size:var(--text-body-lg);line-height:1.6;color:var(--color-on-surface-variant)}.captions-note{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-body-md);color:var(--color-on-surface-variant);.material-symbols-outlined{font-size:1.125rem}}.frame{position:relative;width:min(16.25rem,100%);aspect-ratio:9 / 16;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-inverse-surface);box-shadow:var(--shadow-elevated)}.video{display:block;width:100%;height:100%;object-fit:cover}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border:none;border-radius:var(--radius-full);background-color:var(--glass-bg);backdrop-filter:var(--glass-blur);color:var(--color-primary);cursor:pointer;transition:opacity .15s ease;.material-symbols-outlined{font-size:2.25rem}&:focus-visible{outline:3px solid var(--color-primary-container);outline-offset:2px}}.frame[data-state=playing] .play:not(:hover,:focus-visible){opacity:0}.progress{position:absolute;bottom:var(--space-3);inset-inline:var(--space-3);height:.25rem;border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-surface-container-lowest) 35%,transparent);pointer-events:none}.bar{width:100%;height:100%;border-radius:var(--radius-full);background-color:var(--color-surface-container-lowest);transform-origin:100% 50%;transition:transform .3s linear}.duration{position:absolute;top:var(--space-3);inset-inline-end:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background-color:var(--glass-bg);font-family:var(--font-display);font-size:var(--text-label-md);font-weight:var(--weight-extrabold);pointer-events:none}@media(prefers-reduced-motion:reduce){.bar{transition:none}}}.youtube{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-inverse-surface);.poster,.player{position:absolute;inset:0;width:100%;height:100%;border:none}.poster{object-fit:cover}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:var(--space-2);max-width:calc(100% - 2 * var(--space-4));padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-cta-hover);font-family:var(--font-hebrew);font-size:var(--text-title-md);font-weight:var(--weight-bold);white-space:nowrap;cursor:pointer;transition:transform .15s ease,background-color .15s ease;.material-symbols-outlined{flex-shrink:0;font-size:2rem}.label{min-width:0;overflow:hidden;text-overflow:ellipsis}&:hover{background-color:var(--color-on-primary-container)}&:focus-visible{outline:3px solid var(--color-primary-container);outline-offset:3px}@media(prefers-reduced-motion:no-preference){&:hover{transform:translate(-50%,-50%) scale(1.03)}}}.note{position:absolute;bottom:var(--space-3);left:50%;transform:translate(-50%);max-width:calc(100% - 2 * var(--space-4));margin:0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background-color:var(--glass-bg);color:var(--color-on-surface);font-size:var(--text-label-md);font-weight:var(--weight-bold);line-height:var(--lh-label-md);white-space:nowrap;pointer-events:none}@media(max-width:1023px){&.full-bleed{border-radius:0}}}.blog-post{--gutter: var(--space-5);font-family:var(--font-hebrew);color:var(--color-on-surface);@media(max-width:767px){--gutter: var(--space-4)}:is(.post-header,.recipe-header,.story-header){.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-body-md);color:var(--color-on-surface-variant);.crumb{font-weight:var(--weight-semibold);color:inherit;transition:color .2s ease;&:hover{color:var(--color-primary)}}.chevron{font-size:1rem}.category{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background-color:var(--color-primary-fixed);color:var(--color-on-primary-fixed-variant);font-size:var(--text-label-md);font-weight:var(--weight-bold);transition:background-color .2s ease;&:hover{background-color:var(--color-primary-fixed-dim);color:var(--color-on-primary-fixed-variant)}}}.title{font-family:var(--font-hebrew);font-size:clamp(2.25rem,1.5rem + 3vw,3.75rem);font-weight:var(--weight-extrabold);line-height:1.08;letter-spacing:-.02em;text-wrap:pretty}.summary{font-size:var(--text-title-lg);line-height:1.6;color:var(--color-on-surface-variant);text-wrap:pretty}.byline{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-4);padding-top:var(--space-2);.author,.reviewer{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1);padding-inline-end:var(--space-4);border-radius:var(--radius-full);line-height:1.35}.author{border:1px solid color-mix(in srgb,currentColor 22%,transparent);white-space:nowrap}.avatar{flex-shrink:0;width:2rem;height:2rem;border-radius:var(--radius-full);object-fit:cover}.initial{display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-fixed);color:var(--color-primary);font-size:var(--text-label-lg);font-weight:var(--weight-extrabold)}.author .name{font-size:var(--text-body-md);font-weight:var(--weight-bold)}.author .role{font-size:var(--text-body-md);color:var(--color-on-surface-variant)}.reviewer{background-color:var(--color-secondary-fixed);@media(max-width:639px){border-radius:var(--radius-lg)}.badge{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;border-radius:var(--radius-full);background-color:var(--color-secondary);color:var(--color-on-secondary);font-size:1.125rem}.label{font-size:var(--text-label-md);color:var(--color-on-secondary-fixed-variant)}.name{font-size:var(--text-label-lg);font-weight:var(--weight-bold);color:var(--color-on-secondary-fixed)}}.when{font-size:var(--text-body-md);color:var(--color-on-surface-variant)}}}.post-header{position:relative;overflow:hidden;padding:var(--space-10) var(--gutter) var(--space-8);@media(max-width:767px){padding-top:var(--space-20)}.glow{position:absolute;top:-10rem;inset-inline-end:10%;width:30rem;height:25rem;background-color:var(--color-primary-fixed);filter:blur(120px);opacity:.7;border-radius:var(--radius-full);pointer-events:none}.header-inner{position:relative;max-width:52rem;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3)}}.post-hero{max-width:calc(var(--page-width) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter);display:flex;flex-direction:column;gap:var(--space-2);.image{display:block;width:100%;height:clamp(15rem,36vw,28.75rem);object-fit:cover;border-radius:var(--radius-lg);background-color:var(--color-primary-fixed)}.caption{font-size:var(--text-body-md);color:var(--color-on-surface-variant);text-align:center}}.post-video .frame{position:relative;width:min(100%,52rem,calc((100svh - 8rem) * 16 / 9));aspect-ratio:16 / 9;margin-inline:auto;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-inverse-surface);&[data-state=vertical]{width:min(100%,calc((100svh - 8rem)*.5625));aspect-ratio:9 / 16}@media(max-width:639px){&[data-state=poster]{width:min(100%,calc((100svh - 8rem)*.5625));aspect-ratio:9 / 16}&[data-phone-poster=video] .poster picture{display:none}}.video,.poster{position:absolute;inset:0;width:100%;height:100%}.video{object-fit:contain;&:focus{outline:none}&:focus-visible{outline:3px solid var(--color-primary);outline-offset:-3px}}.poster{display:block;padding:0;border:none;border-radius:inherit;background:none;cursor:pointer;& img{display:block;width:100%;height:100%;object-fit:cover}&:focus-visible{outline:3px solid var(--color-primary);outline-offset:-3px}}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-cta-hover);transition:transform .15s ease,background-color .15s ease;.material-symbols-outlined{font-size:2.75rem}@media(max-width:639px){top:80%}}.poster:hover .play{background-color:var(--color-on-primary-container)}@media(prefers-reduced-motion:no-preference){.poster:hover .play{transform:translate(-50%,-50%) scale(1.06)}}.duration{position:absolute;top:var(--space-3);inset-inline-end:var(--space-3);display:flex;align-items:center;gap:var(--space-1);padding-block:var(--space-1);padding-inline:var(--space-2) var(--space-3);border-radius:var(--radius-full);background-color:var(--glass-bg);backdrop-filter:var(--glass-blur);color:var(--color-on-surface);font-family:var(--font-display);font-size:var(--text-label-md);font-weight:var(--weight-extrabold);.material-symbols-outlined{font-size:1.125rem}}}.post-body{max-width:calc(var(--page-width) + 2 * var(--gutter));margin:0 auto;padding:var(--space-10) var(--gutter) var(--space-16);display:grid;grid-template-columns:13.75rem minmax(0,1fr);column-gap:var(--space-10);align-items:start;@media(max-width:1023px){grid-template-columns:minmax(0,1fr);row-gap:var(--space-5);padding-top:var(--space-8)}}.author-card{width:100%;max-width:44rem;margin-top:var(--space-12);display:grid;grid-template-columns:5rem minmax(0,1fr);align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background-color:var(--color-surface-container-lowest);box-shadow:var(--shadow-ambient);@media(min-width:1024px){grid-column:2}@media(max-width:639px){grid-template-columns:4rem minmax(0,1fr);gap:var(--space-3)}.avatar{width:100%;height:auto;aspect-ratio:1;border-radius:var(--radius-full);object-fit:cover}.initial{display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-fixed);color:var(--color-primary);font-size:var(--text-headline-sm);font-weight:var(--weight-extrabold)}.who{display:flex;flex-direction:column;gap:var(--space-1)}.name{font-size:var(--text-title-md);font-weight:var(--weight-extrabold)}.bio{font-size:var(--text-body-md);line-height:var(--lh-body-md);color:var(--color-on-surface-variant)}}.post-toc{position:sticky;top:var(--space-16);display:flex;flex-direction:column;gap:var(--space-4);.toc-title{display:block;margin-bottom:var(--space-2);font-size:var(--text-label-md);font-weight:var(--weight-bold);letter-spacing:.04em;color:var(--color-on-surface-variant)}.links{display:flex;flex-direction:column;gap:var(--space-1)}.link{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-body-md);font-weight:var(--weight-medium);line-height:var(--lh-body-md);color:var(--color-on-surface-variant);transition:background-color .2s ease,color .2s ease;&:hover{color:var(--color-primary)}&.active{background-color:var(--color-primary-fixed);color:var(--color-primary);font-weight:var(--weight-bold)}}.disclosure{display:none}.share{display:flex;gap:var(--space-2)}.action{display:flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);border:none;border-radius:var(--radius-full);background-color:var(--color-surface-container-high);color:var(--color-on-surface);cursor:pointer;transition:background-color .15s ease,color .15s ease;&:hover{background-color:var(--color-surface-container-highest)}&[data-state=copied]{background-color:var(--color-primary-fixed);color:var(--color-primary)}&[hidden]{display:none}}@media(max-width:1023px){position:static;flex-direction:row;align-items:flex-start;.rail{display:none}.disclosure{display:block;flex:1;min-width:0}& details{border-radius:var(--radius-md);background-color:var(--color-surface-container-low)}.summary{display:flex;align-items:center;justify-content:space-between;min-height:var(--tap-min);padding:var(--space-2) var(--space-3);font-weight:var(--weight-bold);cursor:pointer;list-style:none;&::-webkit-details-marker{display:none}}.expand{transition:transform .2s ease}& details[open] .expand{transform:rotate(180deg)}& details .links{padding:0 var(--space-2) var(--space-2)}}}.post-content{display:grid;grid-template-columns:minmax(0,44rem) minmax(0,1fr);column-gap:var(--space-10);align-content:start;font-size:var(--text-prose);line-height:var(--lh-prose);>*{grid-column:1}>*+*{margin-top:var(--space-4)}>.full-bleed{grid-column:1 / -1}& p,li{text-wrap:pretty}& h2{margin-top:var(--space-8);font-family:var(--font-hebrew);font-size:var(--text-headline-lg);font-weight:var(--weight-extrabold);line-height:var(--lh-headline-lg);letter-spacing:0;scroll-margin-top:var(--space-16)}& h3{margin-top:var(--space-5);font-family:var(--font-hebrew);font-size:var(--text-title-lg);font-weight:var(--weight-extrabold);line-height:var(--lh-title-lg);scroll-margin-top:var(--space-16)}& ul:not([class]),ol:not([class]){padding-inline-start:var(--space-4);& li+li{margin-top:var(--space-2)}& li::marker{color:var(--color-primary)}}& ul:not([class]){list-style:disc}& ol:not([class]){list-style:decimal}& blockquote{padding-inline-start:var(--space-4);border-inline-start:4px solid var(--color-primary-container);font-size:var(--text-title-lg);font-weight:var(--weight-medium);line-height:1.6}& a:not([data-footnote-ref],[data-footnote-backref],.cta){color:var(--color-primary);text-decoration:underline;text-underline-offset:.2em;&:hover{color:var(--color-on-primary-container)}}& strong{font-weight:var(--weight-bold)}& hr{border:none;border-top:var(--border-ghost)}& sup{line-height:0;unicode-bidi:isolate;& a{padding-inline:.1em;scroll-margin-top:var(--space-16);font-size:var(--text-label-md);font-weight:var(--weight-bold);color:var(--color-primary);text-decoration:none}}.footnotes{margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--border-ghost);font-size:var(--text-body-md);line-height:1.6;color:var(--color-on-surface-variant);.footnotes-title{margin:0 0 var(--space-3);font-size:var(--text-title-md);line-height:var(--lh-title-md);color:var(--color-on-surface)}& ol{display:grid;gap:var(--space-3);padding:0;list-style:none;counter-reset:source}& li{display:grid;grid-template-columns:1.5rem minmax(0,1fr);column-gap:var(--space-2);align-items:baseline;counter-increment:source;scroll-margin-top:var(--space-16);+li{margin-top:0}&:before{content:counter(source);font-family:var(--font-display);font-size:var(--text-label-md);font-weight:var(--weight-extrabold);color:var(--color-primary);text-align:center}}& li p{margin:0;unicode-bidi:plaintext;text-align:right;overflow-wrap:anywhere}& a:not([data-footnote-backref]){text-decoration-thickness:1px;text-underline-offset:.15em}& a[data-footnote-backref]{margin-inline-start:var(--space-1);white-space:nowrap;color:var(--color-primary);text-decoration:none}}@media(max-width:1023px){grid-template-columns:minmax(0,1fr);>.full-bleed{margin-inline:calc(-1 * var(--gutter))}}}}@media(prefers-reduced-motion:no-preference){html:has(.blog-post){scroll-behavior:smooth}}.blog-post.recipe{.recipe-header{max-width:calc(var(--page-width) + 2 * var(--gutter));margin:0 auto;padding:var(--space-9) var(--gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:var(--space-9);@media(max-width:1023px){grid-template-columns:minmax(0,1fr);gap:var(--space-5)}@media(max-width:767px){padding-top:var(--space-20)}&.no-gallery{grid-template-columns:minmax(0,52rem)}}.intro{display:flex;flex-direction:column;gap:var(--space-4)}.tags{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.low-fodmap{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-risk-safe) 12%,transparent);color:var(--color-risk-safe);font-size:var(--text-label-md);font-weight:var(--weight-bold);.dot{width:.5rem;height:.5rem;border-radius:var(--radius-full);background-color:currentColor}}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.fact{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background-color:var(--color-surface-container-low);.icon{color:var(--color-primary)}.value{font-size:var(--text-title-md);font-weight:var(--weight-extrabold)}.label{font-size:var(--text-body-sm);color:var(--color-on-surface-variant)}}.post-body{grid-template-columns:25rem minmax(0,1fr);column-gap:var(--space-9);padding-top:var(--space-3);@media(max-width:1023px){grid-template-columns:minmax(0,1fr)}}.post-content{grid-template-columns:minmax(0,1fr)}.ingredient-panel{position:sticky;top:var(--space-16);max-height:calc(100dvh - var(--space-16) - var(--space-4));overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background-color:var(--color-surface-container-lowest);box-shadow:var(--shadow-ambient);@media(max-width:1023px){position:static;max-height:none}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.panel-title{font-family:var(--font-hebrew);font-size:var(--text-title-lg);font-weight:var(--weight-extrabold);line-height:var(--lh-title-lg)}.stepper{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-full);background-color:var(--color-surface-container-high)}.stepper-button{display:flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);border:none;border-radius:var(--radius-full);background-color:var(--color-surface-container-lowest);color:var(--color-on-surface);cursor:pointer;transition:opacity .15s ease;.material-symbols-outlined{font-size:1.125rem}&[aria-disabled=true]{opacity:.4;cursor:default}}.servings{min-width:4rem;text-align:center;font-size:var(--text-label-lg);font-weight:var(--weight-bold)}.swap-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:none;border-radius:var(--radius-md);background-color:var(--color-surface-container-low);font-family:var(--font-hebrew);text-align:start;cursor:pointer;transition:background-color .15s ease;&:focus-visible{outline:3px solid var(--color-primary-container);outline-offset:2px}&[aria-checked=true]{background-color:var(--color-secondary-fixed);.track{background-color:var(--color-secondary)}.knob{translate:-1.25rem 0}&:dir(ltr) .knob{translate:1.25rem 0}}}.swap-text{display:flex;flex-direction:column}.swap-title{font-size:var(--text-body-lg);font-weight:var(--weight-bold);color:var(--color-on-surface)}.swap-hint{font-size:var(--text-body-md);color:var(--color-on-surface-variant)}.track{position:relative;flex:none;width:3rem;height:1.75rem;border-radius:var(--radius-full);background-color:var(--color-outline-variant);transition:background-color .15s ease}.knob{position:absolute;top:.1875rem;inset-inline-start:.1875rem;width:1.375rem;height:1.375rem;border-radius:var(--radius-full);background-color:var(--color-surface-container-lowest);transition:translate .15s ease}.ingredient-list{display:flex;flex-direction:column}.ingredient{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-1);border-bottom:var(--border-ghost);cursor:pointer;&:has(:focus-visible){outline:3px solid var(--color-primary-container);outline-offset:2px;border-radius:var(--radius-sm)}&[data-checked=true]{.box{color:var(--color-primary)}.name{text-decoration:line-through}.name,.quantity{opacity:.5}}}.box{font-size:1.375rem;color:var(--color-outline)}.what{flex:1;min-width:0;display:flex;flex-direction:column}.name{font-size:var(--text-body-lg);font-weight:var(--weight-semibold)}.risk{display:inline-block;width:.5rem;height:.5rem;margin-inline-start:var(--space-2);border-radius:var(--radius-full);vertical-align:middle;&[data-risk=safe]{background-color:var(--color-risk-safe)}&[data-risk=caution]{background-color:var(--color-risk-caution)}&[data-risk=high]{background-color:var(--color-risk-high)}}.replaces{font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--color-secondary)}.quantity{font-family:var(--font-display);font-size:var(--text-label-lg);font-weight:var(--weight-bold);color:var(--color-on-surface-variant);white-space:nowrap}}}.blog-post.story{--story-column: 46rem;.story-header{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:max(15.5rem,min(40vw,51svh));padding:var(--space-16) var(--gutter) var(--space-10);overflow:hidden;background-color:var(--color-inverse-surface);color:var(--color-inverse-on-surface);.backdrop{position:absolute;inset:0;.image{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}}.shade{position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--color-shade) 55%,transparent),transparent 30%)}.intro{position:relative;z-index:0;width:100%;max-width:var(--story-column);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3);&:before{content:"";position:absolute;z-index:-1;inset:calc(-1 * var(--space-12)) -100vw calc(-1 * var(--space-10));background:linear-gradient(to top,color-mix(in srgb,var(--color-shade) 80%,transparent),color-mix(in srgb,var(--color-shade) 65%,transparent) calc(100% - var(--space-12)),transparent)}}.breadcrumbs{color:inherit;.crumb:hover{color:var(--color-primary-fixed-dim)}.category,.category:hover{background-color:var(--color-tertiary-fixed);color:var(--color-on-tertiary-fixed)}}.title{font-size:clamp(2.5rem,1.25rem + 4vw,4.25rem);line-height:var(--lh-display-lg);color:inherit;text-shadow:0 2px 16px color-mix(in srgb,var(--color-shade) 40%,transparent)}.byline{.author .role,.when{color:color-mix(in srgb,var(--color-inverse-on-surface) 80%,transparent)}}}.story-caption{max-width:calc(var(--story-column) + 2 * var(--gutter));margin:var(--space-2) auto 0;padding-inline:var(--gutter);font-size:var(--text-body-md);color:var(--color-on-surface-variant)}.post-body{grid-template-columns:minmax(0,1fr);padding-top:var(--space-12)}.post-content{grid-template-columns:minmax(0,1fr) minmax(0,var(--story-column)) minmax(0,1fr);column-gap:0;font-size:var(--text-prose-lg);line-height:var(--lh-prose-lg);>*{grid-column:2}>.full-bleed{grid-column:1 / -1}>p:first-of-type{font-size:var(--text-headline-sm);line-height:var(--lh-lead);font-weight:var(--weight-medium)}>p:first-of-type:first-letter{margin-inline-end:var(--space-3);font-weight:var(--weight-extrabold);color:var(--color-primary);-webkit-initial-letter:2;initial-letter:2;@supports not ((initial-letter: 2) or (-webkit-initial-letter: 2)){float:inline-start;margin-top:var(--space-2);font-size:var(--text-drop-cap);line-height:.85}}}.author-card{grid-column:1;max-width:var(--story-column);margin-inline:auto}}