/* ============================================================================
   TAMIMI PEB STAGE ONE  ·  project additions
   Loaded after tokens.css and deck.css. Tokens only, no raw values, and no
   width-based media queries (see PRINT-ENGINEERING.md §1).
   ============================================================================ */

/* Numbered rows inside a light card: the owner lists on "Who owns what". */
.card .owns{position:relative;z-index:2;margin-top:var(--s-3)}
.card .owns .nrow{padding:7px 0}
.card .owns .nrow:last-child{border-bottom:none}
.card .owns .nrow .t{font-size:13px;color:var(--ink)}

/* A closing line under a lifecycle selector or a table. */
.lc-after,.tbl-after{margin-top:var(--s-5);color:var(--sub)}
.lc-after b,.tbl-after b{color:var(--ink);font-weight:600}

/* Source line under a table or stat row, and footnote markers. */
.src-line{margin-top:var(--s-4);font-size:11.5px;line-height:1.5;color:var(--sub)}
.src-line.on-dark{color:var(--on-dark-40)}
sup{font-size:.62em;line-height:0;vertical-align:.45em;color:var(--gold-deep);font-weight:600}
.slide.dark sup,.card:not(.light) sup{color:var(--gold)}

/* A stat row whose figures are ranges with units: one size down, never wrapped. */
.stats-row.compact .stat .num{font-size:var(--t-xl);letter-spacing:var(--ls-xl);white-space:nowrap}

/* Single-column numbered list, for long verbatim points. !important because
   deck-print.css forces every .nlist to two columns. */
.nlist.one{grid-template-columns:1fr !important;margin-top:var(--s-5)}
.nlist.one .nrow{padding:10px 0}
.nlist.one .nrow .t{font-size:14px}

/* Illustrative payment split for one stage. Column widths are set inline as
   fr values that match the percentages shown. */
.paybar,.paylab{display:grid;gap:6px}
.paybar{margin-top:var(--s-7)}
.paybar .seg{background:var(--linen);border:1px solid var(--line);border-radius:var(--r-sm);
  padding:14px 16px;display:flex;align-items:baseline;gap:10px}
.paybar .seg b{font-family:var(--f-display);font-weight:300;font-size:28px;
  letter-spacing:-.8px;color:var(--gold-deep)}
.paybar .seg span{font-size:10px;font-weight:700;letter-spacing:var(--ls-label);
  text-transform:uppercase;color:var(--sub)}
.paybar .seg.act{background:var(--jet);border-color:var(--jet)}
.paybar .seg.act b{color:var(--gold)}
.paybar .seg.act span{color:var(--on-dark-60)}
.paylab{margin-top:var(--s-3)}
.paylab h4{font-family:var(--f-display);font-size:15px;font-weight:500;
  letter-spacing:-.2px;margin-bottom:5px}
.paylab p{font-size:12.5px;line-height:1.5;color:var(--sub);padding-right:8px}

/* Print only: the cover measures exactly 720px on screen, but Chrome's print
   rasteriser lays it out a little taller and the foot spills onto a blank
   second sheet. Tighten its vertical rhythm on paper to leave real headroom.
   A print media query, not a width query, so PRINT-ENGINEERING.md §1 holds. */
@media print{
  .cover{gap:24px;padding:16px 0}
  .brand-logo{width:88px;height:88px}
  .cover-eyebrow{margin:20px 0 18px}
  .cover-sub{margin-top:20px}
}

/* Lifecycle selector on paper: the screen shows one stage's detail at a time
   behind a click; the PDF shows every stage's detail inside its own card. */
.lcs-more{display:none}
@media print{
  .lcs-more{display:block;margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--line)}
  .lcs.on .lcs-more{border-top-color:var(--on-dark-line)}
  .lcs-more h4{font-family:var(--f-display);font-size:13.5px;font-weight:500;margin-bottom:6px}
  .lcs-more p{font-size:11.5px;line-height:1.5;color:var(--sub)}
  .lcs-more p+p{margin-top:5px}
  .lcs.on .lcs-more p{color:var(--on-dark-75)}
  .lc-detail{display:none !important}
}
