/*
 * Homepage/archive section layout: the live stats strip and the
 * numbered "§ NN" section-head pattern shared by every homepage rail.
 * Extracted verbatim from the original style.css.
 *
 * @package TFGadgets
 */

/* =====================================================
   STATS STRIP
===================================================== */
.stats-strip{ border-bottom:1px solid var(--line); background:var(--bg-alt); }
.stats-grid{
  display:grid; grid-template-columns:repeat(3,1fr);
  padding:28px 24px;
}
.stat{ text-align:center; padding:0 16px; border-left:1px solid var(--line); }
.stat:first-child{ border-left:0; }
.stat-num{
  display:block; font-family:var(--font-display); font-weight:700; font-size:30px; color:var(--accent);
}
.stat-label{
  display:block; font-family:var(--font-mono); font-size:11px; text-transform:uppercase; letter-spacing:.08em;
  color:var(--text-faint); margin-top:4px;
}

/* =====================================================
   SECTION: category rails
===================================================== */
.section{ padding:56px 0; border-bottom:1px solid var(--line); }
.section-head{
  display:flex; align-items:baseline; justify-content:space-between;
  margin-bottom:28px;
  padding-bottom:14px;
  border-bottom:1px solid var(--line-strong);
}
.section-head .section-title{
  display:flex; align-items:center; gap:14px;
}
.section-head .section-num{
  font-family:var(--font-mono); font-size:12px; color:var(--text-faint);
}
.section-head h2{ font-size:24px; letter-spacing:.01em; }
.section-head .view-all{
  font-family:var(--font-mono); font-size:11.5px; text-transform:uppercase; letter-spacing:.08em;
  color:var(--text-muted); border-bottom:1px solid var(--line-strong);
}
.section-head .view-all:hover{ color:var(--accent); border-color:var(--accent); }