body {
    max-width: 1024px;
    font-family: "Nunito Sans";
    background-color: #f1f5f9;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 0.4em;
    padding-right: 0.4em;
    cursor:default;
}

a {
    text-decoration:none;
}

a:visited {
    color:black;
}

a:hover {
    text-decoration:none;
}

@media (min-width: 1024px) {
    body{
        margin: 0 auto;
    }
}

/* Global navigation */
.site-nav {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1.5em;
    margin:0 0 4.5em;
    padding:.25em 0 1em;
}
.site-nav-links { display:flex; gap:1.4em; align-items:center; }
.site-nav a { color:#111; }
.site-nav a:hover, .site-nav a[aria-current="page"] { text-decoration:underline; text-underline-offset:.25em; }
@media (max-width:560px) {
    .site-nav { margin-bottom:3em; }
    .site-nav-links { gap:1em; }
}

/* Global navigation alignment */
.site-nav-links { margin-left:auto; }

/* Visible keyboard focus for interactive elements */
a:focus-visible,
button:focus-visible,
input:focus-visible,
video:focus-visible {
    outline: 3px solid #111;
    outline-offset: 4px;
}

@media (max-width:760px) {
    body { padding-left:1em; padding-right:1em; }
    .site-nav { padding-top:0; }
}

@media (max-width:560px) {
    .site-nav {
        width:100%;
        justify-content:flex-end;
    }
    .site-nav-links {
        width:100%;
        margin-left:0;
        justify-content:flex-end;
        gap:.85em;
        font-size:.95em;
        white-space:nowrap;
    }
}
@media (max-width:560px) {
    .site-nav-links { gap:.65em; font-size:.85em; }
}
@media (max-width:560px) {
    .site-nav-links { padding-right:1.25em; box-sizing:border-box; }
}