/*
  Taxonomy term detail pages — extends front.css's tokens and shared
  components (nav, footer, .btn, .chip, .mcard, .mark-grid, .news) with
  the one thing specific to a term's own page: its hero (breadcrumb,
  title, description, stats, and the term's cover image/fallback tile).
*/

/* Term hero */
.term-hero{
  position:relative; padding:150px 0 64px;
  background-image:radial-gradient(var(--line) 1px, transparent 1px);
  background-size:26px 26px; background-position:-6px -6px;
}
.term-hero-grid{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:40px; align-items:center; }
.term-hero h1{ font-size:clamp(34px,5.2vw,56px); line-height:1; max-width:16ch; }
.term-desc{ margin-top:20px; max-width:52ch; font-size:16px; color:var(--ink-soft); line-height:1.65; }
.term-desc.placeholder{ font-style:italic; color:var(--ink-faint); }
.term-desc > * + *{ margin-top:1em; }
.term-stats{ margin-top:30px; display:flex; gap:28px; }
.stat-inline{ display:flex; flex-direction:column; gap:2px; }
.stat-inline .n{ font-family:'Bricolage Grotesque',sans-serif; font-weight:800; font-size:28px; }
.stat-inline .l{ font-size:12px; color:var(--ink-soft); }

.term-hero-visual{ aspect-ratio:1/0.88; }
.term-hero-visual .gli-fallback-tile{ border-radius:var(--radius-sm); }
.gli-term-image{ width:100%; height:100%; object-fit:cover; border:1px solid var(--line); border-radius:var(--radius-sm); }

@media (max-width:900px){
  .term-hero-grid{ grid-template-columns:1fr; }
  .term-hero-visual{ aspect-ratio:16/9; }
}
@media (max-width:680px){
  .term-hero{ padding:120px 0 48px; }
}