/* page.css — page-wide bits under the hero and story styles: the hero's plain headline and agent counter, small
   shared helpers. Tokens only. */
.meta{color:var(--meta);font-size:.88rem}
.day{margin-top:28px}
.vs{border:1px solid var(--line);border-radius:var(--r-modal);overflow:hidden;background:var(--surface)}
.close{margin-top:32px;display:flex;flex-direction:column;gap:12px}
.close .cta-row{margin-top:0}
/* hero: the plain headline is longer than the old one, so it runs wider and a little smaller */
.hero.hero-army h1{max-width:10.5em;font-size:clamp(2.5rem,4.8vw,4.5rem)}
@media (max-width:900px){.hero.hero-army h1{font-size:clamp(2.3rem,10vw,3.4rem);max-width:none}}
/* the agent counter takes the hint's place at the top right of the horse stage */
.hero-army .steer-hint{display:none!important}
.hero-army .army-top{position:absolute;right:clamp(16px,3vw,40px);top:14px;z-index:3001;margin:0}
@media (max-width:900px){.hero-army .army-top{right:auto;left:var(--edge);top:8px}}
@media (max-width:900px){.hero-army .army-top{top:4px}.hero-army .army-top b{font-size:1.3rem;min-width:0}.hero-army .army-top span{max-width:none;font-size:.62rem;white-space:nowrap}.hero-army .army-top em{display:none}}