/* D15.2 – one font pairing site-wide: Open Sans 700/800 (headings) + Assistant 400/600 (body/UI). Free Google Fonts (OFL), self-hosted WOFF2 subsets. ₪0 */
@font-face{font-family:"Open Sans";src:url(/d15/fonts/OpenSans-700-800.woff2) format("woff2");font-weight:700 800;font-display:optional}
@font-face{font-family:"Assistant";src:url(/d15/fonts/Assistant-400-600.woff2) format("woff2");font-weight:400 600;font-display:optional}
:root{--fs-grp:20px;--lh-grp:28px;--serif:"Open Sans",Arial,sans-serif;--sans:"Assistant",Arial,sans-serif;--w-ui:600;--w-meta:600;--w-qty:600;
--fs-h1:56px;--lh-h1:64px;--fs-h2:36px;--lh-h2:44px;--fs-h3:24px;--lh-h3:32px;--fs-body:18px;--lh-body:30px;--fs-meta:15px;--lh-meta:22px}
@media (max-width:760px){:root{--fs-h1:34px;--lh-h1:42px;--fs-h2:26px;--lh-h2:34px;--fs-h3:20px;--lh-h3:28px;--fs-body:17px;--lh-body:28px;--fs-meta:14px;--lh-meta:20px}}
:root{
 --ink:#1E1E1C;--paper:#FAF7F2;--muted:#5E5A53;--olive:#4A5A2A;--olive-soft:#E9EBDD;--tahini:#EFE6D3;--tomato:#A8361F;--line:#DDD5C6;--ctl:#8C8478;--white:#FFFFFF;--black:#000;
 --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;

}
:root{/* legacy (v3/home/recipe/Base/md/affiliate) palette, moved here r2 fix 10 */
 --lc-000000:#000000;--lc-1e1a16:#1e1a16;--lc-2b2b26:#2b2b26;--lc-2f3a2a:#2f3a2a;--lc-3a332c:#3a332c;--lc-4a4a42:#4a4a42;--lc-4a5528:#4a5528;--lc-5a5047:#5a5047;--lc-5c5348:#5c5348;--lc-6b6b60:#6b6b60;--lc-7d7366:#7d7366;--lc-8c8274:#8c8274;--lc-9a8f6a:#9a8f6a;--lc-9a8f80:#9a8f80;--lc-a0-0-0-55:rgba(0,0,0,.55);--lc-a20-16-12-0:rgba(20,16,12,0);--lc-a20-16-12-88:rgba(20,16,12,.88);--lc-a2432a:#a2432a;--lc-a251-248-243-0:rgba(251,248,243,0);--lc-a43-38-32-82:rgba(43,38,32,.82);--lc-bdb3a3:#bdb3a3;--lc-c9bfaf:#c9bfaf;--lc-cfc5b6:#cfc5b6;--lc-d9d0c2:#d9d0c2;--lc-ded5c7:#ded5c7;--lc-e4ddd2:#e4ddd2;--lc-e6e0d2:#e6e0d2;--lc-e8dfd1:#e8dfd1;--lc-e9ecdd:#e9ecdd;--lc-ede6da:#ede6da;--lc-efe6d6:#efe6d6;--lc-efe8dc:#efe8dc;--lc-f1ebe1:#f1ebe1;--lc-f1eee9:#f1eee9;--lc-f3c9b5:#f3c9b5;--lc-f3d9b1:#f3d9b1;--lc-f6f1e8:#f6f1e8;--lc-f6f3ec:#f6f3ec;--lc-fbf8f3:#fbf8f3;--lc-fffdf8:#fffdf8;--lc-ffffff:#ffffff}
*{box-sizing:border-box}
html{font-synthesis:none;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--fs-body);line-height:var(--lh-body);font-weight:400}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
.wrap{max-width:1200px;margin-inline:auto;padding-inline:0}
@media (max-width:1240px){.wrap{padding-inline:var(--s5)}}
h1,h2,h3{font-family:var(--serif);font-weight:700;margin:0;text-wrap:balance;letter-spacing:0}
.display{font-size:var(--fs-h1);line-height:var(--lh-h1);font-weight:800}
h1{font-size:var(--fs-h1);line-height:var(--lh-h1);font-weight:800}
h2{font-size:var(--fs-h2);line-height:var(--lh-h2)}
h3{font-size:var(--fs-h3);line-height:var(--lh-h3)}
p{margin:0 0 var(--s4)}
.meta,.small{font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--muted)}
.kicker{font-size:var(--fs-meta);line-height:var(--lh-meta);font-weight:var(--w-ui);color:var(--olive);letter-spacing:0}
.u{white-space:nowrap;unicode-bidi:isolate}
.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus{width:auto;height:auto;clip-path:none;inset-inline-start:var(--s4);top:var(--s4);background:var(--white);padding:var(--s3);z-index:9}
/* header */
.hdr{border-bottom:1px solid var(--line);background:var(--paper)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:var(--s5)}
.logo{display:flex;flex-direction:column;text-decoration:none;min-height:44px;justify-content:center}
.logo b{font-family:var(--serif);font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:800}
.logo span{font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--muted);letter-spacing:0}
.nav{display:flex;gap:var(--s2);list-style:none;margin:0;padding:0}
.nav a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding-inline:var(--s3);text-decoration:none;font-weight:var(--w-ui);font-size:var(--fs-body);line-height:var(--lh-body);border-radius:999px}
.nav a[aria-current]{background:var(--olive-soft)}
.search{display:flex;align-items:center;gap:var(--s2);min-height:44px;border:1px solid var(--ctl);border-radius:999px;padding-inline:var(--s4);background:var(--white);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted);min-width:240px}
.search input{border:0;background:transparent;font:inherit;color:var(--ink);min-height:44px;width:100%;outline-offset:2px}
/* buttons/chips */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding-inline:var(--s5);background:var(--tomato);color:var(--white);border:0;border-radius:999px;font:var(--w-ui) var(--fs-body)/var(--lh-body) var(--sans);text-decoration:none;white-space:nowrap;cursor:pointer}
.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:var(--s2);list-style:none;margin:0;padding:0}
.chip{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding-inline:var(--s4);border:1.5px solid var(--ctl);border-radius:999px;background:var(--white);font:var(--w-ui) var(--fs-meta)/var(--lh-meta) var(--sans);color:var(--ink);text-decoration:none;cursor:pointer}
.chip[aria-pressed="true"]{background:var(--olive);border-color:var(--olive);color:var(--white)}
.chip[aria-pressed="true"]::before{content:"";display:inline-block;width:10px;height:5px;border-inline-start:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);margin-inline-end:var(--s2);margin-bottom:3px}
.tag{display:inline-block;font:var(--w-ui) var(--fs-meta)/var(--lh-meta) var(--sans);color:var(--olive);background:var(--olive-soft);padding-inline:var(--s2);border-radius:var(--s1)}
/* hero */
.hero{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s5);align-items:end;padding-block:var(--s7) var(--s8)}
.hero figure{grid-column:1/-1;margin:0;position:relative}
.hero img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--s1)}
.hero .card-over{position:absolute;inset-inline-start:var(--s7);bottom:calc(-1*var(--s7));background:var(--paper);padding:var(--s6) var(--s6) var(--s5);max-width:560px;border-radius:var(--s1)}
.hero .card-over p{color:var(--muted)}
/* sections */
.sec{padding-block:var(--s9) 0}
.sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s4);margin-bottom:var(--s6);border-bottom:1px solid var(--ink);padding-bottom:var(--s3)}
.sec-h a{display:inline-flex;align-items:center;min-height:44px;font-weight:var(--w-ui);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--olive)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s6) var(--s5);list-style:none;margin:0;padding:0}
.grid.g3{grid-template-columns:repeat(3,1fr)}
.card a{display:block;text-decoration:none}
.card img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--s1);background:var(--tahini)}
.card h3{font-size:var(--fs-h3);line-height:var(--lh-h3);margin-block:var(--s3) var(--s2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .meta{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap}
.hubs{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s5);list-style:none;margin:0;padding:0}
.hubs a{display:flex;flex-direction:column;gap:var(--s3);text-decoration:none;font:var(--w-ui) var(--fs-body)/var(--lh-body) var(--sans);text-align:center;min-height:44px}
.hubs .ring{aspect-ratio:1/1;border-radius:50%;background:var(--tahini);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:700;color:var(--olive)}
.note{display:grid;grid-template-columns:5fr 7fr;gap:var(--s7);align-items:center;background:var(--tahini);padding:var(--s8);border-radius:var(--s1)}
.note blockquote{margin:0;font-family:var(--serif);font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:var(--w-ui)}
.ftr{margin-top:var(--s9);border-top:1px solid var(--line);padding-block:var(--s7);font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--muted)}
.ftr .wrap{display:flex;justify-content:space-between;gap:var(--s5);flex-wrap:wrap}
.ftr a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink)}
/* breadcrumb */
.bc{padding-block:var(--s5) 0}
.bc ol{display:flex;flex-wrap:wrap;gap:var(--s2);list-style:none;margin:0;padding:0;font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--muted)}
.bc li+li::before{content:"‹";margin-inline-end:var(--s2)}
.bc a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;color:var(--ink)}
.bc [aria-current]{display:inline-flex;align-items:center;min-height:44px}
/* recipe */
.r-head{max-width:880px;padding-block:var(--s5) var(--s6)}
.r-head .lede{max-width:min(60ch,40rem);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted);margin-top:var(--s4)}
.trust{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s5);font-size:var(--fs-meta);line-height:var(--lh-meta)}
.trust .av{width:44px;height:44px;border-radius:50%;background:var(--olive);color:var(--white);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-size:var(--fs-body);line-height:var(--lh-body)}
.facts{display:flex;flex-wrap:wrap;gap:0;border-block:1px solid var(--line);margin-block:var(--s5);list-style:none;padding:0}
.facts li{padding:var(--s4) var(--s5);border-inline-end:1px solid var(--line);display:flex;flex-direction:column}
.facts li:last-child{border:0}
.facts b{font-family:var(--serif);font-size:var(--fs-h3);line-height:var(--lh-h3)}
.facts span{font-size:var(--fs-meta);line-height:var(--lh-meta);color:var(--muted)}
.r-actions{display:flex;gap:var(--s3);flex-wrap:wrap}
.r-hero{margin:var(--s6) 0 0}
.r-hero.tile{aspect-ratio:16/9;display:grid;place-items:center;background:var(--olive-soft);border:1px solid var(--line);border-radius:var(--s1);direction:rtl;text-align:center;padding:var(--s6)}
.tile-in{display:flex;flex-direction:column;gap:var(--s3);max-width:32ch}.tile-k{color:var(--olive);font-size:var(--fs-meta);line-height:var(--lh-meta)}.tile-t{color:var(--ink);font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:700}.tile-s{color:var(--muted);font-style:normal;font-size:var(--fs-meta)}
.r-hero img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--s1)}
.r-body{display:grid;grid-template-columns:4fr 8fr;gap:var(--s8);padding-top:var(--s8);align-items:start}
.ingr{position:sticky;top:var(--s5);background:var(--white);border:1px solid var(--line);border-radius:var(--s1);padding:var(--s6)}
.scaler{display:flex;align-items:center;gap:var(--s2);margin-block:var(--s4)}
.scaler button{min-width:48px;min-height:48px;border:1.5px solid var(--ink);background:var(--paper);border-radius:999px;font:var(--w-ui) var(--fs-body)/var(--lh-body) var(--sans);cursor:pointer}
.scaler button[aria-pressed="true"]{background:var(--ink);color:var(--white)}
.ingr ul{list-style:none;margin:0;padding:0}
.ingr li{border-bottom:1px solid var(--line)}
.ingr label{display:flex;align-items:center;gap:var(--s3);min-height:48px;cursor:pointer;font-size:var(--fs-body);line-height:var(--lh-body)}
.ingr input{width:24px;height:24px;margin:0;accent-color:var(--olive);flex:none}
.ingr input:checked+span{text-decoration:line-through;color:var(--muted)}
.steps{list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:56px 1fr;gap:var(--s4);padding-block:var(--s5);border-bottom:1px solid var(--line);max-width:68ch}
.steps li::before{content:counter(s);font-family:var(--serif);font-size:var(--fs-h3);line-height:var(--lh-h3);font-variant-numeric:tabular-nums;font-weight:700;color:var(--olive)}
.steps p{margin:0}
.share{display:flex;gap:var(--s3);margin-top:var(--s6);flex-wrap:wrap}
/* category */
/* mobile */
@media (max-width:760px){
 .wrap{padding-inline:20px}
 .hdr .wrap{min-height:64px}
 .nav,.search{display:none}
 .menu{display:inline-flex}
 .hero{padding-block:0 var(--s6);gap:0;padding-inline:0}
 .hero img,.r-hero img{aspect-ratio:4/5;border-radius:0}
 .hero .card-over{position:static;margin:calc(-1*var(--s8)) var(--s4) 0;padding:var(--s5);max-width:none}
 .sec{padding-block:var(--s8) 0}
 .grid,.grid.g3{grid-template-columns:repeat(2,1fr);gap:var(--s5) var(--s4)}
 .hubs{grid-template-columns:repeat(3,1fr);gap:var(--s4)}
 .note,.r-body{grid-template-columns:1fr;gap:var(--s5);padding:var(--s5)}
 .r-body{padding:var(--s6) 0 0}
 .facts li{padding:var(--s3) var(--s4);flex:1 1 33%}
 .r-hero{margin-inline:-20px}
 .ingr{position:static;padding:var(--s5)}
 .steps li{grid-template-columns:40px 1fr;gap:var(--s3)}
 .chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--s1)}
 .chip{flex:none}
}
.menu{display:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1.5px solid var(--ink);border-radius:999px;background:none;font:var(--w-ui) var(--fs-meta)/var(--lh-meta) var(--sans);padding-inline:var(--s4);color:var(--ink)}
/* D15 r2: A4/A7 */
p,li,blockquote{text-wrap:pretty}
.time{color:var(--muted);font-size:var(--fs-meta);line-height:var(--lh-meta)}
.sec-h h2::before{content:attr(data-n);display:block;font:var(--w-ui) var(--fs-meta)/var(--lh-meta) var(--sans);color:var(--olive);margin-bottom:var(--s1)}
.card a{display:block;text-decoration:none;color:inherit}
.card img{transition:transform .2s}
.card a:hover img{transform:scale(1.02)}
.card .meta{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}
@media (max-width:760px){
 .sec{padding-block:var(--s9) 0}
 .sec-h{margin-bottom:var(--s5)}
 .grid,.grid.g3{gap:var(--s7) var(--s4)}
 .card h3{margin-block:var(--s3) var(--s2)}
 .hubs{gap:var(--s5) var(--s4)}
 .ftr{padding-block:var(--s8)}
}
@media (max-width:760px){.menu{display:inline-flex}.sec{padding-block:var(--s8) 0}.hero{padding-bottom:0}.hero+.sec{padding-top:var(--s7)}.hero .card-over .btn{width:100%;justify-content:center}}
@media (max-width:760px){.hero .card-over{position:relative;inset:auto;z-index:1;border-radius:var(--s1) var(--s1) 0 0}}
/* D15.1 §4.4 – numbers & ingredient list */
.meta,.time,.tag,.trust,.bc ol,.ftr{font-weight:var(--w-meta)}
.ingr .qty{font-weight:var(--w-qty)}
.ingr .item{font-weight:400}
.ingr .note-i{font-size:var(--fs-meta);line-height:var(--lh-meta);font-weight:var(--w-meta);color:var(--muted)}
.ingr h3{font-size:var(--fs-grp);line-height:var(--lh-grp);margin-top:var(--s5)}
.ingr label{align-items:flex-start;padding-block:var(--s2)}
.ingr input{margin-top:3px}
.facts,.scaler{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* pilot-10 additions (D15.2 tokens only) */
.r-body.one{grid-template-columns:1fr}
.steps-h{font-size:var(--fs-grp);line-height:var(--lh-grp);margin-top:var(--s5)}
.r-notes{margin-top:var(--s6);max-width:68ch}
.r-notes p{color:var(--ink)}
.r-intro p{max-width:68ch}
.ingr .qnote{margin-top:var(--s3)}
.scaler[hidden]{display:none}
.menu{text-decoration:none}
@media print{.hdr,.bc,.r-actions,.share,.sec,.ftr,.scaler,.r-hero{display:none}.r-body{grid-template-columns:1fr}.ingr{position:static;border:0}}
.trust b,.r-intro b,.v b,.v strong{font-weight:600}
.r-hero.h169 img{aspect-ratio:16/9}
.r-hero.top img{object-position:50% 0}
.ingr .istep p{margin:var(--s2) 0;font-weight:600}
.r-hero.fb{overflow:hidden}
.r-hero.fb img{width:100%;height:auto;max-height:none;aspect-ratio:16/9;object-fit:cover;object-position:50% 50%;border-radius:var(--s1)} /* Moti 2026-11-06: force 16:9 even when HTML width/height is 1080×1920 */
.art-body{max-width:760px}.art-body h2{margin:var(--s7) 0 var(--s3)}.art-body h3{margin:var(--s5) 0 var(--s2)}.art-body p{margin:0 0 var(--s3)}.art-body p.li{padding-inline-start:var(--s4)}.art-body a{color:var(--olive);text-decoration:underline}
.r-media{margin-top:var(--s6);display:grid;gap:var(--s4)}.r-media figure{margin:0}.r-media video,.r-media img{display:block;max-width:min(100%,480px);height:auto;margin-inline:auto;border-radius:var(--s1);background:var(--black)}
main .v{overflow-wrap:anywhere}
@media (max-width:760px){.r-hero.fb img{aspect-ratio:4/5;border-radius:0}}
@media (max-width:760px){.r-hero.tile{border-radius:0;border-inline:0;padding:var(--s5)}.tile-t{font-size:var(--fs-h3);line-height:var(--lh-h3)}}