/* ============================================================
   Public pages: what Spelling adds to MTC's page design.

   Each public page carries MTC's own page styles in its <style> block,
   copied from the matching MTC page, so the page looks exactly like MTC's.
   This shared file adds only what every Spelling page needs on top:
   a skip link for keyboard users, visible keyboard focus, and the main
   landmark the skip link jumps to. Do not restyle MTC's design here.
   ============================================================ */

.skip-link {
    position: absolute;
    left: 16px;
    top: -60px;
    z-index: 1000;
    padding: 10px 16px;
    border-radius: 10px;
    background: #f00842;
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
}

.skip-link:focus {
    top: 16px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid #00d9ff;
    outline-offset: 3px;
}

/* The skip link lands here without showing a focus ring on the whole page. */
.support-main:focus {
    outline: none;
}