/* TerraOculta wiki — sobre la base de /style.css (landing) */
:root {
  --gold: #c9a227;
  --bone: #d8d3c3;
  --dim: #8b8778;
  --line: rgba(201, 162, 39, .25);
  --panel: rgba(12, 14, 10, .82);
}

.wiki-hero {
  max-width: 1080px; margin: 96px auto 0; padding: 48px 24px 24px;
  border-bottom: 1px solid var(--line);
}
.wiki-hero .kicker {
  font: 500 12px/1.4 "IBM Plex Mono", monospace; letter-spacing: .18em;
  color: var(--gold); text-transform: uppercase;
}
.wiki-hero h1 {
  font: 700 clamp(28px, 4.4vw, 52px)/1.05 Cinzel, serif;
  color: var(--bone); margin: 10px 0 14px;
}
.wiki-hero .lede {
  font: 300 17px/1.65 Oswald, sans-serif; color: var(--dim);
  max-width: 820px;
}
.wiki-hero .lede strong, .wiki-hero .lede em { color: var(--bone); }

.wiki-main { max-width: 1080px; margin: 0 auto; padding: 32px 24px 64px; }

.wiki-grid {
  display: grid; gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.wiki-card {
  display: block; background: var(--panel); border: 1px solid var(--line);
  padding: 22px 22px 18px; text-decoration: none; transition: border-color .2s, transform .15s;
}
.wiki-card:hover { border-color: var(--gold); transform: translateY(-2px); }
.wiki-card h2 {
  font: 600 19px/1.2 Oswald, sans-serif; color: var(--bone);
  margin: 0 0 10px; letter-spacing: .04em;
}
.wiki-card.gold h2 { color: var(--gold); }
.wiki-card p { font: 300 14px/1.6 Oswald, sans-serif; color: var(--dim); margin: 0 0 12px; }
.wiki-card p em { color: var(--bone); font-style: italic; }
.wiki-card .go {
  font: 500 12px/1 "IBM Plex Mono", monospace; color: var(--gold); letter-spacing: .08em;
}

.wiki-note {
  margin-top: 28px; padding: 18px 22px; border: 1px dashed var(--line); background: rgba(201,162,39,.05);
}
.wiki-note h3 { font: 600 13px/1 "IBM Plex Mono", monospace; color: var(--gold); letter-spacing: .12em; }
.wiki-note p { font: 300 14px/1.65 Oswald, sans-serif; color: var(--dim); margin: 10px 0 0; }
.wiki-note em { color: var(--bone); }

.wiki-article { max-width: 860px; }
.wiki-article h2 {
  font: 600 24px/1.2 Cinzel, serif; color: var(--gold);
  margin: 40px 0 14px; padding-bottom: 8px; border-bottom: 1px solid var(--line);
}
.wiki-article h2:first-child { margin-top: 8px; }
.wiki-article p { font: 300 15.5px/1.75 Oswald, sans-serif; color: var(--bone); margin: 0 0 14px; }
.wiki-article p strong, .wiki-article p em { color: #fff; }
.wiki-article a { color: var(--gold); }
.wiki-article .lede, .wiki-article p small { color: var(--dim); }

.strata-sites { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); margin: 16px 0 6px; }
.site { border: 1px solid var(--line); background: var(--panel); padding: 16px 18px; }
.site h4 { font: 600 16px/1.2 Oswald, sans-serif; color: var(--gold); margin: 0 0 8px; }
.site p { font: 300 13.5px/1.6 Oswald, sans-serif; color: var(--dim); margin: 0; }

.stratum-band {
  border-left: 3px solid var(--gold); background: var(--panel);
  padding: 16px 20px; margin: 14px 0;
}
.stratum-band .band-head { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.band-range { font: 600 12px/1 "IBM Plex Mono", monospace; color: var(--gold); letter-spacing: .14em; }
.stratum-band h3 { font: 600 20px/1.2 Cinzel, serif; color: var(--bone); margin: 0; }
.stratum-band p { margin: 8px 0 0; }
.stratum-band.bottom { border-left-color: #7a5cff; }
.stratum-band.bottom .band-range { color: #7a5cff; }

.roster { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); margin: 16px 0; }
.unit { border: 1px solid var(--line); background: var(--panel); padding: 14px 16px; }
.unit h4 { font: 600 15px/1.2 Oswald, sans-serif; color: var(--bone); margin: 0 0 6px; }
.unit p { font: 300 13px/1.55 Oswald, sans-serif; color: var(--dim); margin: 0; }
.unit.boss { border-color: #7a5cff; }
.unit.boss h4 { color: #b7a3ff; }

.wiki-footer {
  max-width: 1080px; margin: 0 auto; padding: 24px; border-top: 1px solid var(--line);
  font: 300 13px/1.6 Oswald, sans-serif; color: var(--dim);
}
.wiki-footer a { color: var(--gold); text-decoration: none; }

.nav-links a.on { color: var(--gold); }

/* Ruta del descenso (orden aprobado 2026-07-29) */
.descent-route { list-style: none; counter-reset: tramo; margin: 16px 0; padding: 0; display: grid; gap: 10px; }
.descent-route li {
  counter-increment: tramo; position: relative; padding: 12px 16px 12px 58px;
  border: 1px solid var(--line); background: var(--panel);
  font: 300 14px/1.6 Oswald, sans-serif; color: var(--dim);
}
.descent-route li::before {
  content: counter(tramo, decimal-leading-zero);
  position: absolute; left: 14px; top: 12px;
  font: 600 15px/1.2 "IBM Plex Mono", monospace; color: var(--gold); letter-spacing: .08em;
}
.descent-route li strong { color: var(--bone); }
.descent-route li em { color: var(--bone); }
.route-note { font: 300 13px/1.6 Oswald, sans-serif; color: var(--dim); border-left: 2px solid var(--gold); padding-left: 12px; }