/* ============================================================
   GALEXCARS — Guides section, supplementary styles
   Load AFTER /style.css — reuses its CSS variables and classes.
   Only adds what style.css doesn't already cover.
   ============================================================ */

.breadcrumb{
  font-family:var(--font-mono);
  font-size:.72rem;
  color:var(--ink-faint);
  padding-top:20px;
  letter-spacing:.03em;
}
.breadcrumb a{color:var(--ink-dim);}
.breadcrumb a:hover{color:var(--copper-strong);}
.breadcrumb span{margin:0 6px;}

.tldr{
  border-left:3px solid var(--copper-strong);
  margin:36px 0;
}
.tldr .foot-title{margin-bottom:.8em;}
.tldr ul{margin:0; padding-left:20px; color:var(--ink);}
.tldr li{margin:8px 0;}

.article-body{max-width:740px; margin:0 auto;}
.article-body h2{margin:56px 0 16px;}
.article-body h3{margin:30px 0 10px; text-transform:none; font-size:1.15rem; color:var(--ink); font-family:var(--font-body); font-weight:600;}
.article-body p{color:var(--ink-dim);}
.article-body ul, .article-body ol{color:var(--ink-dim); padding-left:22px;}
.article-body li{margin:6px 0;}
.article-body strong{color:var(--ink);}
.article-body a.inline-link{color:var(--copper-strong); text-decoration:underline; text-decoration-color:rgba(76,219,152,.4);}

.faq-item{border-top:1px solid var(--glass-border-soft); padding:22px 0;}
.faq-item:last-child{border-bottom:1px solid var(--glass-border-soft);}
.faq-item h3{margin:0 0 8px; font-size:1.05rem; text-transform:none; font-family:var(--font-body); font-weight:600; color:var(--ink);}
.faq-item p{margin:0;}

.guide-card{display:block;}
.guide-card p{font-size:.92rem;}
.guide-card .read{
  font-family:var(--font-mono); font-size:.76rem; color:var(--copper-strong);
  margin-top:14px; display:inline-block;
}

.stat-note{font-size:.72rem; color:var(--ink-faint); font-family:var(--font-mono); margin-top:-16px;}