/* tools/results_band.py: SpinForge results band on the homepage */
.results-band{background:#fff;padding:96px 0;border-bottom:8px solid var(--paper)}
.results-band .rb-head{max-width:820px;margin-bottom:34px}
.results-band h2{font-size:clamp(36px,5vw,64px);line-height:1.04;letter-spacing:-.035em;font-weight:650;color:var(--ink)}
.results-band .rb-head p{font-size:19px;line-height:1.5;color:var(--muted);margin-top:16px}
.results-band .rb-label{font-size:12px;letter-spacing:.075em;font-weight:630;text-transform:uppercase;color:var(--muted);margin:30px 0 12px}
.results-band .rb-records{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.results-band .rb-solvers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.results-band .rb-records>*,.results-band .rb-solvers>*{min-width:0}
.results-band .rb-tile{position:relative;display:flex;flex-direction:column;gap:10px;border-radius:18px;padding:22px 24px 24px;
  background:var(--paper);color:var(--ink);text-decoration:none;border-top:4px solid var(--green);transition:transform .2s,box-shadow .2s}
.results-band .rb-tile:hover,.results-band .rb-tile:focus-visible{transform:translateY(-3px);box-shadow:0 16px 40px rgba(29,29,31,.08)}
.results-band .rb-tile b{font-size:clamp(28px,3vw,40px);line-height:1;letter-spacing:-.035em;font-weight:700}
.results-band .rb-big b{font-size:clamp(30px,3.1vw,46px);white-space:nowrap}
.results-band .rb-tile span{font-size:14px;line-height:1.5;color:var(--muted)}
.results-band .rb-tile i{position:absolute;top:18px;right:20px;font-style:normal;color:var(--green)}
.results-band .actions{margin-top:34px}
@media(max-width:999px){.results-band .rb-records,.results-band .rb-solvers{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.results-band{padding:64px 0}.results-band .rb-records,.results-band .rb-solvers{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.results-band .rb-tile{transition:none}.results-band .rb-tile:hover{transform:none}}
