/* Chronicles — ONE phone/tablet design lock
   Applies identically to: phone · tablet · phone-fill · ≤720 portrait · boot.
   rem only — never vw / vh / --dd-h for type or spacing (tablets must not collapse gaps).
   Edit THIS file when changing phone sizes — do not fork per-token. */

:root {
  /* Hard spacing lock (all viewports that use phone stack inherit these) */
  --chr-space-block: 1.5rem;
  --chr-space-slot: 1.5rem;
  --chr-space-rule: 1rem;
  --chr-space-after-title: 0.35rem;
  --chr-space-after-tagline: 0.75rem;
  --chr-space-after-maiden: 1rem;
  --chr-space-desk-gap: 1.5rem;
  --chr-space-rail-pad: 1.25rem;
  --chr-space-dispatch-pad-x: 1.25rem;
  --chr-space-dispatch-pad-y: 1.25rem;

  /* Dispatch / stage / desks */
  --chr-phone-title: 2.5rem; /* was 3rem; −0.5rem phone/tablet-portrait */
  --chr-phone-tagline: 1.875rem;
  --chr-phone-dispatch: 1.4625rem;
  --chr-phone-stage-title: 1.5rem;
  --chr-phone-article-title: 4.5rem; /* was 3rem; +1.5rem */
  --chr-phone-body: 2rem;
  --chr-phone-byline: 2rem;
  --chr-phone-slot-h: 3rem;
  --chr-phone-topics-label: 2rem;
  --chr-phone-topic: 1.5rem;
  --chr-phone-welcome-mast: 2rem;
  --chr-phone-welcome-phrase: 1.4rem;
  --chr-phone-paw: 10rem;

  /* Chronicles HUB + Info (full-viewport phone) */
  --chr-hub-name: 2rem;
  --chr-hub-tagline: 1.4rem;
  --chr-hub-staff-title: 1.8rem; /* was 2.25; −20% Info right-column headings */
  --chr-hub-staff-lead: 1.2rem; /* was 1.5; −20% hub body */
  --chr-hub-staff: 1.6rem; /* was 2; −20% hub body */
  --chr-hub-foot-legal: 1.55rem;
  --chr-hub-info-title: 4.275rem;
  --chr-hub-info-nav: 3rem;
  --chr-hub-info-toc: 2.04rem; /* was 2.55; −20% */
  --chr-hub-settings: 1rem; /* was 1.25; −20% hub body */

  /* Hub chrome — fixed rem (not hull %) so tall phones don't inflate icons */
  --dd-hub-phone-util-mult: 1.65;
  --dd-hub-phone-logo-h: 2.25rem;
  --dd-hub-phone-logo-max-w: 9.5rem;
  --dd-hub-phone-pad-x: 0.85rem;
  --dd-hub-phone-pad-y: 0.55rem;
  --dd-hub-phone-gap: 0.45rem;
  --dd-hub-phone-foot-gap: 0.4rem;
  --dd-hub-phone-foot-pad-y: 0.4rem;
  --dd-hub-phone-foot-pad-x: 0.65rem;
  --dd-hub-phone-utils-gap: 1.35rem;
  --dd-hub-phone-settings-font: 1.1rem;
  --dd-hub-phone-settings-title: 1.2rem;
  --dd-hub-phone-settings-pad-x: 1.1rem;
  --dd-hub-phone-settings-pad-y: 0.85rem;
  --dd-hub-phone-head-min-h: 5.5rem;
  --dd-hub-phone-social-glyph-mult: 0.58;
}

/* Lock rem root — same CSS px on every phone class device */
html.dd-chr-phone-boot,
body.dd-shell:is(
  [data-dd-token='phone'],
  [data-dd-token='tablet-portrait'],
  .dd-layout--phone-fill
) {
  font-size: 16px;
}

@media (max-width: 720px) and (orientation: portrait) {
  html {
    font-size: 16px;
  }
}

