/* ============================================================================
   PREVIOUSLY — /library/ · library.css
   Utility/legal page chrome — the site nav and footer come from /js/nav.js
   and /js/footer.js. Follows the design tokens (css/tokens.css).
   ========================================================================== */

*{ box-sizing: border-box; }html{ -webkit-text-size-adjust: 100%; }body{
  margin: 0; background: var(--pv-noir); color: var(--pv-ivory);
  font-family: var(--pv-sans); font-size: var(--pv-body); line-height: var(--pv-leading-body);
  -webkit-font-smoothing: antialiased;
}a{ color: var(--pv-ivory); text-decoration: underline; text-underline-offset: 3px; }a:hover{ color: var(--pv-red-ember); }:focus-visible{ outline: var(--pv-focus-outline); outline-offset: 2px; }.pv-page{ max-width: var(--pv-content-max); margin: 0 auto; padding: var(--pv-s12) var(--pv-gutter) var(--pv-s24); }.pv-kicker{
  font-size: var(--pv-label); font-weight: 700; letter-spacing: var(--pv-track-xl);
  text-transform: uppercase; color: var(--pv-red); margin: 0 0 14px;
}.pv-lede{ font-size: var(--pv-lede); color: var(--pv-ivory-dim); max-width: 62ch; margin: 0 0 40px; }.pv-h2{ font-family: var(--pv-serif); font-size: clamp(24px, 3vw, 32px); margin: 56px 0 14px; letter-spacing: -.01em; }.pv-prose{ color: var(--pv-ivory-dim); max-width: 72ch; }.pv-prose p{ margin: 0 0 16px; }.pv-prose strong{ color: var(--pv-ivory); }.pv-prose ul{ margin: 0 0 16px; padding-left: 22px; }.pv-prose li{ margin: 0 0 10px; }.pv-updated{ color: var(--pv-ivory-dim); font-size: 14px; margin: 0 0 8px; }.pv-faq dt{ font-weight: 700; color: var(--pv-ivory); margin: 24px 0 8px; font-size: 18px; }.pv-faq dd{ margin: 0 0 8px; color: var(--pv-ivory-dim); max-width: 72ch; }.pv-note{
  background: var(--pv-noir-2); border: 1px solid var(--pv-rule); border-left: 3px solid var(--pv-red);
  border-radius: 12px; padding: 18px 20px; color: var(--pv-ivory-dim); font-size: 16px; line-height: 1.6;
  max-width: 72ch; margin: 24px 0;
}.pv-note strong{ color: var(--pv-ivory); }.pv-btn{
  display: inline-flex; align-items: center; justify-content: center;
  min-height: var(--pv-target-min); padding: 12px 26px; border-radius: var(--pv-r-pill);
  font-family: var(--pv-sans); font-size: 15px; font-weight: 600; line-height: 1.2;
  cursor: pointer; text-decoration: none; border: 2px solid var(--pv-red);
  background: var(--pv-red); color: var(--pv-on-red);
  box-shadow: 0 10px 34px var(--pv-red-glow);
  transition: transform .18s var(--pv-ease), box-shadow .18s var(--pv-ease), background-color .18s ease;
}.pv-btn:hover{ background: var(--pv-red-ember); border-color: var(--pv-red-ember); transform: translateY(-1px); color: var(--pv-on-red); }.pv-cta-row{ margin-top: 32px; }@media (max-width: 1023px){.pv-page{ padding: 36px var(--pv-gutter-sm) 56px; }
}

/* ============================================================================
   BLACK CONVERSION — 2026-10-16 · Account & Library overhaul completion
   ----------------------------------------------------------------------------
   Scoped token override, in the pattern of the shipped account family
   (account.css, stamp 20261016ov1): the global token files keep their
   values for unconverted families; this page's own stylesheet loads after
   them and redefines the anchors to the house black scheme —
   #000000 ground · #101010/#1B1B1B surfaces · #2C2C2C lines · silver
   #A5ACAF · signal red #E10600 accents only · 'Previously Display'
   (Marathon) display type. Scheme + type only: no copy, layout, or
   function changes. The house scheme is dark in BOTH device schemes,
   so the values are mirrored under prefers-color-scheme: light.
   ========================================================================== */
