/* Bedrock page-specific styling (hand-curated).
   Accidental drift from the canonical was resolved to core.css; only genuinely
   page-specific components remain here. Run build/extract_page_css.py for the full
   diff diagnostic (it lists every rule that differs from core.css). */

/* Sidebar back-link — bedrock-only (core.css has no .nav-back). */
.nav-back {
  color: var(--faint) !important;
  border-bottom: 1px solid var(--border);
  margin-bottom: 0.4rem; padding-bottom: 0.85rem;
}
.nav-back:hover { color: var(--muted) !important; }
@media (max-width: 768px) {
  .nav-back { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
}

/* Bedrock type cards + era border colours. */
.br-type {
  background: var(--surface); border: 1px solid var(--border);
  border-top: 3px solid var(--border);
  border-radius: var(--radius);
  padding: 0.75rem 1rem; margin-bottom: 0.6rem;
}
.br-era-early   { border-top-color: #7a5818; }
.br-era-schade  { border-top-color: #226050; }
.br-era-sweet   { border-top-color: #48387a; }
.br-era-depress { border-top-color: #204858; }
.br-era-war     { border-top-color: #7a2820; }

/* Static production-timeline segment (bedrock; core.css's .tl-seg is interactive). */
.tl-seg {
  position: absolute; height: 100%;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Courier New', monospace; font-size: var(--fs-3xs); font-weight: bold;
  color: rgba(0,0,0,0.75); cursor: default;
  border-radius: 2px; overflow: hidden;
  border-right: 1px solid rgba(0,0,0,0.2);
}