/* A Shared Palate — this book's OWN page kinds, on top of the press engine (assets/book.css):
   the dedication, the recipe spreads (story left, recipe right), the part openers, the notes and "your recipe" pages. */
.tone-sage{--tone:var(--foil)}.tone-butter{--tone:var(--champagne)}.tone-berry{--tone:var(--amber)}
.kicker.tone-butter{color:var(--champagne)!important}.kicker.tone-berry{color:var(--amber)!important}

/* cover plate (when a picture is tipped in) */
.cv-art{width:74cqw;padding:2.2cqw;background:#fffaf0;box-shadow:0 1.2cqw 3cqw rgba(0,0,0,.35);margin-bottom:6cqw;transform:rotate(-1.2deg)}
.cv-art img{display:block;width:100%}
.d-favs{font-family:var(--display);font-size:2.5cqw;line-height:1.5;color:var(--mut);margin-top:3.5cqw!important;max-width:60cqw}
.d-favs .hand{font-size:4.2cqw;display:block;margin-bottom:.6cqw}
.d-credit{margin-top:auto!important;padding-top:2cqw;font:1.6cqw/1.3 var(--sans);color:var(--mut);opacity:.8}

/* dedication */
.p-dedication .pi{align-items:center;text-align:center;padding-top:7cqw;padding-bottom:6cqw}
.d-art{margin:0 0 4cqw;width:38cqw;padding:1.4cqw;background:#0B0F11;border:.25cqw solid rgba(236,201,116,.5);box-shadow:var(--glow)}
.d-art img{display:block;width:100%}
.d-art figcaption{font:1.7cqw/1.3 var(--sans);color:var(--mut);padding:1.6cqw 0 1.8cqw}
.p-dedication blockquote{margin:0;font-family:var(--display);font-size:2.9cqw;line-height:1.5;max-width:62cqw}
.d-to{font-family:var(--hand);font-weight:700;font-size:8cqw;color:var(--foil);line-height:1;margin-bottom:2cqw!important}
.d-bless{font-style:italic;color:var(--champagne);margin-top:3cqw!important}

/* favourites */
.f-list{list-style:none;margin:0;padding:0;display:grid;gap:2cqw}
.f-list li{border-bottom:.2cqw dashed var(--rule);padding-bottom:1.8cqw}
.f-list .hand{font-size:4.8cqw;color:var(--champagne)}
.f-list p{font-size:2.3cqw;line-height:1.45;color:var(--mut);margin:.6cqw 0 0}
.f-list b{color:var(--sage);font-weight:600}

/* science page (left of every recipe): the Food Lab / DK spread — question, diagram, numbers, principles */
.p-science .pi{padding-top:8cqw}
.sc-q{font-size:6.6cqw!important;line-height:1.08!important}
.sc-diagram{margin:1cqw 0 4cqw;min-height:30cqw;border-radius:1.2cqw;background:rgba(236,201,116,.05);border:.2cqw solid var(--rule);display:grid;place-items:center;padding:3cqw}
.sc-diagram svg{width:100%;height:auto}
.sc-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4cqw;margin-bottom:4cqw}
.sc-numbers>div:not(.sourcing){border-top:.6cqw solid var(--foil);padding-top:1.6cqw}
.sc-numbers b{display:block;font-family:var(--display);font-weight:300;font-size:7cqw;line-height:1;color:var(--foil);text-shadow:0 0 2cqw rgba(236,201,116,.3)}
.sc-numbers small{font-size:2.6cqw;margin-left:.4cqw;color:var(--mut)}
.sc-numbers span{display:block;font-size:2cqw;color:var(--mut);margin-top:1cqw;line-height:1.3}
.sc-numbers .sourcing{grid-column:1/-1}
.sc-principles{list-style:none;margin:0;padding:0;counter-reset:pr;display:grid;gap:2.6cqw}
.sc-principles li{counter-increment:pr;position:relative;padding-left:7cqw}
.sc-principles li:not(:has(.sourcing))::before{content:counter(pr);position:absolute;left:0;top:0;width:4.6cqw;height:4.6cqw;border-radius:50%;background:var(--foil);color:#14100A;font:600 2.2cqw/4.6cqw var(--mono);text-align:center}
.sc-principles li:has(.sourcing){padding-left:0}
.sc-principles h4{margin:0 0 .6cqw;font:600 2.6cqw/1.25 var(--sans)}
.sc-principles p{font-size:2.4cqw;line-height:1.5;color:var(--mut);margin:0}
.sc-src{position:absolute;bottom:8.5cqw;left:10cqw;right:10cqw;font-size:1.7cqw;color:var(--mut);border-top:.2cqw solid var(--rule);padding-top:1.4cqw}

/* chapter title page */
.ch-sub{font-family:var(--display);font-style:italic;font-size:4.4cqw;color:var(--champagne);margin-top:-1cqw!important}
.ch-note{font-family:var(--display);font-size:3cqw;line-height:1.5;color:var(--mut);max-width:56cqw;margin-top:4cqw!important}
.ch-list{list-style:none;margin:4cqw 0 0;padding:0;border-top:.3cqw solid var(--foil)}
.ch-list li{font-family:var(--display);font-size:3.6cqw;padding:2cqw 0;border-bottom:.2cqw solid var(--rule)}

/* recipe page: photo band, head, columns, sidebar */
.r-photo{margin:-9cqw -10cqw 4cqw;height:30cqw;display:grid;place-items:center;background:linear-gradient(135deg,rgba(236,201,116,.1),rgba(236,201,116,.03)),#0D1315;border-bottom:.6cqw solid var(--tone)}
.r-photo img{width:100%;height:100%;object-fit:cover}
.r-photo .hand{font-size:5cqw;color:var(--tone);transform:rotate(-3deg)}
.r-head{display:flex;justify-content:space-between;align-items:baseline;gap:3cqw}
.r-lede{font-family:var(--display);font-size:2.7cqw;line-height:1.45;color:var(--mut);margin-top:1cqw!important}
.r-side{margin-top:3cqw;background:rgba(236,201,116,.07);border:.2cqw solid var(--rule);border-radius:1cqw;padding:2.6cqw 3cqw;font-size:2.2cqw}
.r-side ul{margin:0 0 1.4cqw;padding-left:3cqw}

/* recipe spread v2: left = picture, name, Glen's words, ingredients; right = method, notes, why it works */
.p-story .pi{padding-top:0}
.p-story .s-photo{flex:none;height:31%;overflow:hidden;position:relative;margin:0 -10cqw 3.4cqw;border-bottom:.5cqw solid var(--foil)}
.p-story .s-photo-short{height:25%}
.s-meta{font:500 1.8cqw/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin:-1cqw 0 2.4cqw!important}
.s-meta span+span::before{content:""}
.r-said{margin:0 0 3cqw;padding-left:3cqw;border-left:.5cqw solid var(--foil)}
.r-said p{font-family:var(--hand);font-size:3.3cqw;line-height:1.2;color:var(--champagne);margin:0 0 .6cqw!important}
.r-said cite{font:500 1.6cqw/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--mut);font-style:normal}
.p-story .b-ings{font-size:2.15cqw;line-height:1.35;columns:2;column-gap:4cqw}
.p-story .b-ings li{padding:.65cqw 0;break-inside:avoid}
.p-recipe .pi{padding-top:7cqw}
.p-recipe .b-steps{font-size:2.2cqw;line-height:1.45}
.p-recipe .b-steps li{margin-bottom:1.1cqw}
.r-notes{margin-top:2.4cqw}
.r-notes ul{margin:0;padding-left:3cqw;font-size:2cqw;line-height:1.4;color:var(--mut)}
.r-notes li{margin-bottom:1cqw}
.why{margin-top:auto;margin-bottom:9cqw;padding:2.4cqw 3cqw;border:.2cqw solid var(--rule);border-radius:1cqw;background:rgba(236,201,116,.05)}
.why h3{color:var(--foil)!important;margin-bottom:1.4cqw!important}
.why ul{margin:0;padding-left:3cqw;font-size:2.2cqw;line-height:1.45}

/* recipe spread: story (left) */
.s-photo{flex:0 0 52%;margin:-9cqw -10cqw 6cqw;display:grid;place-items:center;background:color-mix(in srgb,var(--tone) 16%,var(--paper));
  border-bottom:.6cqw solid var(--tone)}
.s-photo img{width:100%;height:100%;object-fit:cover;display:block}
.s-credit{position:absolute;right:1.6cqw;bottom:1.2cqw;font:500 1.3cqw/1 var(--mono);letter-spacing:.06em;color:rgba(255,255,255,.9);background:rgba(10,14,16,.5);padding:.6cqw 1cqw;border-radius:.6cqw}
.s-photo .hand{font-size:6cqw;color:var(--tone);transform:rotate(-4deg)}
.s-name{font-size:7.4cqw!important}
.s-story{font-family:var(--display);font-size:3.2cqw;line-height:1.55;color:var(--mut)}

/* recipe spread: recipe (right) */
.r-name{font-size:6.4cqw!important;margin-top:2cqw!important;margin-bottom:1.4cqw!important}
.r-yield{font-family:var(--hand);font-size:4.4cqw;color:var(--foil)}
.r-cols{display:grid;grid-template-columns:.9fr 1.1fr;gap:5cqw;margin-top:3cqw;flex:1}
.b-ings{list-style:none;margin:0;padding:0;font-size:2.55cqw}
.b-ings li{padding:1.3cqw 0;border-bottom:.2cqw dashed var(--rule)}
.b-steps{margin:0;padding:0 0 0 3.6cqw;font-size:2.55cqw}
.b-steps li{margin-bottom:1.8cqw;padding-left:.8cqw}
.r-url{font:500 1.8cqw/1 var(--mono);letter-spacing:.12em;color:var(--mut);margin:0!important;position:absolute;bottom:8.5cqw;left:10cqw;right:10cqw;text-align:right;border-top:.2cqw solid var(--rule);padding-top:2cqw}

/* yours */
.y-lede{font-family:var(--display);font-size:3.2cqw;color:var(--mut)}
.y-card{margin-top:3cqw;padding:4cqw 5cqw;background:var(--paper-2);border-top:1.2cqw solid var(--foil);border:.2cqw solid var(--rule)}
.y-card .hand{font-size:3.8cqw;margin:2.6cqw 0 0;color:var(--mut)}

/* part opener */
.p-chapter{background:var(--paper-2)}
.p-chapter .pi{justify-content:center}
.ch-art{position:absolute;inset:0 0 auto 0;height:52%;overflow:hidden;filter:sepia(.25) saturate(.9);opacity:.9}
.ch-art img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.ch-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#f3e8d6)}
.ch-title{font-size:12cqw!important;line-height:.95!important}
.ch-hand{font-family:var(--hand);font-size:5cqw;color:var(--berry)}

@media (max-width:899px),(max-aspect-ratio:11/10){
  .table.reading .page-solo .s-photo{height:auto;aspect-ratio:16/9}
  .table.reading .page-solo .why{margin-top:5cqw;margin-bottom:6cqw}
  .s-credit{font-size:8px}
  .b-ings,.b-steps,.f-list p,.y-lede{font-size:14.5px}
  .s-story,.p-dedication blockquote{font-size:15.5px}
  .r-url{font-size:10px}
  .r-url{position:static;margin-top:16px!important}
  .r-cols{grid-template-columns:1fr;gap:18px}
  .p-story .b-ings{columns:1;font-size:14.5px}.p-recipe .b-steps{font-size:14.5px}.r-notes ul,.why ul{font-size:13.5px}
  .r-said p{font-size:20px}.s-meta{font-size:10px}
  .sc-principles p,.r-lede,.r-side,.ch-note{font-size:14.5px}
  .sc-principles h4{font-size:15px}
  .sc-src{position:static;font-size:11px;margin-top:14px}
}