/* Compact, readable starting numbers within the existing hero-selection flow. */
.hero-start-summary{display:flex;flex-wrap:wrap;gap:2px 8px;margin-top:5px;color:#b9c8b4;font:400 .75rem/1.4 var(--sans,Arial,sans-serif)}
.hero-start-summary span{white-space:nowrap}.hero-start-summary b{font-weight:600;color:#ead6a4;font-variant-numeric:tabular-nums}
.hero-stat-panel{border:1px solid #bca06155;background:#0c1d16;padding:12px 14px;margin:10px 0 14px}
.hero-stat-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.hero-stat-heading h3{margin:0;color:#f0dfb7;font:600 1.125rem/1.25 var(--serif,Georgia,serif)}
.hero-stat-heading>span{color:#b6c6ae;font-size:.75rem;line-height:1.4}
.hero-stat-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin:12px 0 8px}
.hero-stat-grid>div{min-width:0}.hero-stat-grid dt{font:400 .875rem/1.35 var(--sans,Arial,sans-serif);color:#b8c7b0;overflow-wrap:anywhere}
.hero-stat-grid dd{margin:3px 0 0;font:600 1.125rem/1.25 var(--sans,Arial,sans-serif);font-variant-numeric:tabular-nums;color:#f0dfb7}
.hero-stat-note{margin:0;color:#a9bca4;font-size:.75rem;line-height:1.5}
.guide-hero .hero-stat-panel{margin:14px 0 20px}.guide-hero .hero-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:850px){.hero-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 10px}}
@media(max-width:420px){.hero-stat-panel{padding:10px}.hero-stat-grid{gap:8px}.hero-stat-grid dt{font-size:.8125rem}.hero-stat-grid dd{font-size:1rem}.hero-stat-heading h3{font-size:1rem}}
@media(max-width:320px){.hero-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}