/* ==========================================================================
   Living Atlas — content-page bridge.

   The eleven content pages (FAQs, guides, patch notes, legal…) are built from an
   older component vocabulary (.parchment, .codex-page, .forge-frame, .article…)
   that is styled by style.css. Rewriting all eleven templates would be a large,
   risky change for little gain, so instead this file re-points the OLD design
   tokens at the Atlas palette. Every one of those components already draws its
   colour from var(--gold) / var(--parch) / var(--maroon) etc., so remapping the
   variables harmonises all eleven pages at once.

   Load order: style.css -> torana.css -> atlas.css -> atlas-pages.css -> THIS.
   ========================================================================== */

/* ------------------------------------------------ old tokens -> Atlas palette */
body.lc-atlas-page {
  --ink:        #07090a;
  --ink-2:      #0d1112;
  --navy-deep:  #0d1112;
  --navy:       #13181a;
  --navy-2:     #1a2023;
  --surface:    #13181a;
  --surface-2:  #1a2023;

  --gold:        #c0a466;
  --gold-bright: #e4cf98;
  --gold-deep:   #6c5a34;
  --brass:       #c0a466;

  --parch:    #eee9df;
  --parch-2:  #cfc9bf;
  --parch-3:  #b9b3aa;
  --muted:    #9a958d;

  --maroon:      #b54a3b;
  --maroon-lit:  #d0705f;
  --maroon-deep: #7d3227;
  --ember:       #c0a466;
  --arcane:      #78d4ed;

  --line:      rgba(212, 191, 137, 0.21);
  --line-soft: rgba(212, 191, 137, 0.12);
}

/* the Atlas ground replaces the old body wash entirely */
body.lc-atlas-page {
  background: var(--ink);
  background-image: none;
  color: var(--bone-dim);
  font-family: "TLC Inter", system-ui, -apple-system, sans-serif;
}
body.lc-atlas-page::after { display: none; }

.lc-content { display: block; padding-top: var(--header-height); }

/* ------------------------------------------------------------- typography -- */
.lc-content h1, .lc-content h2, .lc-content h3, .lc-content h4,
.lc-content .display {
  color: var(--bone);
  font-family: "TLC Marcellus", Georgia, serif;
  font-weight: 400;
}
.lc-content p, .lc-content li, .lc-content td {
  font-family: "TLC Inter", system-ui, sans-serif;
  line-height: 1.68;
}
.lc-content em, .lc-content i, .lc-content blockquote {
  font-family: "TLC Garamond", Georgia, serif;
}
.lc-content .eyebrow, .lc-content .kicker {
  color: var(--gold);
  font-family: "TLC Marcellus", Georgia, serif;
  letter-spacing: .2em;
}

/* --------------------------------------------------- intro bands -> sub-hero */
/* the old pages open with a full-bleed band; make it read like the Atlas one */
.lc-content .page-intro,
.lc-content .lg-intro,
.lc-content .qintro,
.lc-content .chronicle-intro {
  position: relative;
  min-height: 46vh;
  display: flex;
  align-items: flex-end;
  padding-bottom: clamp(34px, 4vw, 64px);
  border: 0 !important;
  overflow: hidden;
}
.lc-content .page-intro-overlay,
.lc-content .lg-intro-overlay,
.lc-content .qintro-overlay {
  background:
    linear-gradient(180deg, rgba(7,9,10,.88) 0%, rgba(7,9,10,.42) 34%, rgba(7,9,10,.86) 78%, var(--ink) 100%) !important;
}
.lc-content .page-intro-vignette,
.lc-content .lg-intro-vignette,
.lc-content .qintro-vignette { opacity: .45; }
.lc-content .page-intro h1,
.lc-content .lg-intro h1,
.lc-content .qintro h1,
.lc-content .chronicle-intro h1 {
  -webkit-text-fill-color: currentColor;
  background: none !important;
  color: var(--bone) !important;
  font-size: clamp(36px, 5.4vw, 74px);
  line-height: 1.04;
}

/* ------------------------------------------------------------- components -- */
/* the tome-leaf family becomes a plain Atlas panel */
.lc-content .parchment,
.lc-content .codex-page,
.lc-content .faq-parch,
.lc-content .qtype-card,
.lc-content .issue-card,
.lc-content .bug-list,
.lc-content .tos-doc,
.lc-content .bind-scroll,
.lc-content .ev-rail,
.lc-content .lg-marginalia,
.lc-content .feat-parch,
.lc-content .forge-frame,
.lc-content .gold-edge,
.lc-content .gildframe {
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
  background-color: rgba(19, 23, 25, .72) !important;
  background-image: none !important;
  box-shadow: 0 26px 60px -40px rgba(0,0,0,.95) !important;
}
.lc-content .parchment h1, .lc-content .parchment h2,
.lc-content .parchment h3, .lc-content .parchment h4 { color: var(--bone) !important; }

/* binding spines, rules and rivets: reduce to Atlas hairlines */
.lc-content .codex-page::before,
.lc-content .faq-parch::before,
.lc-content .qtype-card::before,
.lc-content .issue-card::before,
.lc-content .bug-list::before,
.lc-content .tos-doc::before {
  width: 1px !important;
  background: var(--line) !important;
  box-shadow: none !important;
}
.lc-content .gold-rule, .lc-content .art-rule {
  height: 1px !important;
  background: linear-gradient(90deg, transparent, var(--line), transparent) !important;
}
.lc-content .diamond-rivet,
.lc-content .rivet,
.lc-content .corner,
.lc-content .z-corner { display: none !important; }

/* buttons inherit the Atlas language */
.lc-content .btn,
.lc-content .btn-gold,
.lc-content .btn-ghost {
  border-radius: 0;
  font-family: "TLC Inter", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.lc-content .btn-gold {
  border: 1px solid var(--gold-pale);
  color: #16120a;
  background: linear-gradient(180deg, #e8d6a4, #c0a466);
  box-shadow: none;
}
.lc-content .btn-ghost {
  border: 1px solid var(--line);
  color: var(--bone);
  background: transparent;
}
.lc-content .btn-ghost:hover { border-color: var(--cyan); color: var(--cyan); }

/* the old page chrome must not reappear inside the Atlas shell */
.lc-content > header.nav,
.lc-content .sticky-play,
body.lc-atlas-page > header.nav,
body.lc-atlas-page > .notice-bar { display: none !important; }

/* section bands stop slicing the page */
.lc-content section { border-top-width: 0 !important; border-bottom-width: 0 !important; }

/* tables (leveling guide, foundations) */
.lc-content table { border-collapse: collapse; }
.lc-content th {
  color: var(--gold);
  font-family: "TLC Marcellus", Georgia, serif;
  font-weight: 400;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.lc-content td, .lc-content th { border-color: var(--line) !important; }

@media (max-width: 900px) {
  .lc-content .page-intro,
  .lc-content .lg-intro,
  .lc-content .qintro { min-height: 38vh; }
}