/* =========================================================
   BUILD 44 — DEVICE-INDEPENDENT SIGNATURE LOCK-UP
   The subtitle paint area follows its text, not a percentage breakpoint.
   ========================================================= */

/* max-content makes the gold background-clip region exactly as wide as the
   rendered wording. No character can fall outside the painted area when font
   size, orientation, pixel density or available header width changes. */
.rc-brand-tagline {
  width: max-content;
  max-width: none;
  margin-left: 14%;
  padding-right: .1em;
  padding-left: .1em;
  font-size: clamp(13px, 1vw, 16px);
  letter-spacing: .1em;
}

/* The former 240–300px rule caused an abrupt reduction when a tablet crossed
   from portrait stacking into landscape. This range uses the space that is
   genuinely available beside the bookshelf while retaining a safe gap. */
@media (min-width: 821px) and (max-width: 1100px) {
  .rc-header-inner {
    gap: 16px;
  }

  .rc-brand {
    width: clamp(320px, 40vw, 350px);
  }

  .rc-brand-tagline {
    width: max-content;
    max-width: none;
    margin-left: 14%;
  }
}

/* Preserve the approved Build 43 phone centring. Width remains content-led,
   so the complete final word is painted even on narrow Retina displays. */
@media (max-width: 480px) {
  .rc-brand-tagline {
    width: max-content;
    max-width: none;
    margin-left: 20%;
    font-size: clamp(11px, 3.2vw, 14px);
    letter-spacing: .1em;
  }
}

@media (forced-colors: active) {
  .rc-brand-tagline {
    max-width: 100%;
  }
}