/* ---------- Trivet · private chef 40 (website) --------------------------
   THE MOVE: one narrow measure the whole way down, widened exactly twice —
   once for the band of numerals, once for the six plates — then closed back up,
   with the numerals the largest type anywhere on the page. Sections are parted
   by whitespace alone, so the shared zebra tint is switched off and the nav
   hairline is removed. Accent lives in --wine so day/night is one swap. */
body.t-trivet.ws-body { --bg: #fbf4ee; --fg: #4a3b33; --heading: #241c18; --text: #4a3b33; --muted: #8b7568; --wine: #6b2737; }
body.t-trivet .ws-nav { background: var(--bg); border-bottom: 0; }
body.t-trivet .ws-brand, body.t-trivet .ws-hero h1, body.t-trivet .ws-h2, body.t-trivet .ws-title-h,
body.t-trivet .ws-col-h, body.t-trivet .ws-quote-t { font-family: var(--sf-serif); font-weight: 400; font-style: normal; letter-spacing: -0.01em; }
body.t-trivet .ws-hero { min-height: 100vh; }
body.t-trivet .ws-hero h1 { font-size: clamp(36px, 6vw, 68px); }
body.t-trivet .ws-h2, body.t-trivet .ws-title-h { font-size: clamp(25px, 3vw, 34px); margin: 0 0 22px; }
body.t-trivet .ws-section:nth-child(even):not(.ws-cta):not(.ws-shoplink) { background: transparent; }
body.t-trivet .ws-titleblock, body.t-trivet .ws-quoteblock, body.t-trivet .ws-h2, body.t-trivet .ws-title-h { text-align: left; }
body.t-trivet .ws-richtext p, body.t-trivet .ws-list li, body.t-trivet .ws-quote-a { color: var(--text); }
body.t-trivet .ws-sub, body.t-trivet .ws-title-sub { color: var(--muted); text-align: left; font-size: 15px; margin: 0 0 26px; }
body.t-trivet .ws-form { max-width: 100%; margin: 0; }
/* the measure — the whole page lives inside it */
body.t-trivet main .ws-container { max-width: 620px; }
/* the competence display is a stack of full-width bars, never a card grid */
body.t-trivet .ws-list-bullet { list-style: none; padding-left: 0; }
body.t-trivet .ws-list-bullet li { border-top: 1px solid color-mix(in srgb, var(--fg) 22%, transparent); padding: 15px 0; margin: 0; font-size: 18px; line-height: 1.5; }
body.t-trivet .ws-list-number li::marker { color: var(--wine); }
/* the two widenings — nothing else on the page is wider than the measure */
body.t-trivet main .ws-columns .ws-container, body.t-trivet main .ws-gallery .ws-container { max-width: 980px; }
body.t-trivet .ws-col-h { font-size: clamp(58px, 8vw, 104px); line-height: 0.9; color: var(--wine); text-align: center; margin: 0 0 14px; }
body.t-trivet .ws-col p { color: var(--muted); font-size: 14px; line-height: 1.5; text-align: center; max-width: 21ch; margin: 0 auto; }
body.t-trivet .ws-gallery-grid { grid-template-columns: repeat(3, 1fr); gap: 22px; }
body.t-trivet .ws-gallery-item img { aspect-ratio: 4 / 5; border-radius: 0; }
body.t-trivet .ws-gallery-cap strong { font-family: var(--sf-serif); font-weight: 400; font-size: 15px; }
body.t-trivet .ws-gallery-cap span { color: var(--muted); }
body.t-trivet .btn.brand { background: var(--wine); border-color: var(--wine); color: #fbf4ee; box-shadow: none; }
body.t-trivet .btn.brand:hover { background: #55202c; border-color: #55202c; }
@media (max-width: 720px) { body.t-trivet .ws-gallery-grid { grid-template-columns: repeat(2, 1fr); } }

/* night — same tokens, one wine swap, so the toggle actually moves the page */
html[data-theme="dark"] body.t-trivet.ws-body { --bg: #1b1512; --fg: #cfc0b5; --heading: #fbf4ee; --text: #cfc0b5; --muted: #948274; --wine: #d79aa1; }
html[data-theme="dark"] body.t-trivet { background: #1b1512; }
html[data-theme="dark"] body.t-trivet .btn.brand { color: #1b1512; }