/* Same 120 × 67.5rem stage as the other boards, readable across a room. */
.board-speed { display:flex; flex-direction:column; justify-content:center; padding:4rem 3rem; }
.speed-window { font-size:1.25rem; color:var(--ink-3); }
.speed-readings { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); width:100%; }
.speed-reading { display:flex; flex-direction:column; gap:1.5rem; padding:2rem; border-left:1px solid var(--hairline); text-decoration:none; color:var(--ink); min-width:0; }
.speed-reading:first-child { padding-left:0; border-left:0; }
.speed-reading:last-child { padding-right:0; }
.speed-reading h2 { font-family:var(--font-cond); font-size:2.1rem; font-weight:500; line-height:1.2; min-height:2.4em; }
.speed-value { font-family:var(--font-cond); font-size:8.5rem; font-weight:500; line-height:1; letter-spacing:-.035em; font-variant-numeric:tabular-nums; }
.speed-unit { font-size:1.65rem; color:var(--ink-2); min-height:1.5em; }
.speed-unit small { display:block; font-size:1.05rem; margin-top:.5rem; }
.speed-change { font-size:1.35rem; line-height:1.4; font-weight:500; color:var(--ink-3); margin-top:-.6rem; }
.speed-change.is-better { color:#86d9be; }
.speed-change.is-worse { color:#f2bc65; }
.speed-reading:hover .speed-value { color:#82bfff; }
.speed-reading:focus-visible,.speed-detail-link:focus-visible { outline:3px solid #82bfff; outline-offset:.5rem; }
.speed-footer { display:flex; align-items:center; justify-content:space-between; margin-top:4rem; font-size:1.25rem; color:var(--ink-3); gap:2rem; }
.speed-detail-link { color:var(--ink-2); text-decoration:none; }
.speed-detail-link:hover { color:#82bfff; }
.speed-error { color:var(--s-warn); }
#speedStatus:empty { display:none; }
@media (max-width:700px), ((max-width:900px) and (orientation:portrait)), ((max-height:520px) and (pointer:coarse)) {
  .board-speed { padding:1rem .25rem 6.5rem; }
  .speed-window { font-size:.85rem; }
  .speed-readings { grid-template-columns:1fr; }
  .speed-reading,.speed-reading:first-child,.speed-reading:last-child { display:grid; grid-template-columns:1fr auto; gap:.35rem 1rem; padding:1.25rem 0; border-left:0; border-bottom:1px solid var(--hairline); }
  .speed-reading:last-child { border-bottom:0; }
  .speed-reading h2 { font-size:1.5rem; min-height:0; align-self:end; }
  .speed-value { grid-column:2; grid-row:1/3; font-size:4.25rem; align-self:center; }
  .speed-unit { font-size:.9rem; min-height:0; }
  .speed-unit small { font-size:.75rem; margin-top:.25rem; }
  .speed-change { grid-column:1/-1; font-size:.95rem; margin-top:.35rem; }
  .speed-footer { margin-top:1.5rem; font-size:.85rem; }
}