/* Presentation only: the measurement engine and endpoints are unchanged. */
.speedtest-hero { padding-block: clamp(32px, 4vw, 58px) !important; }
.speedtest-hero h1 { font-size: clamp(2.25rem, 4.7vw, 4rem) !important; line-height: 1.06 !important; text-wrap: balance; }
.speedtest-lead { max-width: 63ch; line-height: 1.75; }
.speedtest-board { border-radius: 16px !important; overflow: hidden; }
.speedtest-metric__value, .speedtest-mini__value { font-variant-numeric: tabular-nums; }
.speedtest-board__side { background: #121b23 !important; }
.speedtest-mini { border: 1px solid #ffffff0d; }
.measurement-guide { display: grid; grid-template-columns: .85fr 1.35fr; gap: clamp(32px, 6vw, 90px); padding: clamp(38px, 6vw, 72px) 0; border-bottom: 1px solid #ffffff20; }
.measurement-guide h2 { font-family: "Space Grotesk", sans-serif; font-size: clamp(1.9rem, 3vw, 2.75rem); line-height: 1.12; letter-spacing: -.04em; margin: 12px 0 20px; }
.measurement-guide__intro > p:not(.speedtest-eyebrow) { color: #b8c5d0; font-size: .94rem; line-height: 1.8; max-width: 48ch; }
.measurement-guide a { display: inline-flex; gap: 12px; align-items: center; margin-top: 12px; color: #ffb173; font-size: .86rem; text-underline-offset: .25em; }
.measurement-guide__metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 34px; margin: 0; }
.measurement-guide__metrics > div { border-top: 1px solid #ffffff22; padding-top: 19px; }
.measurement-guide dt { display: flex; align-items: baseline; gap: 12px; font-size: 1rem; font-weight: 700; color: #edf3f7; }
.measurement-guide dt span { font-size: .65rem; color: #ffb173; font-variant-numeric: tabular-nums; }
.measurement-guide dd { margin: 12px 0 0; color: #b8c5d0; font-size: .86rem; line-height: 1.8; }
.measurement-note { display: grid; grid-template-columns: .85fr 1.35fr; gap: clamp(32px, 6vw, 90px); padding: 24px 0 36px; }
.measurement-note strong { font-size: .86rem; color: #e4edf3; }
.measurement-note p { margin: 0; color: #a9b8c5; font-size: .8rem; line-height: 1.8; }
.speedtest-shell :where(a, button):focus-visible { outline: 2px solid #ffb173; outline-offset: 4px; }
@media (max-width: 760px) {
    .measurement-guide, .measurement-note { grid-template-columns: 1fr; gap: 26px; }
    .speedtest-topbar { gap: 16px; }
    .speedtest-brand img { max-width: 140px; height: auto; }
    .speedtest-portal-back { min-height: 44px !important; padding-inline: 12px !important; font-size: .73rem !important; }
    .measurement-note { gap: 12px; }
}
@media (max-width: 420px) { .measurement-guide__metrics { grid-template-columns: 1fr; gap: 22px; } }
