/* The light site (D-56 (was D-31)): below the monthly hero, every page is a normal recipe website (lane G2: 10/10 top sites on a white ground).
   Tokens keep their old --pl-* names so recipe.css and shelf.css re-theme from here.
   Ground #FFFFFF, one warm off-white panel, text #1F1D1A, ONE accent: bronze #8A6100 (5.5:1 on white, 5.2:1 on the panel; the gold #ECC974 is a fill or a
   rule only, never text). No meaning rests on red against orange or green. */
:root{--pl-bg:#FFFFFF;--pl-surf:#FAF7F2;--pl-raised:#F3EEE6;--pl-fg:#1F1D1A;--pl-mut:#5C5750;--pl-gold:#8A6100;--pl-champ:#6B4A00;--pl-fill:#ECC974;
  --pl-hair:#E4DDD0;--pl-glow:0 1px 3px rgba(31,29,26,.14);--pl-on:#FFFFFF;--pl-console:#FAF7F2;
  --pl-emerald:#1F1D1A;--pl-coral:#8A6100;--pl-pop:var(--pl-gold)}
body.web{margin:0;background:var(--pl-bg);color:var(--pl-fg);font:16px/1.55 var(--sans);overflow-x:hidden}
body.web h1,body.web h2,body.web h3{font-family:var(--display);color:var(--pl-fg)}
body.web a{color:var(--pl-gold)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.band{position:relative;padding:clamp(36px,5vw,64px) clamp(16px,3vw,32px);border-top:1px solid var(--pl-hair);background:none;color:var(--pl-fg)}
.band>.inner,.band>*{max-width:1216px;margin-left:auto;margin-right:auto}
.band-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;margin-bottom:clamp(16px,2.4vw,28px)}
.band .band-head h2,.band h2{margin:0;font:500 clamp(24px,3vw,34px)/1.15 var(--display);letter-spacing:-.01em;padding:0}
.band-head .see-all,.band-head .count,.band-head .chip{margin-left:auto}
.lead{margin:0;font:400 17px/1.5 var(--sans);color:var(--pl-mut);max-width:60ch}
.stat,.count{font:500 13px/1.3 var(--sans);color:var(--pl-mut);margin:0}
.guide{display:flex;align-items:center;gap:12px;margin:0 0 12px;font:600 12px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--pl-gold)}
.guide::before{content:"";flex:0 0 28px;height:3px;background:var(--pl-fill)}
.chip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--pl-hair);border-radius:999px;background:var(--pl-bg);
  font:500 15px/1 var(--sans);color:var(--pl-fg);text-decoration:none}
a.chip:hover,button.chip:hover{border-color:var(--pl-gold);background:var(--pl-surf)}
.chip.plain{color:var(--pl-mut)}
.cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border:0;border-radius:999px;background:var(--pl-gold);color:var(--pl-on);
  font:600 15px/1 var(--sans);text-decoration:none;cursor:pointer}
.cta:hover{background:var(--pl-champ)}
.cta[aria-pressed="true"]{background:var(--pl-champ);box-shadow:0 0 0 3px var(--pl-bg),0 0 0 5px var(--pl-gold)}
.band :focus-visible,.rdp :focus-visible,.site-top :focus-visible,.site-foot :focus-visible{outline:3px solid var(--pl-gold);outline-offset:3px;border-radius:6px}
.band a.cta,.rdp a.cta,body.web a.cta{color:var(--pl-on)}
body.web a.chip{color:var(--pl-fg)}