/* DNS leak test (TOOLS-807). Tokens of the design system with literal fallbacks. */

.tools-dlt-intro { color: var(--c-ink-soft, #475569); }

/* The test starts by itself: the stage keeps the results' height from the first paint (CLS). */
.tools-dlt-stage { min-height: 34rem; }

.tools-dlt-progress-text { font-size: .85rem; color: var(--c-ink-mute, #64748b); font-family: var(--font-mono, monospace); }

.tools-dlt-results { display: grid; gap: var(--s-4, 1rem); }
.tools-dlt-checks { display: grid; gap: var(--s-3, .75rem); }

.tools-dlt-table code { font-family: var(--font-mono, monospace); font-size: .85rem; word-break: break-all; }
.tools-dlt-row--other td:last-child { color: var(--c-warning, #d97706); font-weight: 600; }
.tools-dlt-row--same td:last-child { color: var(--c-success-accent, #15803d); }

.tools-dlt-privacy { display: flex; gap: .4rem; align-items: flex-start; font-size: .85rem; color: var(--c-ink-mute, #64748b); }
.tools-dlt-privacy svg { flex: 0 0 auto; margin-top: .2rem; }

@media (min-width: 768px) {
    .tools-dlt-stage { min-height: 28rem; }
}