/* ==========================================================================
   Verbatim from the approved canvas ("Great Library Site.dc.html", <helmet>).
   The design system bundle ships dark-only; the Daylight palette, the gold
   wordmark fix and the per-page banner crops live here exactly as authored.
   Do not edit — change the canvas, then re-copy.
   ========================================================================== */
  body { margin: 0; background: #0B0714; }
  a { color: var(--gl-link, #A97BE8); text-decoration: none; }
  a:hover { color: var(--gl-link-hover, #E3B85C); }
  /* Light mode. The Great Library ships dark-only, so the light theme is the same
     hues walked up in lightness: violet stays the voice, and the gold drops to a
     dark amber (#8A5A0B, 5.4:1 on the paper ground) so it can still be ink. */
  [data-gl-theme="light"] {
    --gl-ink: #FAF7FC; --gl-ink-deep: #F3EEF9; --gl-panel: #FFFFFF;
    --gl-panel-2: #F6F1FB; --gl-shelf: #FFFFFF;
    --gl-rule: #E5DDF0; --gl-rule-soft: #EFE9F7; --gl-rule-strong: #6B3FA0;
    --gl-text: #241A38; --gl-text-strong: #140A26; --gl-muted: #574A72; --gl-faint: #695B83;
    --gl-lamp: #8A5A0B; --gl-lamp-soft: rgba(138, 90, 11, .13);
    --gl-amethyst: #6B3FA0; --gl-wash: rgba(107, 63, 160, .07); --gl-glow: rgba(138, 90, 11, .05);
    --gl-action: #6B3FA0; --gl-action-hover: #54307E; --gl-action-text: #FFFFFF;
    --gl-link: #6B3FA0; --gl-link-hover: #8A5A0B; --gl-focus: #8A5A0B;
    --gl-danger: #B3261E; --gl-danger-ground: #B3261E; --gl-success: #3D6B2A;
    --gl-info: #0F6A72; --gl-warning: #8A5A0B;
    --gl-shadow-card: 0 1px 2px rgba(36, 26, 56, .07), 0 10px 24px -16px rgba(36, 26, 56, .3);
    --gl-shadow-frame: 0 30px 70px -44px rgba(36, 26, 56, .45);
    --gl-shadow-lift: 0 0 0 1px var(--gl-amethyst), 0 14px 30px -16px rgba(36, 26, 56, .4);
  }
  [data-gl-theme="light"] .gl-root code { color: #4A2C7A; }
  [data-gl-theme="light"] .gl-root pre { color: #3B2F52; }
  /* The DS's own `.gl-root a` rule out-specifies `.gl-topbar__brand`, which turns the
     gold wordmark link-violet. Restore the intended gold. */
  .gl-root .gl-topbar__brand { color: var(--gl-lamp); }
  /* One banner file serves every page until per-page art exists; the crop is shifted
     per page so the pages don't read as the same image twice. */
  [data-hero-crop="top"] img { object-position: 50% 12%; }
  [data-hero-crop="low"] img { object-position: 50% 82%; }
  [data-hero-crop="left"] img { object-position: 12% 50%; }
  [data-hero-crop="right"] img { object-position: 88% 50%; }
  @keyframes gl-drop { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }