.activity-hero,
.activity-board,
.methodology { overflow-x: clip; }

html,
body { overflow-x: clip; }

.activity-hero h1 { max-width: 900px; font-size: clamp(3.2rem, 6vw, 5.65rem); }
.activity-hero h1 em { color: #f2bd66; }
.activity-hero .hero-numbers article:first-child { background: radial-gradient(circle at 76% 28%, rgba(242, 189, 102, 0.16), transparent 12rem), var(--surface); }
.activity-hero .hero-numbers strong { overflow-wrap: anywhere; }
.activity-board { padding-top: 1rem; }
.coreprotect-board { padding-top: 1rem; }
.coreprotect-note { margin-bottom: 1rem; padding: 1rem 1.2rem; color: var(--muted); background: rgba(242, 189, 102, .06); border: 1px solid rgba(242, 189, 102, .22); font-size: .82rem; line-height: 1.65; }
.activity-empty { min-height: 260px; padding: clamp(1.5rem, 4vw, 3rem); display: grid; grid-template-columns: auto minmax(0, 720px); justify-content: center; align-items: center; gap: 1.5rem; color: var(--muted); background: radial-gradient(circle at 20% 50%, rgba(242,189,102,.1), transparent 20rem), rgba(var(--surface-rgb), .68); border: 1px solid var(--line); }
.activity-empty > span { width: 68px; height: 68px; display: grid; place-items: center; color: #f2bd66; border: 1px solid rgba(242,189,102,.35); border-radius: 12px; font: 1.8rem "DM Mono", monospace; }
.activity-empty small, .counter-card header small { color: #f2bd66; font: .58rem "DM Mono", monospace; letter-spacing: .13em; }
.activity-empty h3 { margin: .35rem 0 .65rem; color: var(--text); font-size: clamp(1.3rem, 3vw, 2rem); }
.activity-empty p { margin: 0; line-height: 1.75; }
.activity-highlights { margin-bottom: 1rem; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.activity-highlights[hidden] { display: none; }
.activity-highlights article { padding: 1.3rem clamp(1rem, 2.5vw, 1.8rem); background: rgba(var(--surface-rgb), .6); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.activity-highlights small { display: block; margin-bottom: .4rem; color: var(--meta); font: .58rem "DM Mono", monospace; letter-spacing: .12em; text-transform: uppercase; }
.activity-highlights strong { color: #f2bd66; font-size: clamp(1.4rem, 3vw, 2.2rem); }
.counter-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.counter-card { min-width: 0; padding: clamp(1.25rem, 2.5vw, 2rem); background: rgba(var(--surface-rgb), .68); border: 1px solid var(--line); }
.counter-card header { display: flex; justify-content: space-between; gap: 1rem; align-items: baseline; margin-bottom: 1.4rem; }
.counter-card h3 { margin: .25rem 0 0; font-size: 1.3rem; }
.counter-card header > span { color: var(--meta); font: .68rem "DM Mono", monospace; }
.counter-list { margin: 0; padding: 0; display: grid; gap: .9rem; list-style: none; }
.counter-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .35rem 1rem; }
.counter-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; }
.counter-value { font: .76rem "DM Mono", monospace; }
.counter-track { grid-column: 1 / -1; height: 7px; overflow: hidden; background: rgba(255,255,255,.06); border-radius: 999px; }
.counter-track i { display: block; width: var(--share); height: 100%; background: linear-gradient(90deg, #7bb8f2, #f2bd66); border-radius: inherit; }
.counter-more { margin: 1.25rem 0 0; color: var(--meta); font-size: .78rem; }
.counter-note { margin: 1.4rem 0 0; padding-top: 1rem; color: var(--meta); border-top: 1px solid var(--line); font-size: .78rem; line-height: 1.65; }
.activity-error { margin: 0 auto 3rem; width: min(calc(100% - 2rem), 1180px); padding: 1rem 1.25rem; display: flex; gap: .5rem 1rem; flex-wrap: wrap; color: var(--muted); border: 1px solid rgba(240,137,117,.35); background: rgba(240,137,117,.08); }
@media (max-width: 760px) { .counter-grid, .activity-highlights { grid-template-columns: 1fr; } .activity-empty { grid-template-columns: 1fr; justify-items: start; } }
