/* Homepage header count; keep the existing navigation and member entry together. */
header.has-online-count{gap:20px}
header.has-online-count>.brand+nav{gap:clamp(14px,2vw,28px);white-space:nowrap}
.header-online{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-width:106px;min-height:36px;padding:7px 10px;border:1px solid #d3e3d8;border-radius:20px;background:#f3f8ee;color:#476e61;font-size:12px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.header-online-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#92a09b}
.header-online[data-state=ready] .header-online-dot{background:#3c9470;box-shadow:0 0 0 3px #3c947012}
.header-online[data-state=unavailable]{color:#79857e;background:#f7f7ef}
header.has-online-count>.small-button{padding:11px 15px}
@media(min-width:781px) and (max-width:1200px){header.has-online-count{gap:14px;padding-left:22px;padding-right:22px}header.has-online-count>.brand+nav{gap:14px;font-size:12px}header.has-online-count>.brand b{font-size:21px}.header-online{min-width:100px;padding-left:8px;padding-right:8px;font-size:11px}}
@media(min-width:781px) and (max-width:1050px){header.has-online-count{height:auto;min-height:96px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;row-gap:12px}header.has-online-count>.brand{margin-right:auto}header.has-online-count>.brand+nav{order:3;width:100%;justify-content:center;margin:0;gap:clamp(18px,4vw,36px)}}
@media(max-width:780px){header.has-online-count{gap:10px}header.has-online-count>.brand{margin-right:auto}header.has-online-count>.brand+nav{order:3;width:100%;justify-content:center;column-gap:clamp(11px,3vw,23px);row-gap:8px;margin:0}header.has-online-count>.small-button{margin-left:0;padding:9px 12px}.header-online{min-width:100px;font-size:11px}}
@media(max-width:540px){header.has-online-count>.brand{width:100%;justify-content:center;margin:0}header.has-online-count>.brand+nav{order:1;font-size:11px;column-gap:clamp(10px,3.4vw,18px)}.header-online{order:2;margin-left:auto}header.has-online-count>.small-button{order:2;margin-right:auto}}