/* assets/type.css: owner feedback round 4 (27 Sep 2026). Hand-written (not generated), loaded LAST on every page, after
   rhythm.css (sitegen/shell.py TYPE_CSS), so it wins over d12, the header, site.css, the components and assets/types/*.
   "One font family": the small labels above headings used a monospace font in spaced capitals ("MOST POPULAR FIRST").
   Every label now uses the page's main font (Geist): small, semi-bold, muted, sentence case (no uppercase, no wide
   letter-spacing). Numbers that used the monospace font keep their size and colour and line up with tabular figures.
   Nothing in d12/, page-types/, menus/ or assets/types/ changes; the header include gets the same variable from
   sitegen/header.py. Every selector below is a var(--mono), uppercase or spaced-capitals rule from those files. */

/* ---------------------------------------------------------------- 0. the monospace variable points at the main font */
/* d12/styles.css and the page types define --mono as "Geist Mono"; any rule not named below follows the main font too */
:root { --mono: var(--font); }

/* ---------------------------------------------------------------- 1. labels above headings (14px, 600, muted) */
/* d12: .eyebrow, .footer__h, .drop__h · product/solution/room: .pt-kicker · room: .page-pt main .eyebrow (was 15px)
   info: .pt-st__k ("1 of 7") · ideas: .pt-group__k, .pt-guide__topic · finder: .sb-finder .pt-finder__step */
.eyebrow,
.page-pt main .eyebrow,
.pt-kicker,
.footer__h,
.drop__h,
.pt-st__k,
.pt-group__k,
.pt-guide__topic,
.sb-finder .pt-finder__step {
  font-family: var(--font); font-size: 14px; font-weight: 600; line-height: 1.4;
  letter-spacing: 0; text-transform: none;
}
.pt-st__k, .sb-finder .pt-finder__step { font-variant-numeric: tabular-nums; }
/* colours are not restated: every one of these labels already uses a muted tone (light: --ink-2, dark: --on-d-2 / --on-d-3) */

/* ---------------------------------------------------------------- 2. small labels inside things (13px, 600, muted) */
/* compare tables (d12 .cmp head and phone cell labels), light scales (d12 .scale, product .pt-scale "Most light"),
   chips and tags (d12 .badge, .xchip, .atag, .device__tag; info .pt-who "You"/"We"), Build a blind (.bstep__opt
   "Optional", .bq__meta "Step 1 of 6", .bdone__sum li b, .preview__head span), home (.ctrl__good b "Good for"),
   client area (d12 .date small, .dayc__box small, .cbar__next-k), room pairs (.pt-vs__or "or") */
.cmp thead th,
.cmp td::before,
.scale,
.pt-scale,
.badge,
.xchip,
.atag,
.device__tag,
.pt-who,
.bstep__opt,
.bq__meta,
.bdone__sum li b,
.preview__head span,
.ctrl__good b,
.date small,
.dayc__box small,
.cbar__next-k,
.mini-q small,
.appwin__bar span {
  font-family: var(--font); font-size: 13px; font-weight: 600;
  letter-spacing: 0; text-transform: none; font-variant-numeric: tabular-nums;
}
.pt-vs__or { font-family: var(--font); font-size: 14px; font-weight: 600; letter-spacing: 0; }
@media (max-width: 900px) { .cmp td::before { font-family: var(--font); font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; } }
@media (max-width: 720px) {
  .sb-finder .pt-finder__step { letter-spacing: 0; }
  .cbar__next-k { letter-spacing: 0; }
}
/* verify pass: the client bar's "What's next" was still 12px on phones (site.css sets it with !important). 13px where it
   fits its 44px tab (360px and wider); below 360px the tab is 70px wide, so it stays 12px. Same box, so nothing moves. */
@media (min-width: 360px) and (max-width: 720px) { .cbar__next-k { font-size: 13px !important; } }

/* ---------------------------------------------------------------- 3. numbers (main font, tabular figures; size and colour kept) */
/* d12: .mono, .step__num, .ctrl__num, .day__time, .device__num, .routine__time, .routine__days span, .filter button .count,
   .bstep__n, .frame-list li > b, .pin b, .gallery__count, .pgal__count, .hours li b, .promise3 b, .ptile__read b, .ropt__num,
   .aside__phone, .input-unit span ("in"), the counters .howto li::before, .howm__list li::before, .parts__list li::before
   page types: info .pt-st__n, area .pt-line__n, account .pt-after li::before · lightbox .lb__count ("3 / 12") */
.mono,
.step__num,
.ctrl__num,
.day__time,
.device__num,
.routine__time,
.routine__days span,
.filter button .count,
.bstep__n,
.frame-list li > b,
.pin b,
.gallery__count,
.pgal__count,
.hours li b,
.promise3 b,
.ptile__read b,
.ropt__num,
.aside__phone,
.input-unit span,
.howto li::before,
.parts__list li::before,
.pt-st__n,
.pt-line__n,
.pt-after li::before,
.lb__count {
  font-family: var(--font); font-variant-numeric: tabular-nums;
}
.mono, .lb__count { letter-spacing: 0; }
@media (max-width: 720px) { .howm__list li::before { font-family: var(--font); font-variant-numeric: tabular-nums; } }
/* amounts in the client area already use tabular figures; the big amount and the totals row now do too */
.pt-panel__amt, .pt-lines tfoot td, .pt-pick__n { font-variant-numeric: tabular-nums; }