.home-tabs { display:flex; gap:6px; border-bottom:1px solid var(--border); margin-bottom:24px; }
.home-tabs a { padding:12px 18px; text-decoration:none; color:var(--text-sec); border-bottom:2px solid transparent; }
.home-tabs a[aria-current] { color:var(--text); border-color:var(--amber); font-weight:700; }
[id^="home-"][hidden], .kpi-compare-controls[hidden], .kpi-compare-results[hidden] { display:none !important; }
.home-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:16px 0 20px; }
.home-summary a { text-decoration:none; color:var(--text); margin:0; }
.home-summary .stat-card-value { margin:12px 0 6px; }
/* Same purple-to-cyan treatment as the Community Momentum Score card
   below (.momentum-score-hero) - at the reader's explicit request,
   2026-09-12, so this summary tile reads as a live preview of that
   section rather than a plain stat, and visually matches the score it's
   previewing once you scroll to it. */
.home-score-card { background:linear-gradient(135deg,rgba(124,58,237,.16),rgba(34,199,255,.09)); border-color:rgba(124,58,237,.34); }
.home-score-card .stat-card-value { color:var(--accent,#7c3aed); }
#home-overview > .card { margin-bottom:20px; }
#home-overview a:not(.card):not(.trending-card) { color:var(--text-sec); }
#home-highlights .card { padding:0; border:0; box-shadow:none; background:transparent; margin:0 !important; }
#home-highlights .trending-scroll { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:visible; }
#home-highlights .trending-card { min-width:0; width:auto; }
#home-highlights .trending-nav { display:none; }
#home-highlights .trending-carousel { padding:0; }
#home-activity-chart { display:flex; align-items:flex-end; gap:12px; min-height:150px; overflow:auto; padding-top:16px; }
.home-bar-column { flex:1; min-width:50px; display:flex; align-items:center; flex-direction:column; gap:8px; font-size:11px; text-decoration:none; }
.home-bar { display:block; width:100%; max-width:56px; background:var(--amber); opacity:.65; border-radius:4px 4px 0 0; }
.home-bar-column:hover .home-bar { opacity:1; }
.home-attention { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.home-attention p { margin:8px 0 0; }
#home-moments, .home-diagnostics { margin-top:20px; }
#home-moments summary, .home-diagnostics summary, #home-overview summary { cursor:pointer; padding:12px 0; font-weight:600; }
#home-overview > .momentum-score-card,
#home-overview > .two-col,
#home-overview > details { margin-top:20px; }
#home-audience .kpi-item.hero { background:var(--surface-2); border-color:var(--border); }
#home-audience .kpi-item.hero .kpi-value { color:var(--text); }
@media(max-width:600px) {
 .home-summary { gap:10px; grid-template-columns:1fr; }
 .home-summary .card { padding:16px; }
 #home-highlights .trending-scroll { grid-template-columns:1fr; }
 .home-attention { align-items:flex-start; flex-direction:column; }
 .home-tabs a { padding:12px; }
}
@media(max-width:600px) {
 #home-highlights .trending-scroll { gap:12px; }
 #home-highlights .trending-card { display:grid; grid-template-columns:110px minmax(0,1fr); align-items:center; }
 #home-highlights .trending-thumb-wrap { width:110px; }
 #home-highlights .trending-info { padding:10px; }
 #home-overview .card-title-row { align-items:flex-start; gap:12px; }
 #home-overview .card-title-row > a { flex-shrink:0; font-size:12px; }
}