.page-speedtest .speedtest-panel{display:grid;gap:1rem;margin-block:1rem 1.5rem;padding:clamp(1rem,2vw,1.5rem);border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--surface),var(--surface-2));box-shadow:var(--shadow)}
.page-speedtest .speedtest-panel__intro{max-width:760px}
.page-speedtest .speedtest-box{display:grid;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}
.page-speedtest .speedtest-readout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.page-speedtest .speedtest-readout>div{padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.page-speedtest .speedtest-label{display:block;margin-bottom:.35rem;color:var(--muted);font-size:.9rem}
.page-speedtest .speedtest-readout strong{display:inline-block;min-width:3ch;font-size:clamp(1.6rem,4vw,2.8rem);line-height:1;color:var(--text)}
.page-speedtest .speedtest-readout small{color:var(--muted)}
.page-speedtest .speedtest-meter{height:12px;overflow:hidden;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}
.page-speedtest .speedtest-meter span{display:block;width:0;height:100%;border-radius:inherit;background:currentColor;transition:width .25s ease}
.page-speedtest .speedtest-status{margin:0;color:var(--muted)}
.page-speedtest .speedtest-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.page-speedtest .speedtest-help{margin-top:1.5rem}
.page-speedtest .speedtest-help .btn{margin:.25rem .35rem .25rem 0}
@media (max-width:720px){.page-speedtest .speedtest-readout{grid-template-columns:1fr}.page-speedtest .speedtest-readout>div{padding:.85rem}}