/* Producers page — "One shift." A long scroll through one Friday at a pork plant, 05:00 to 18:00.
   A sticky clock on the side (a slim bar on phones) keeps the time and the count.
   Final state is the default; js/persona-producers.js adds .is-armed and plays reveals while on screen. */

.p-producers { --pp-top: 72px; --pp-rail: 228px; --pp-shade: 14, 14, 13; }

.p-producers .pp-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.p-producers .pp-mono { font: 500 11.5px/1 var(--font-mono); color: var(--muted); white-space: nowrap; }
.p-producers .pp-num { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }

/* ============ Hero: the plant, full bleed, the headline in white ============ */
.p-producers .pp-hero { position: relative; isolation: isolate; display: flex; align-items: flex-end; overflow: hidden;
  min-height: clamp(620px, calc(100svh - var(--pp-top)), 880px); background: var(--photo-shade); color: var(--on-photo); }
.p-producers .pp-hero__img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 66% 24%; }
.p-producers .pp-hero__img.is-missing { display: none; }
.p-producers .pp-hero__shade { position: absolute; inset: 0; z-index: -1;
  background:
    linear-gradient(90deg, rgba(var(--pp-shade), .8) 0%, rgba(var(--pp-shade), .52) 36%, rgba(var(--pp-shade), .06) 66%),
    linear-gradient(0deg, rgba(var(--pp-shade), .72) 0%, rgba(var(--pp-shade), 0) 44%); }
.p-producers .pp-hero__in { padding-top: var(--space-24); padding-bottom: var(--space-8); }
.p-producers .pp-hero__copy { max-width: 660px; display: grid; gap: var(--space-6); justify-items: start; }
.p-producers .pp-hero .mb-eyebrow { color: rgba(246,245,242,.78); }
.p-producers .pp-hero h1 { color: var(--on-photo); font-size: clamp(64px, 11vw, 152px); }
.p-producers .pp-hero .lead { color: rgba(246,245,242,.88); max-width: 44ch; }
.p-producers .pp-hero__cta { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-2); }
.p-producers .pp-down { display: inline-block; transition: transform .2s ease; }
.p-producers .mb-btn:hover .pp-down { transform: translateY(2px); }
.p-producers .pp-btn-ghost { color: var(--on-photo); border-color: rgba(246,245,242,.45); background: transparent; }
.p-producers .pp-btn-ghost:hover { border-color: var(--on-photo); }

/* The day at a glance: ten moments placed on the real clock */
.p-producers .pp-day { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--space-4); align-items: start; margin-top: var(--space-16);
  font: 500 12px/1 var(--font-mono); color: rgba(246,245,242,.7); font-variant-numeric: tabular-nums; }
.p-producers .pp-day__end { padding-top: 10px; color: var(--on-photo); }
.p-producers .pp-day__track { position: relative; height: 46px; margin: 0; padding: 0; list-style: none; }
.p-producers .pp-day__track::before { content: ""; position: absolute; left: 0; right: 0; top: 15px; height: 1px; background: rgba(246,245,242,.38); }
.p-producers .pp-day__track li { position: absolute; top: 0; bottom: 0; left: var(--at); width: 0; }
.p-producers .pp-day__track a { position: absolute; top: 4px; left: -11px; width: 22px; height: 22px; display: block; color: inherit; text-decoration: none; }
.p-producers .pp-day__track i { position: absolute; left: 7px; top: 7px; width: 8px; height: 8px; border-radius: 50%; background: var(--on-photo); transition: transform .2s ease; }
.p-producers .pp-day__track a:hover i, .p-producers .pp-day__track a:focus-visible i { transform: scale(1.5); }
.p-producers .pp-day__track span { position: absolute; top: 28px; left: 50%; transform: translateX(-50%); display: none; white-space: nowrap; }
.p-producers .pp-day__track .is-labelled span { display: block; }

/* ============ The shift: rail + story ============ */
.p-producers .pp-shift { padding: var(--space-24) 0 var(--space-16); }
.p-producers .pp-shift__grid { display: grid; grid-template-columns: var(--pp-rail) minmax(0, 1fr); gap: 0 clamp(40px, 6vw, 96px); align-items: start; }

/* The rail: the clock, the chapters, the count */
.p-producers .pp-rail { position: sticky; top: calc(var(--pp-top) + 28px); display: grid; gap: var(--space-6); padding-top: 4px; }
.p-producers .pp-rail__day { font: 500 11px/1.2 var(--font-mono); letter-spacing: .07em; text-transform: uppercase; color: var(--muted); }
.p-producers .pp-rail__clock { margin-top: 8px; font: 500 64px/1 var(--font-mono); letter-spacing: -0.05em; color: var(--ink); font-variant-numeric: tabular-nums; }
.p-producers .pp-rail__label { margin-top: 8px; font-size: 15px; line-height: 1.3; color: var(--ink-2); }
.p-producers .pp-rail__list { position: relative; margin: 0; padding: 0; list-style: none; display: grid; }
.p-producers .pp-rail__list::before,
.p-producers .pp-rail__list::after { content: ""; position: absolute; left: 3px; top: 16px; bottom: 16px; width: 1px; background: var(--line); }
.p-producers .pp-rail__list::after { background: var(--ink); transform-origin: top; transform: scaleY(var(--p, 0)); transition: transform .5s cubic-bezier(.2,.7,.2,1); }
.p-producers .pp-rail__list a { position: relative; display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 8px; align-items: center; min-height: 32px; padding: 4px 0 4px 20px;
  font-size: 13.5px; line-height: 1.25; color: var(--muted); text-decoration: none; transition: color .2s ease; }
