/* Keep the approved layout/TS3 rail. Give the desktop hero's right side
   exclusively to the anniversary; community totals live below activity. */
.h7-page .h7-community-stats { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 20px; color:var(--muted); }
.h7-page .h7-community-stats>div { display:inline-flex; align-items:baseline; gap:5px; white-space:nowrap; }
.h7-page .h7-community-stats strong { color:inherit; font-size:12px; font-weight:600; }
.h7-page .h7-community-stats span { font-size:11px; }
@media(min-width:901px) {
  .h7-page .hp-hero-grid { grid-template-columns:minmax(0,1fr) clamp(210px,24vw,280px); grid-template-rows:auto auto; gap:22px 28px; }
  .h7-page .hp-intro { grid-column:1; grid-row:1; }
  .h7-page .hp-actions { grid-column:1; grid-row:2; align-self:start; }
  .h7-page .hp-hero .anniversary-mark { grid-column:2; grid-row:1 / span 2; width:100%; max-width:280px; justify-self:end; align-self:center; }
  .h7-page .hp-hero .anniversary-number { font-size:clamp(94px,10.5vw,122px); margin:8px 0; }
  .h7-page .hp-hero .anniversary-dates { font-size:10px; }
  .h7-page .hp-hero .anniversary-title { font-size:11px; }
  .h7-page .hp-hero .anniversary-motto { font-size:10px; margin-top:10px; }
}