.result-next {
  margin-top: 28px;
  padding: 24px 0;
  border-top: 1px solid var(--line, #293545);
  border-bottom: 1px solid var(--line, #293545);
}
.result-next h2 { margin: 0 0 8px; font-size: 1.2rem; }
.result-next > p { margin: 0 0 16px; max-width: 72ch; color: var(--muted, #a3adbb); }
.result-next-links { display: flex; flex-wrap: wrap; gap: 12px 28px; }
.result-next a { color: var(--teal, #2dd4bf); text-underline-offset: 4px; font-weight: 600; padding: 8px 0; }
.result-next a:hover { color: #84f4e5; }
.result-next a:focus-visible { outline: 2px solid var(--teal, #2dd4bf); outline-offset: 5px; }
#completionExplanation { max-width: 65ch; margin-top: 12px; line-height: 1.6; }
.completion-card > div { min-width: 0; }
.key-test-page .breadcrumb .wrap { width: 100%; }
.switch-table-scroll { max-width: 100%; overflow-x: auto; }
.switch-table-scroll:focus-visible { outline: 2px solid var(--accent, #2dd4bf); outline-offset: 4px; }
#test-zone:focus-visible { outline: 2px solid var(--accent, #2dd4bf); outline-offset: 4px; }
.key-test-note { max-width: 72ch; color: var(--muted, #a3adbb); font-size: .9rem; line-height: 1.7; }
@media (max-width: 640px) {
  .result-next-links { flex-direction: column; gap: 4px; align-items: flex-start; }
  .completion-card.show { flex-direction: column; align-items: stretch; }
  .completion-actions { justify-content: flex-start; }
  .keyboard-page .brand { font-size: 15px; letter-spacing: .3px; white-space: normal; }
  .keyboard-page .brand a { min-width: 0; }
  .keyboard-page .nav-cta .status-pill { display: none; }
  .keyboard-page .nav-cta { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
  .keyboard-page .nav-links { font-size: 10px; letter-spacing: .6px; gap: 10px; }
}