/* Internet Speed Test — three gauge tiles + a start button. */

.st-card {
    background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius, 5px);
    padding: 1.4rem 1.2rem; text-align: center; margin-bottom: .7rem;
    box-shadow: var(--shadow-sm, 0 1px 2px rgba(0,0,0,.05));
}

.st-gauges {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; margin-bottom: 1.2rem;
}
.st-gauge {
    display: flex; flex-direction: column; align-items: center; gap: .3rem;
    background: var(--paper); border-radius: 5px; padding: 1rem .5rem;
}
.st-gauge-icon { font-size: 1.2rem; color: var(--indigo); }
.st-gauge-value { font-size: 1.6rem; font-weight: 800; font-family: var(--font-display); color: var(--ink); }
.st-gauge-unit { font-size: .68rem; color: var(--ink-soft); text-transform: uppercase; letter-spacing: .02em; }

.st-start-btn { min-width: 180px; }
.st-status { font-size: .82rem; color: var(--ink-soft); margin: .7rem 0 0; min-height: 1.2em; }

.st-caveat { font-size: .78rem; line-height: 1.5; }

@media (max-width: 480px) {
    .st-gauges { gap: .4rem; }
    .st-gauge { padding: .75rem .3rem; }
    .st-gauge-value { font-size: 1.25rem; }
    .st-gauge-unit { font-size: .6rem; }
}