/* Uses the existing surface, typography, button and colour tokens. */
.result-tools { min-width: 0; }
[data-speed-results] { scroll-margin-top: 5rem; }
.result-tools__metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.result-tools__metrics > div { padding: 1rem; border: 1px solid var(--wst-line); border-radius: 16px; }
.result-tools__metrics dd { font-size: 1.4rem; font-weight: 700; margin: .4rem 0; }
.result-tools__actions { display: flex; flex-wrap: wrap; gap: .6rem; }
.result-tools textarea { width: 100%; font-size: .9rem; }
.result-tools__table { overflow-x: auto; }
.result-tools table { width: 100%; }
.result-tools th, .result-tools td { padding: .7rem; border-bottom: 1px solid var(--wst-line); }
.result-tools p, .result-tools li, .result-tools td { overflow-wrap: anywhere; }
@media (max-width: 575px) {
  .result-tools__metrics { grid-template-columns: 1fr; gap: .5rem; }
  .result-tools__actions .btn { flex: 1 1 9rem; }
}