/* Re-assert tokens on phone/tablet bodies (wins over any later hull overrides) */
body.dd-shell:is(
  [data-dd-token='phone'],
  [data-dd-token='tablet-portrait'],
  .dd-layout--phone-fill
),
html.dd-chr-phone-boot body.dd-shell,
body.dd-shell[data-dd-hub-layout='full-viewport'] {
  --chr-space-block: 1.5rem;
  --chr-space-slot: 1.5rem;
  --chr-space-rule: 1rem;
  --chr-space-after-title: 0.35rem;
  --chr-space-after-tagline: 0.75rem;
  --chr-space-after-maiden: 1rem;
  --chr-space-desk-gap: 1.5rem;
  --chr-space-rail-pad: 1.25rem;
  --chr-space-dispatch-pad-x: 1.25rem;
  --chr-space-dispatch-pad-y: 1.25rem;

  --chr-phone-title: 2.5rem; /* was 3rem; −0.5rem phone/tablet-portrait */
  --chr-phone-tagline: 1.875rem;
  --chr-phone-dispatch: 1.4625rem;
  --chr-phone-stage-title: 1.5rem;
  --chr-phone-article-title: 4.5rem; /* was 3rem; +1.5rem */
  --chr-phone-body: 2rem;
  --chr-phone-byline: 2rem;
  --chr-phone-slot-h: 3rem;
  --chr-phone-topics-label: 2rem;
  --chr-phone-topic: 1.5rem;
  --chr-phone-welcome-mast: 2rem;
  --chr-phone-welcome-phrase: 1.4rem;
  --chr-phone-paw: 10rem;

  --chr-hub-name: 2rem;
  --chr-hub-tagline: 1.4rem;
  --chr-hub-staff-title: 1.8rem; /* was 2.25; −20% Info right-column headings */
  --chr-hub-staff-lead: 1.2rem; /* was 1.5; −20% hub body */
  --chr-hub-staff: 1.6rem; /* was 2; −20% hub body */
  --chr-hub-foot-legal: 1.55rem;
  --chr-hub-info-title: 4.275rem;
  --chr-hub-info-nav: 3rem;
  --chr-hub-info-toc: 2.04rem; /* was 2.55; −20% */
  --chr-hub-settings: 1rem; /* was 1.25; −20% hub body */

  --dd-hub-phone-util-mult: 1.65;
  --dd-hub-phone-logo-h: 2.25rem;
  --dd-hub-phone-logo-max-w: 9.5rem;
  --dd-hub-phone-pad-x: 0.85rem;
  --dd-hub-phone-pad-y: 0.55rem;
  --dd-hub-phone-gap: 0.45rem;
  --dd-hub-phone-foot-gap: 0.4rem;
  --dd-hub-phone-foot-pad-y: 0.4rem;
  --dd-hub-phone-foot-pad-x: 0.65rem;
  --dd-hub-phone-utils-gap: 1.35rem;
  --dd-hub-phone-settings-font: 1.1rem;
  --dd-hub-phone-settings-title: 1.2rem;
  --dd-hub-phone-settings-pad-x: 1.1rem;
  --dd-hub-phone-settings-pad-y: 0.85rem;
  --dd-hub-phone-head-min-h: 5.5rem;
  --dd-hub-phone-social-glyph-mult: 0.58;
}

/* Phone util size only — tablet keeps Sr calc(2.75rem * 0.75) from dd-hub.css */
body.dd-shell[data-dd-token='phone'],
body.dd-shell.dd-layout--phone-fill,
html.dd-chr-phone-boot body.dd-shell[data-dd-token='phone'] {
  --dd-hub-foot-util: 2.1rem;
}

@media (max-width: 720px) and (orientation: portrait) {
  body.dd-shell {
    --chr-space-block: 1.5rem;
    --chr-space-slot: 1.5rem;
    --chr-space-rule: 1rem;
    --chr-space-after-title: 0.35rem;
    --chr-space-after-tagline: 0.75rem;
    --chr-space-after-maiden: 1rem;
    --chr-space-desk-gap: 1.5rem;
    --chr-space-rail-pad: 1.25rem;
    --chr-space-dispatch-pad-x: 1.25rem;
    --chr-space-dispatch-pad-y: 1.25rem;

    --chr-phone-title: 2.5rem; /* was 3rem; −0.5rem phone/tablet-portrait */
    --chr-phone-tagline: 1.875rem;
    --chr-phone-dispatch: 1.4625rem;
    --chr-phone-stage-title: 1.5rem;
    --chr-phone-article-title: 4.5rem; /* was 3rem; +1.5rem */
    --chr-phone-body: 2rem;
    --chr-phone-byline: 2rem;
    --chr-phone-slot-h: 3rem;
    --chr-phone-topics-label: 2rem;
    --chr-phone-topic: 1.5rem;
    --chr-phone-welcome-mast: 2rem;
    --chr-phone-welcome-phrase: 1.4rem;
    --chr-phone-paw: 10rem;

    --chr-hub-name: 2rem;
    --chr-hub-tagline: 1.4rem;
    --chr-hub-staff-title: 1.8rem; /* was 2.25; −20% Info right-column headings */
    --chr-hub-staff-lead: 1.2rem; /* was 1.5; −20% hub body */
    --chr-hub-staff: 1.6rem; /* was 2; −20% hub body */
    --chr-hub-foot-legal: 1.55rem;
    --chr-hub-info-title: 4.275rem;
    --chr-hub-info-nav: 3rem;
    --chr-hub-info-toc: 2.04rem; /* was 2.55; −20% */
    --chr-hub-settings: 1rem; /* was 1.25; −20% hub body */

    --dd-hub-foot-util: 2.1rem;
    --dd-hub-phone-util-mult: 1.65;
    --dd-hub-phone-logo-h: 2.25rem;
    --dd-hub-phone-logo-max-w: 9.5rem;
    --dd-hub-phone-pad-x: 0.85rem;
    --dd-hub-phone-pad-y: 0.55rem;
    --dd-hub-phone-gap: 0.45rem;
    --dd-hub-phone-foot-gap: 0.4rem;
    --dd-hub-phone-foot-pad-y: 0.4rem;
    --dd-hub-phone-foot-pad-x: 0.65rem;
    --dd-hub-phone-utils-gap: 1.35rem;
    --dd-hub-phone-settings-font: 1.1rem;
    --dd-hub-phone-settings-title: 1.2rem;
    --dd-hub-phone-settings-pad-x: 1.1rem;
    --dd-hub-phone-settings-pad-y: 0.85rem;
    --dd-hub-phone-head-min-h: 5.5rem;
    --dd-hub-phone-social-glyph-mult: 0.58;
  }
}