.p-producers .pp-rail__list a::before { content: ""; position: absolute; left: 0; top: 50%; z-index: 1; width: 7px; height: 7px; margin-top: -3.5px; border-radius: 50%;
  background: var(--paper); box-shadow: inset 0 0 0 1.5px var(--line-strong); transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.p-producers .pp-rail__list time { font: 500 12px/1 var(--font-mono); font-variant-numeric: tabular-nums; }
.p-producers .pp-rail__list a:hover { color: var(--ink); }
.p-producers .pp-rail__list .is-past a { color: var(--ink-2); }
.p-producers .pp-rail__list .is-past a::before { background: var(--ink-2); box-shadow: none; }
.p-producers .pp-rail__list .is-now a { color: var(--ink); font-weight: 500; }
.p-producers .pp-rail__list .is-now a::before { background: var(--ink); box-shadow: 0 0 0 4px var(--surface-sunk); transform: scale(1.15); }
.p-producers .pp-rail__bar { display: none; }
.p-producers .pp-rail__tally { margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); padding-top: var(--space-4); border-top: 1px solid var(--line); }
.p-producers .pp-rail__tally dt { font-size: 12px; line-height: 1.3; color: var(--muted); }
.p-producers .pp-rail__tally dd { margin: 4px 0 0; font: 500 30px/1 var(--font-mono); letter-spacing: -0.03em; color: var(--ink); font-variant-numeric: tabular-nums; }

/* The story */
.p-producers .pp-story { min-width: 0; }
.p-producers .pp-intro { max-width: 40ch; padding-bottom: var(--space-16); font-size: clamp(20px, 2vw, 26px); line-height: 1.4; letter-spacing: -0.012em; color: var(--ink-2); text-wrap: pretty; }
.p-producers .pp-intro b { font-weight: 600; color: var(--ink); }