:root {
  color-scheme: dark;
  --desert-bg: #000000;
  --desert-card: #101010;
  --desert-pressed: #2C2C2C;
  --desert-bg-rgb: 0, 0, 0;
  --desert-card-rgb: 16, 16, 16;
  --desert-pressed-rgb: 44, 44, 44;
  --desert-ink: #F5F5F5;
  --desert-ink-rgb: 245, 245, 245;
  --desert-ink-dim: rgba(245, 245, 245, .72);
  --desert-ink-faint: rgba(245, 245, 245, .55);
  --desert-rule: #2C2C2C;
  --desert-accent: #E10600;
  --desert-accent-deep: #A80400;
  --desert-accent-rgb: 225, 6, 0;
  --desert-accent-deep-rgb: 168, 4, 0;
  --desert-accent-soft: rgba(225, 6, 0, .14);
  --desert-accent-faint: rgba(225, 6, 0, .08);
  --desert-accent-glow: rgba(225, 6, 0, .35);
  --desert-accent-glow-lg: rgba(225, 6, 0, .55);
  --desert-accent-ember: #FF6B4A;
  --desert-accent-ember-rgb: 255, 107, 74;
  --desert-shadow-rgb: 0, 0, 0;
  --desert-glass: rgba(0, 0, 0, .88);
  --brand-red: #E10600;
  --brand-red-deep: #A80400;
  --brand-red-rgb: 225, 6, 0;
  --surface-cream: #000000;
  --pv-noir: #000000;
  --pv-noir-2: #101010;
  --pv-noir-3: #1B1B1B;
  --pv-ivory: #F5F5F5;
  --pv-ivory-dim: #A5ACAF;
  --pv-ivory-faint: rgba(245, 245, 245, .52);
  --pv-rule: #2C2C2C;
  --pv-glass: rgba(0, 0, 0, .88);
  --pv-red: #E10600;
  --pv-red-deep: #A80400;
  --pv-red-ink: #FF6B4A;
  --pv-red-glow: rgba(225, 6, 0, .35);
  --pv-red-glow-lg: rgba(225, 6, 0, .55);
  --pv-on-red: #FFFFFF;
  --pv-serif: 'Previously Display', Georgia, 'Times New Roman', serif;
  --pv-shadow-card: 0 18px 44px rgba(0, 0, 0, .5);
  --pv-shadow-pop: 0 40px 120px rgba(0, 0, 0, .6), 0 0 0 1px rgba(225, 6, 0, .28);
  --pv-shadow-bar: 0 8px 28px rgba(0, 0, 0, .45);
  --pv-shadow-btn: 0 10px 34px rgba(225, 6, 0, .35);
  --pv-shadow-btn-lg: 0 16px 44px rgba(225, 6, 0, .55);
  --pv-shadow-card-hover: 0 14px 34px rgba(0, 0, 0, .5);
  --pv-shadow-chip-hover: 0 8px 20px rgba(0, 0, 0, .4);
  --pv-focus-outline: 2px solid #E10600;
  --pv-focus-ring: 0 0 0 3px rgba(225, 6, 0, .35);
}
@media (prefers-color-scheme: light) {
  :root {
    color-scheme: dark;
    --desert-bg: #000000;
    --desert-card: #101010;
    --desert-pressed: #2C2C2C;
    --desert-bg-rgb: 0, 0, 0;
    --desert-card-rgb: 16, 16, 16;
    --desert-pressed-rgb: 44, 44, 44;
    --desert-ink: #F5F5F5;
    --desert-ink-rgb: 245, 245, 245;
    --desert-ink-dim: rgba(245, 245, 245, .72);
    --desert-ink-faint: rgba(245, 245, 245, .55);
    --desert-rule: #2C2C2C;
    --desert-accent: #E10600;
    --desert-accent-deep: #A80400;
    --desert-accent-rgb: 225, 6, 0;
    --desert-accent-deep-rgb: 168, 4, 0;
    --desert-accent-soft: rgba(225, 6, 0, .14);
    --desert-accent-faint: rgba(225, 6, 0, .08);
    --desert-accent-glow: rgba(225, 6, 0, .35);
    --desert-accent-glow-lg: rgba(225, 6, 0, .55);
    --desert-accent-ember: #FF6B4A;
    --desert-accent-ember-rgb: 255, 107, 74;
    --desert-shadow-rgb: 0, 0, 0;
    --desert-glass: rgba(0, 0, 0, .88);
    --brand-red: #E10600;
    --brand-red-deep: #A80400;
    --brand-red-rgb: 225, 6, 0;
    --surface-cream: #000000;
    --pv-noir: #000000;
    --pv-noir-2: #101010;
    --pv-noir-3: #1B1B1B;
    --pv-ivory: #F5F5F5;
    --pv-ivory-dim: #A5ACAF;
    --pv-ivory-faint: rgba(245, 245, 245, .52);
    --pv-rule: #2C2C2C;
    --pv-glass: rgba(0, 0, 0, .88);
    --pv-red: #E10600;
    --pv-red-deep: #A80400;
    --pv-red-ink: #FF6B4A;
    --pv-red-glow: rgba(225, 6, 0, .35);
    --pv-red-glow-lg: rgba(225, 6, 0, .55);
    --pv-on-red: #FFFFFF;
    --pv-serif: 'Previously Display', Georgia, 'Times New Roman', serif;
    --pv-shadow-card: 0 18px 44px rgba(0, 0, 0, .5);
    --pv-shadow-pop: 0 40px 120px rgba(0, 0, 0, .6), 0 0 0 1px rgba(225, 6, 0, .28);
    --pv-shadow-bar: 0 8px 28px rgba(0, 0, 0, .45);
    --pv-shadow-btn: 0 10px 34px rgba(225, 6, 0, .35);
    --pv-shadow-btn-lg: 0 16px 44px rgba(225, 6, 0, .55);
    --pv-shadow-card-hover: 0 14px 34px rgba(0, 0, 0, .5);
    --pv-shadow-chip-hover: 0 8px 20px rgba(0, 0, 0, .4);
    --pv-focus-outline: 2px solid #E10600;
    --pv-focus-ring: 0 0 0 3px rgba(225, 6, 0, .35);
  }
}

/* Page title in the house display face — the shared pvn-header component
   still sets retired Cormorant Garamond; scoped up-specificity here. */
.pvn-title-zone h1.pvn-page-title {
  font-family: 'Previously Display', Georgia, 'Times New Roman', serif;
}

/* Small red TEXT takes the in-system luminous red (7.1:1 on the ground);
   signal red stays for fills, borders, and focus. */
.pv-kicker { color: var(--pv-red-ember); }