/* A chapter: the time hangs on a hairline, like a timetable */
.p-producers .pp-ch { scroll-margin-top: calc(var(--pp-top) + 24px); padding-top: var(--space-6); border-top: 1px solid var(--line); }
.p-producers .pp-ch + .pp-ch { margin-top: var(--space-24); }
.p-producers .pp-ch__head { display: grid; gap: var(--space-4); max-width: 780px; margin-bottom: var(--space-8); }
.p-producers .pp-stamp { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; }
.p-producers .pp-stamp time { font: 500 clamp(26px, 2.6vw, 34px)/1 var(--font-mono); letter-spacing: -0.04em; color: var(--ink); font-variant-numeric: tabular-nums; }
.p-producers .pp-stamp span { font: 500 11.5px/1.3 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.p-producers .pp-ch__head h2 { margin-top: var(--space-2); }
.p-producers .pp-ch__text { max-width: 60ch; font-size: 17px; line-height: 1.55; color: var(--ink-2); text-wrap: pretty; }
.p-producers .pp-ch__body { container-type: inline-size; }
.p-producers .pp-ch__body > .todo { margin-top: var(--space-4); }
.p-producers .pp-ch__body p, .p-producers .pp-ledger p { margin: 0; }
.p-producers .pp-ch__body svg { flex: none; }

/* Who did what: a quiet note under each chapter */
.p-producers .pp-ch__foot { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: var(--space-3); margin-top: var(--space-6); }
@media (min-width: 900px) { .p-producers .pp-ch__foot > .pp-note:only-child { max-width: calc(50% - 6px); } }
.p-producers .pp-note { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: start; padding: 14px 16px; border-radius: var(--radius-md); font-size: 14px; line-height: 1.45; color: var(--ink); }
.p-producers .pp-note small { display: block; margin-bottom: 3px; font: 500 10.5px/1.3 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.p-producers .pp-note--ai { background: var(--surface-sunk); }
.p-producers .pp-note--you { background: var(--surface); border: 1px solid var(--line); }
.p-producers .pp-note--you img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.p-producers .pp-note__mark { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: var(--ink); color: var(--paper); }
.p-producers .pp-note__mark svg { width: 14px; height: 14px; }

/* Reveal while on screen (only once JS arms it) */
.p-producers .pp-reveal { transition: opacity .6s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
.p-producers .pp-shift.is-armed .pp-reveal:not(.is-in) { opacity: 0; transform: translateY(16px); }

/* ============ Shared mock bits ============ */
.p-producers .pp-ch__body .mb-window { font-size: 13.5px; }
.p-producers .pp-lang { display: inline-grid; place-items: center; flex: none; min-width: 24px; height: 18px; padding: 0 4px; border-radius: 4px; background: var(--surface-sunk);
  font: 600 10px/1 var(--font-mono); letter-spacing: .04em; color: var(--ink-2); }
.p-producers .pp-pill { display: inline-flex; align-items: center; height: 22px; padding: 0 9px; border-radius: 999px; background: var(--warn-soft); color: var(--warn); font-size: 12px; font-weight: 500; white-space: nowrap; }
.p-producers .pp-dl { margin: 0; display: grid; }
.p-producers .pp-dl div { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 12px; padding: 9px 0; border-top: 1px solid var(--line); font-size: 13.5px; }
.p-producers .pp-dl dt { color: var(--muted); }
.p-producers .pp-dl dd { margin: 0; color: var(--ink); }
.p-producers .pp-dl--tight div { display: flex; justify-content: space-between; padding: 7px 0; }
.p-producers .pp-dl--tight dd { text-align: right; font-weight: 500; }
.p-producers .pp-ok { display: flex; align-items: center; gap: 7px; font-size: 13px; line-height: 1.35; font-weight: 500; color: var(--ok); }
.p-producers .pp-ok svg { width: 13px; height: 13px; }
.p-producers .pp-warn { color: var(--warn); font-weight: 500; }
.p-producers .pp-card { padding: 16px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-float); font-size: 13.5px; color: var(--ink); }
.p-producers .pp-card__head { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 10px;
  font: 500 11px/1.3 var(--font-mono); letter-spacing: .05em; text-transform: uppercase; color: var(--muted); }
.p-producers .pp-card__head .mb-status { font-family: var(--font-sans); letter-spacing: 0; text-transform: none; }
.p-producers .pp-card__line { display: flex; align-items: center; gap: 8px; padding-top: 10px; margin-top: 10px; border-top: 1px solid var(--line); font-size: 12.5px; line-height: 1.35; color: var(--muted); }
.p-producers .pp-card__line svg { width: 14px; height: 14px; color: var(--ink-2); }
.p-producers .pp-acts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.p-producers .pp-acts em { padding: 4px 11px; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--surface); font-size: 12px; font-style: normal; font-weight: 500; color: var(--ink); white-space: nowrap; }
.p-producers .pp-acts em.is-main { border-color: var(--ink); background: var(--ink); color: var(--paper); }

/* ============ 05:00 · the overnight inbox ============ */
.p-producers .pp-split { display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); gap: var(--space-6); align-items: stretch; }
.p-producers .pp-split__photo { aspect-ratio: auto; min-height: 380px; border-radius: var(--radius-lg); }
.p-producers .pp-inbox { container-type: inline-size; align-self: start; }
.p-producers .pp-inbox__sum { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
.p-producers .pp-inbox__sum li { padding: 12px 14px; font-size: 12px; line-height: 1.3; color: var(--muted); }
.p-producers .pp-inbox__sum li + li { border-left: 1px solid var(--line); }
.p-producers .pp-inbox__sum b { display: block; margin-bottom: 3px; font: 500 20px/1 var(--font-mono); color: var(--ink); }
.p-producers .pp-inbox__list { margin: 0; padding: 0; list-style: none; }
.p-producers .pp-inbox__list li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 6px 12px; align-items: center; padding: 11px 16px; border-bottom: 1px solid var(--line); }
.p-producers .pp-inbox__msg { min-width: 0; font-size: 13px; line-height: 1.4; color: var(--ink); }
.p-producers .pp-inbox__msg small { display: block; margin-bottom: 2px; font: 500 10px/1.2 var(--font-mono); letter-spacing: .05em; text-transform: uppercase; color: var(--muted); }
.p-producers .pp-res { justify-self: end; padding: 4px 8px; border-radius: 6px; background: var(--surface-sunk); font-size: 11.5px; font-weight: 500; line-height: 1.3; color: var(--ink-2); white-space: nowrap; }
.p-producers .pp-res--ok { background: var(--ok-soft); color: var(--ok); }
.p-producers .pp-inbox__more { padding: 10px 16px; font-size: 12px; color: var(--muted); }
@container (max-width: 540px) {
  .p-producers .pp-inbox__list li { grid-template-columns: auto minmax(0, 1fr); }
  .p-producers .pp-res { grid-column: 2; justify-self: start; white-space: normal; }
}
@container (max-width: 400px) {
  .p-producers .pp-inbox__sum { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .p-producers .pp-inbox__sum li:nth-child(3) { border-left: 0; }
  .p-producers .pp-inbox__sum li:nth-child(n+3) { border-top: 1px solid var(--line); }
  .p-producers .pp-inbox__list li { padding: 10px 14px; }
}

/* ============ 06:52 · the message becomes an order ============ */
.p-producers .pp-land { display: grid; grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1.15fr); gap: var(--space-4); align-items: center; }
.p-producers .pp-chat { display: grid; gap: 12px; }
.p-producers .pp-chat__who { display: flex; align-items: center; gap: 8px; font: 500 11px/1.3 var(--font-mono); letter-spacing: .05em; text-transform: uppercase; color: var(--muted); }
.p-producers .pp-bubble { padding: 14px 16px; border: 1px solid var(--line); border-radius: 18px 18px 18px 6px; background: var(--surface); font-size: 18px; line-height: 1.4; letter-spacing: -0.01em; color: var(--ink); }
.p-producers .pp-chat__read { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px; font-size: 14px; line-height: 1.45; color: var(--ink-2); }
.p-producers .pp-chat__read svg { width: 14px; height: 14px; margin-top: 3px; color: var(--ink); }
.p-producers .pp-chat__read b { font-weight: 600; color: var(--ink); }
.p-producers .pp-land__arrow { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: var(--surface); color: var(--muted); }
.p-producers .pp-land__arrow svg { width: 16px; height: 16px; }
.p-producers .pp-order__prod { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.p-producers .pp-order__prod img { width: 44px; height: 44px; border-radius: 10px; object-fit: cover; background: var(--surface-sunk); }
.p-producers .pp-order__prod b { display: block; font-size: 15.5px; font-weight: 600; letter-spacing: -0.012em; color: var(--ink); }
.p-producers .pp-order__prod small { display: block; margin-top: 2px; font-size: 12.5px; color: var(--muted); }
.p-producers .pp-order .pp-dl { padding: 0 16px 6px; }
.p-producers .pp-order .pp-dl div:first-child { border-top: 0; }
@container (max-width: 720px) {
  .p-producers .pp-land { grid-template-columns: minmax(0, 1fr); }
  .p-producers .pp-land__arrow { justify-self: center; transform: rotate(90deg); }
}

/* ============ 06:53 · six names, one spec ============ */
.p-producers .pp-spec { display: grid; grid-template-columns: minmax(0, 1fr) 80px minmax(0, 1.05fr); align-items: center; }
.p-producers .pp-names { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.p-producers .pp-names li { display: flex; align-items: center; gap: 10px; height: 42px; padding: 0 14px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); font-size: 14.5px; color: var(--ink); min-width: 0; }
.p-producers .pp-names q { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p-producers .pp-names small { margin-left: auto; font: 500 10.5px/1 var(--font-mono); letter-spacing: .05em; text-transform: uppercase; color: var(--muted); white-space: nowrap; }
.p-producers .pp-names li.is-this { border-color: var(--ink); }
.p-producers .pp-spec__join { width: 100%; height: 292px; overflow: visible; }
.p-producers .pp-spec__join path { fill: none; stroke: var(--line-strong); stroke-width: 1.25; vector-effect: non-scaling-stroke; }
.p-producers .pp-spec__down { display: none; }
.p-producers .pp-speccard { padding: 18px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-window); }
.p-producers .pp-speccard__top { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.p-producers .pp-speccard__top img { width: 48px; height: 48px; border-radius: 10px; object-fit: cover; background: var(--surface-sunk); }
.p-producers .pp-speccard__top small { display: block; font: 500 10.5px/1.3 var(--font-mono); letter-spacing: .05em; text-transform: uppercase; color: var(--muted); }
.p-producers .pp-speccard__top b { display: block; margin-top: 2px; font-size: 17px; font-weight: 600; letter-spacing: -0.015em; color: var(--ink); }
.p-producers .pp-speccard .pp-ok { margin-top: 10px; }
@container (max-width: 680px) {
  .p-producers .pp-spec { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .p-producers .pp-spec__join { display: none; }
  .p-producers .pp-spec__down { display: grid; justify-self: center; width: 36px; height: 36px; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--muted); transform: rotate(90deg); }
  .p-producers .pp-spec__down svg { width: 15px; height: 15px; }
  .p-producers .pp-names { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container (max-width: 460px) {
  .p-producers .pp-names { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .p-producers .pp-names li { height: 38px; font-size: 14px; }
}

/* ============ 07:30 · the chillers ============ */
.p-producers .pp-cold { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: center; }
.p-producers .pp-cold__photo { grid-column: 1 / 9; grid-row: 1; aspect-ratio: 16 / 11; }
.p-producers .pp-cold__photo > img { object-position: 50% 40%; }
.p-producers .pp-cold__cards { grid-column: 7 / 13; grid-row: 1; z-index: 2; display: grid; gap: 12px; }
.p-producers .pp-lots { margin: 0; padding: 0; list-style: none; display: grid; }
.p-producers .pp-lots li { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 8px; row-gap: 1px; padding: 7px 0; border-top: 1px solid var(--line); font-size: 13px; }
.p-producers .pp-lots b { font-weight: 600; color: var(--ink); }
.p-producers .pp-lots em { font: 500 12.5px/1.4 var(--font-mono); font-style: normal; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.p-producers .pp-lots small { grid-column: 1 / -1; font-size: 12px; color: var(--muted); }
.p-producers .pp-cover { display: grid; gap: 7px; margin-top: 8px; font-size: 12.5px; color: var(--muted); }
.p-producers .pp-cover__bar { display: flex; gap: 2px; height: 8px; }
.p-producers .pp-cover__bar i { display: block; border-radius: 4px 0 0 4px; }
.p-producers .pp-cover__bar i:first-child { flex: 0 0 80%; background: var(--ok); }
.p-producers .pp-cover__bar i:last-child { flex: 1; border-radius: 0 4px 4px 0; background: var(--warn-soft); box-shadow: inset 0 0 0 1px var(--warn); }
.p-producers .pp-cover__txt { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 10px; }
.p-producers .pp-cover__txt b { font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; }
.p-producers .pp-ask { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; align-items: start; margin-top: 10px; padding: 11px 12px; border-radius: var(--radius-md);
  background: var(--carmine-soft); font-size: 13px; line-height: 1.4; color: var(--ink); }
.p-producers .pp-ask__mark { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 6px; background: var(--carmine); color: var(--on-carmine); }
.p-producers .pp-ask__mark svg { width: 12px; height: 12px; }
@container (max-width: 700px) {
  .p-producers .pp-cold { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .p-producers .pp-cold__photo, .p-producers .pp-cold__cards { grid-column: 1; grid-row: auto; }
  .p-producers .pp-cold__photo { aspect-ratio: 16 / 10; }
  .p-producers .pp-cold__cards { margin: -56px 12px 0; }
}

/* ============ 08:15 · credit ============ */
.p-producers .pp-credit__in { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
.p-producers .pp-credit__limit, .p-producers .pp-credit__pay { padding: 20px; min-width: 0; }
.p-producers .pp-credit__limit { border-right: 1px solid var(--line); }
.p-producers .pp-k { margin-bottom: 10px !important; font: 500 10.5px/1.3 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.p-producers .pp-credit__big span { display: block; font-size: 34px; font-weight: 500; line-height: 1; letter-spacing: -0.03em; color: var(--ink); }
.p-producers .pp-credit__big small { display: block; margin-top: 6px; font-size: 13px; color: var(--muted); }
.p-producers .pp-limit { position: relative; display: flex; gap: 2px; height: 12px; margin: 18px 0 14px; }
.p-producers .pp-limit i { display: block; width: var(--w); height: 100%; }
.p-producers .pp-limit i.is-open { border-radius: 6px 0 0 6px; background: var(--ink-2); }
.p-producers .pp-limit i.is-new { border-radius: 0 6px 6px 0; background: var(--line-strong); }
.p-producers .pp-limit b { position: absolute; top: -6px; bottom: -6px; left: var(--at); width: 2px; border-radius: 1px; background: var(--warn); }
.p-producers .pp-limit__key { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; font-size: 13px; color: var(--ink-2); }
.p-producers .pp-limit__key li { display: flex; align-items: center; gap: 8px; }
.p-producers .pp-limit__key i { width: 10px; height: 10px; border-radius: 3px; }
.p-producers .pp-limit__key i.is-open { background: var(--ink-2); }
.p-producers .pp-limit__key i.is-new { background: var(--line-strong); }
.p-producers .pp-limit__key b { margin-left: auto; font-weight: 500; color: var(--ink); }
.p-producers .pp-limit__key .pp-warn { padding-left: 18px; }
.p-producers .pp-late { margin: 0; padding: 0 0 18px; list-style: none; display: flex; align-items: flex-end; gap: 6px; height: 84px; }
.p-producers .pp-late li { position: relative; flex: 1; height: calc(6px + var(--d) * 9px); border-radius: 3px; background: var(--line-strong); }
.p-producers .pp-late li[style="--d:0"] { background: var(--ok); }
.p-producers .pp-late li.is-late { background: var(--warn); }
.p-producers .pp-late span { position: absolute; left: 0; right: 0; top: 100%; margin-top: 4px; text-align: center; font: 500 10.5px/1 var(--font-mono); color: var(--muted); }
.p-producers .pp-credit__note { margin-top: 10px !important; font-size: 13px; line-height: 1.45; color: var(--ink-2); }
.p-producers .pp-choice { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 20px; border-top: 1px solid var(--line); background: var(--paper); }
.p-producers .pp-choice span { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 14px; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--surface); font-size: 13px; font-weight: 500; color: var(--ink-2); }
.p-producers .pp-choice span.is-picked { border-color: var(--ink); background: var(--ink); color: var(--paper); }
.p-producers .pp-choice svg { width: 12px; height: 12px; }
@container (max-width: 620px) {
  .p-producers .pp-credit__in { grid-template-columns: minmax(0, 1fr); }
  .p-producers .pp-credit__limit { border-right: 0; border-bottom: 1px solid var(--line); }
  .p-producers .pp-credit__limit, .p-producers .pp-credit__pay { padding: 16px; }
  .p-producers .pp-choice { padding: 12px 16px; }
}

/* ============ 09:30 · the cutting plan ============ */
.p-producers .pp-plan__scroll { overflow-x: auto; }
.p-producers .pp-plan__t td { font-size: 13.5px; }
.p-producers .pp-plan__t .sub { font-size: 12px; }
.p-producers .pp-gap { display: block; color: var(--muted); text-decoration: line-through; }
.p-producers .pp-planned { display: block; margin-top: 2px; color: var(--ok); font-weight: 500; }
.p-producers .pp-planned small { font-size: inherit; }
.p-producers .pp-cov { color: var(--ok); font-weight: 500; }
.p-producers .pp-plan__foot { padding: 14px 16px; border-top: 1px solid var(--line); }
.p-producers .pp-plan__ask { display: none; }
.p-producers .pp-plan__ask .pp-acts { margin: 0; }
.p-producers .pp-plan__done { display: flex; align-items: flex-start; gap: 8px; padding: 11px 12px; border-radius: var(--radius-md); background: var(--ok-soft); font-size: 13.5px; line-height: 1.4; font-weight: 500; color: var(--ok); }
.p-producers .pp-plan__done svg { width: 14px; height: 14px; margin-top: 2px; }
.p-producers .pp-shift.is-armed .pp-plan:not(.is-planned) .pp-plan__ask { display: grid; }
.p-producers .pp-shift.is-armed .pp-plan:not(.is-planned) .pp-plan__done,
.p-producers .pp-shift.is-armed .pp-plan:not(.is-planned) .pp-planned { display: none; }
.p-producers .pp-shift.is-armed .pp-plan:not(.is-planned) .pp-gap { color: var(--warn); font-weight: 500; text-decoration: none; }
@container (max-width: 560px) {
  .p-producers .pp-plan__ask { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
  .p-producers .pp-plan__ask .pp-acts { grid-column: 2; }
  .p-producers .pp-plan__t th, .p-producers .pp-plan__t td { padding-left: 7px; padding-right: 7px; }
  .p-producers .pp-plan__t th:first-child, .p-producers .pp-plan__t td:first-child { padding-left: 12px; white-space: normal; }
  .p-producers .pp-plan__t th:last-child, .p-producers .pp-plan__t td:last-child { padding-right: 12px; }
  .p-producers .pp-plan__t td { font-size: 12.5px; }
  .p-producers .pp-plan__t td.num { font-size: 12px; }
  .p-producers .pp-planned small { display: block; font-size: inherit; }
  .p-producers .pp-plan__foot { padding: 12px; }
}

/* ============ 11:00 · carrier quotes ============ */
.p-producers .pp-trucks { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-window); color: var(--ink); }
.p-producers .pp-trucks__job { display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-bottom: 1px solid var(--line); font-size: 13.5px; line-height: 1.4; color: var(--muted); }
.p-producers .pp-trucks__job b { font-weight: 600; color: var(--ink); }
.p-producers .pp-trucks__job svg { width: 16px; height: 16px; color: var(--ink); }
.p-producers .pp-quotes { margin: 0; padding: 0; list-style: none; }
.p-producers .pp-quotes li { display: grid; grid-template-columns: 26px minmax(0, 1.2fr) minmax(0, 1fr) auto; gap: 8px 18px; align-items: center; padding: 14px 18px; border-bottom: 1px solid var(--line); }
.p-producers .pp-quotes li.is-pick { box-shadow: inset 3px 0 0 var(--ok); }
.p-producers .pp-quotes__n { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: var(--surface-sunk); font: 600 11px/1 var(--font-mono); color: var(--ink); }
.p-producers .is-pick .pp-quotes__n { background: var(--ok); color: var(--surface); }
.p-producers .pp-quotes__who b { display: block; font-size: 14.5px; font-weight: 600; color: var(--ink); }
.p-producers .pp-quotes__who small { display: block; margin-top: 1px; font-size: 12.5px; color: var(--muted); }
.p-producers .pp-quotes__on { display: grid; gap: 5px; }
.p-producers .pp-quotes__on small { font-size: 12px; color: var(--muted); }
.p-producers .pp-onbar { display: block; height: 6px; border-radius: 3px; background: var(--surface-sunk); overflow: hidden; }
.p-producers .pp-onbar i { display: block; width: var(--v); height: 100%; border-radius: 3px; background: var(--ok); }
.p-producers .pp-onbar.is-low i { background: var(--warn); }
.p-producers .pp-quotes em { font-size: 15px; font-style: normal; font-weight: 500; color: var(--ink); }
.p-producers .pp-trucks > .pp-ok { padding: 14px 18px; }
@container (max-width: 560px) {
  .p-producers .pp-quotes li { grid-template-columns: 24px minmax(0, 1fr) auto; padding: 12px 14px; column-gap: 12px; }
  .p-producers .pp-quotes__n { grid-column: 1; grid-row: 1; }
  .p-producers .pp-quotes__who { grid-column: 2; grid-row: 1; }
  .p-producers .pp-quotes em { grid-column: 3; grid-row: 1; }
  .p-producers .pp-quotes__on { grid-column: 2 / -1; grid-row: 2; }
  .p-producers .pp-trucks__job, .p-producers .pp-trucks > .pp-ok { padding: 12px 14px; }
  .p-producers .pp-trucks__job { align-items: flex-start; }
}

/* ============ 13:30 · the marketplace ============ */
.p-producers .pp-market__lot { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.p-producers .pp-market__lot img { width: 44px; height: 44px; border-radius: 10px; object-fit: cover; background: var(--surface-sunk); }
.p-producers .pp-market__lot b { display: block; font-size: 15px; font-weight: 600; color: var(--ink); }
.p-producers .pp-market__lot small { display: block; margin-top: 2px; font-size: 12.5px; color: var(--muted); }
.p-producers .pp-offers { margin: 0; padding: 0; list-style: none; }
.p-producers .pp-offers li { display: grid; grid-template-columns: minmax(0, 1fr) auto 64px 92px; gap: 6px 16px; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--line); }
.p-producers .pp-offers li.is-pick { box-shadow: inset 3px 0 0 var(--ok); }
.p-producers .pp-offers__who b { display: block; font-size: 14px; font-weight: 600; color: var(--ink); }
.p-producers .pp-offers__who small { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 4px; font-size: 12px; color: var(--muted); }
.p-producers .pp-checked { display: inline-flex; align-items: center; gap: 4px; color: var(--ok); font-weight: 500; }
.p-producers .pp-checked svg { width: 11px; height: 11px; }
.p-producers .pp-offers__q { font-size: 13px; color: var(--muted); white-space: nowrap; }
.p-producers .pp-offers em { font-size: 14px; font-style: normal; font-weight: 500; color: var(--ink); text-align: right; }
.p-producers .pp-offers .mb-status, .p-producers .pp-offers__st { justify-self: end; }
.p-producers .pp-offers__st { font-size: 12px; color: var(--muted); }
.p-producers .pp-market__foot { padding: 12px 16px; font-size: 13px; color: var(--muted); }
@container (max-width: 540px) {
  .p-producers .pp-offers li { grid-template-columns: minmax(0, 1fr) auto; }
  .p-producers .pp-offers__who { grid-column: 1; grid-row: 1; }
  .p-producers .pp-offers em { grid-column: 2; grid-row: 1; }
  .p-producers .pp-offers__q { grid-column: 1; grid-row: 2; }
  .p-producers .pp-offers .mb-status, .p-producers .pp-offers__st { grid-column: 2; grid-row: 2; }
}

/* ============ 15:00 · the papers ============ */
.p-producers .pp-papers { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: var(--space-8); align-items: center; }
.p-producers .pp-sheets { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.p-producers .pp-sheet { display: grid; gap: 8px; justify-items: start; align-content: start; min-width: 0; }
.p-producers .pp-sheet__page { display: grid; align-content: start; gap: 7px; width: 100%; aspect-ratio: 1 / 1.414; padding: 16px 12px; border: 1px solid var(--line); border-radius: 4px;
  background: var(--surface); box-shadow: var(--shadow-window); }
.p-producers .pp-sheet__page i { display: block; height: 4px; border-radius: 2px; background: var(--surface-sunk); }
.p-producers .pp-sheet__page i:nth-child(1) { width: 58%; height: 6px; margin-bottom: 6px; background: var(--line-strong); }
.p-producers .pp-sheet__page i:nth-child(3) { width: 86%; }
.p-producers .pp-sheet__page i:nth-child(4) { width: 92%; }
.p-producers .pp-sheet__page i:nth-child(5) { width: 64%; }
.p-producers .pp-sheet b { font-size: 13.5px; font-weight: 600; line-height: 1.25; color: var(--ink); }
.p-producers .pp-st { display: inline-flex; align-items: center; height: 22px; padding: 0 9px; border-radius: 999px; background: var(--surface-sunk); font-size: 11.5px; font-weight: 500; color: var(--ink-2); white-space: nowrap; }
.p-producers .pp-st--ok { background: var(--ok-soft); color: var(--ok); }
.p-producers .pp-checks { margin: 0; padding: 0; list-style: none; }
.p-producers .pp-checks li { display: flex; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 14px; line-height: 1.4; color: var(--ink); }
.p-producers .pp-checks li:first-child { border-top: 1px solid var(--line); }
.p-producers .pp-checks svg { width: 14px; height: 14px; margin-top: 3px; color: var(--ok); }
@container (max-width: 720px) {
  .p-producers .pp-papers { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
}
@container (max-width: 520px) {
  .p-producers .pp-sheets { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .p-producers .pp-sheet { grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 8px 0; }
  .p-producers .pp-sheet__page { gap: 3px; padding: 6px 4px; box-shadow: none; }
  .p-producers .pp-sheet__page i { height: 2px; }
  .p-producers .pp-sheet__page i:nth-child(1) { height: 3px; margin-bottom: 2px; }
  .p-producers .pp-sheet b { font-size: 14px; }
}

/* ============ 17:40 · the dock ============ */
.p-producers .pp-dock__photo { aspect-ratio: 21 / 9; }
.p-producers .pp-dock__card { position: relative; z-index: 2; width: min(460px, calc(100% - 48px)); margin: -150px 24px 0 auto; }
.p-producers .pp-docks { margin: 0; padding: 0; list-style: none; }
.p-producers .pp-docks li { display: grid; grid-template-columns: 74px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 9px 0; border-top: 1px solid var(--line); }
.p-producers .pp-docks time { font: 500 12px/1.3 var(--font-mono); color: var(--ink); font-variant-numeric: tabular-nums; }
.p-producers .pp-docks b { display: block; font-size: 13.5px; font-weight: 600; color: var(--ink); }
.p-producers .pp-docks small { display: block; font-size: 12px; color: var(--muted); }
@container (max-width: 640px) {
  .p-producers .pp-dock__photo { aspect-ratio: 4 / 3; }
  .p-producers .pp-dock__card { width: auto; margin: 12px 0 0; box-shadow: none; }
}
@container (max-width: 400px) {
  .p-producers .pp-docks li { grid-template-columns: minmax(0, 1fr) auto; }
  .p-producers .pp-docks time { grid-column: 1 / -1; }
}

/* ============ 18:00 · the day, in two columns ============ */
.p-producers .pp-end { padding-top: var(--space-8); }
.p-producers .pp-end .pp-ch__head { max-width: 900px; }
.p-producers .pp-end { container-type: inline-size; }
.p-producers .pp-ledger { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.p-producers .pp-ledger__col { padding: 22px 24px 10px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); min-width: 0; }
.p-producers .pp-ledger__col.is-ai { border-color: transparent; background: var(--surface-sunk); }
.p-producers .pp-ledger h3 { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; font-size: 17px; font-weight: 600; letter-spacing: -0.01em; color: var(--ink); }
.p-producers .pp-ledger h3 b { margin-left: auto; font: 500 30px/1 var(--font-mono); letter-spacing: -0.03em; }
.p-producers .pp-faces { display: flex; }
.p-producers .pp-faces img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; border: 2px solid var(--surface); }
.p-producers .pp-faces img + img { margin-left: -9px; }
.p-producers .pp-ledger ol { margin: 0; padding: 0; list-style: none; }
.p-producers .pp-ledger li { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 10px; align-items: start; padding: 10px 0; border-top: 1px solid var(--line); font-size: 14px; line-height: 1.4; color: var(--ink-2); }
.p-producers .pp-ledger .is-ai li { border-top-color: var(--line-strong); border-top-color: color-mix(in srgb, var(--line-strong) 60%, transparent); }
.p-producers .pp-ledger .is-you li { grid-template-columns: 46px 22px minmax(0, 1fr); }
.p-producers .pp-ledger li time { padding-top: 2px; font: 500 12px/1.2 var(--font-mono); color: var(--muted); font-variant-numeric: tabular-nums; }
.p-producers .pp-ledger li img { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; }
.p-producers .pp-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin-top: var(--space-6);
  font: 500 11px/1.3 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.p-producers .pp-tools a { padding: 6px 12px; border: 1px solid var(--line); border-radius: 999px; font: 400 13px/1.2 var(--font-sans); letter-spacing: 0; text-transform: none; color: var(--ink); text-decoration: none; transition: border-color .15s ease; }
.p-producers .pp-tools a:hover { border-color: var(--ink); }
.p-producers .pp-end > .todo { margin-top: var(--space-6); }
@container (max-width: 700px) {
  .p-producers .pp-ledger { grid-template-columns: minmax(0, 1fr); }
  .p-producers .pp-ledger__col { padding: 18px 18px 6px; }
}

/* ============ After 18:00: the other groups ============ */
.p-producers .pp-next { padding: var(--space-8) 0 var(--space-24); }
.p-producers .pp-next__lead { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; max-width: 900px; font-size: clamp(22px, 2.4vw, 30px); line-height: 1.25; font-weight: 600; letter-spacing: -0.02em; color: var(--ink); }
.p-producers .pp-next__lead time { font: 500 14px/1 var(--font-mono); letter-spacing: 0; color: var(--muted); }
.p-producers .pp-next__list { margin: var(--space-8) 0 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.p-producers .pp-next__list li { position: relative; border-top: 1px dashed var(--line-strong); }
.p-producers .pp-next__list li::before { content: ""; position: absolute; left: 0; top: -5px; width: 9px; height: 9px; border-radius: 50%; background: var(--paper); box-shadow: inset 0 0 0 1.5px var(--line-strong); }
.p-producers .pp-next__list a { display: grid; gap: 3px; padding: 18px 16px 22px 0; text-decoration: none; }
.p-producers .pp-next__list b { font-size: 15px; font-weight: 600; letter-spacing: -0.01em; color: var(--ink); }
.p-producers .pp-next__list span { font-size: 13.5px; line-height: 1.4; color: var(--muted); }
.p-producers .pp-next__list a:hover b { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }

/* ============ Closing ============ */
.p-producers .pp-close { padding: var(--space-24) 0 var(--section); border-top: 1px solid var(--line); }
.p-producers .pp-close__grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: var(--space-12); align-items: end; }
.p-producers .pp-close .mb-eyebrow { margin-bottom: var(--space-6); }
.p-producers .pp-close h2 { font-size: clamp(48px, 7.4vw, 108px); }
.p-producers .pp-close__side { display: grid; gap: var(--space-8); padding-bottom: 12px; }
.p-producers .pp-close__cta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4) var(--space-6); }
.p-producers .pp-close__mail { font-size: 15px; color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--line-strong); }
.p-producers .pp-close__mail:hover { border-bottom-color: var(--ink); }
.p-producers .pp-yours { display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; gap: var(--space-4); align-items: center; margin-top: var(--space-16);
  font: 500 12px/1 var(--font-mono); color: var(--muted); font-variant-numeric: tabular-nums; }
.p-producers .pp-yours__label { padding-right: var(--space-2); letter-spacing: .06em; text-transform: uppercase; color: var(--ink); }
.p-producers .pp-yours__track { position: relative; height: 20px; }
.p-producers .pp-yours__track::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; border-top: 1.5px dashed var(--muted); opacity: .55; }
.p-producers .pp-yours__track i { position: absolute; top: 50%; left: var(--at); width: 12px; height: 12px; margin: -6px 0 0 -6px; border-radius: 50%; background: var(--paper); border: 1.5px dashed var(--muted); }

/* ============ Narrower: the rail becomes a slim sticky bar ============ */
@media (max-width: 1099px) {
  .p-producers .pp-shift { padding-top: 0; }
  .p-producers .pp-shift__grid { grid-template-columns: minmax(0, 1fr); }
  .p-producers .pp-rail { top: var(--pp-top); z-index: 20; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 0 14px;
    margin: 0 calc(var(--gutter) * -1) var(--space-16); padding: 10px var(--gutter) 0; background: var(--paper); }
  .p-producers .pp-rail__now { display: contents; }
  .p-producers .pp-rail__day, .p-producers .pp-rail__list { display: none; }
  .p-producers .pp-rail__clock { margin: 0; font-size: 24px; letter-spacing: -0.04em; }
  .p-producers .pp-rail__label { margin: 0; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .p-producers .pp-rail__tally { grid-row: 1; grid-column: 3; display: flex; gap: 14px; padding: 0; border: 0; }
  .p-producers .pp-rail__tally div { display: flex; align-items: baseline; gap: 6px; }
  .p-producers .pp-rail__tally dt { font-size: 11.5px; }
  .p-producers .pp-rail__tally dd { order: -1; margin: 0; font-size: 16px; letter-spacing: -0.02em; }
  .p-producers .pp-rail__bar { grid-row: 2; grid-column: 1 / -1; display: block; height: 2px; margin: 10px calc(var(--gutter) * -1) 0; background: var(--line); }
  .p-producers .pp-rail__bar i { display: block; height: 100%; background: var(--ink); transform-origin: left; transform: scaleX(var(--p, 0)); transition: transform .5s cubic-bezier(.2,.7,.2,1); }
  .p-producers .pp-ch { scroll-margin-top: calc(var(--pp-top) + 72px); }
  .p-producers .pp-close__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
  .p-producers .pp-next__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 960px) {
  .p-producers .pp-hero__shade {
    background:
      linear-gradient(90deg, rgba(var(--pp-shade), .55) 0%, rgba(var(--pp-shade), .1) 70%),
      linear-gradient(0deg, rgba(var(--pp-shade), .88) 0%, rgba(var(--pp-shade), .55) 42%, rgba(var(--pp-shade), 0) 70%); }
  .p-producers .pp-hero__img { object-position: 62% 26%; }
  .p-producers .pp-day { margin-top: var(--space-12); }
  .p-producers .pp-day__track .is-labelled span { display: none; }
  .p-producers .pp-day__track { height: 30px; }
}
@media (max-width: 600px) {
  .p-producers .pp-hero { min-height: 640px; }
  .p-producers .pp-hero__in { padding-top: var(--space-40); padding-bottom: var(--space-6); }
  .p-producers .pp-hero__copy { gap: var(--space-4); }
  .p-producers .pp-hero .lead { font-size: 17px; }
  .p-producers .pp-rail__tally dt { display: none; }
  .p-producers .pp-rail__tally div.is-ai dd::after { content: " done"; font: 400 11.5px var(--font-sans); color: var(--muted); letter-spacing: 0; }
  .p-producers .pp-rail__tally div.is-you dd::after { content: " yours"; font: 400 11.5px var(--font-sans); color: var(--muted); letter-spacing: 0; }
  .p-producers .pp-intro { font-size: 19px; padding-bottom: var(--space-12); }
  .p-producers .pp-ch + .pp-ch { margin-top: var(--space-16); }
  .p-producers .pp-ch__text { font-size: 16px; }
  .p-producers .pp-split { grid-template-columns: minmax(0, 1fr); }
  .p-producers .pp-split__photo { min-height: 0; aspect-ratio: 4 / 3; }
  .p-producers .pp-bubble { font-size: 16px; }
  .p-producers .pp-next__list a { padding-right: 10px; }
  .p-producers .pp-yours { grid-template-columns: auto minmax(0, 1fr) auto; row-gap: 12px; margin-top: var(--space-12); }
  .p-producers .pp-yours__label { grid-column: 1 / -1; }
}
/* The split's two halves stack once the story column is narrow */
@container (max-width: 760px) {
  .p-producers .pp-split { grid-template-columns: minmax(0, 1fr); }
  .p-producers .pp-split__photo { min-height: 0; aspect-ratio: 16 / 9; }
}

@media (prefers-reduced-motion: reduce) {
  .p-producers .pp-reveal, .p-producers .pp-rail__list::after, .p-producers .pp-rail__list a, .p-producers .pp-rail__list a::before,
  .p-producers .pp-rail__bar i, .p-producers .pp-day__track i, .p-producers .pp-down { transition: none; }
}