/* The site footer navigation (seo.md H9, 2026-10-15): one row of plain links to the public pages, in every
   public page's markup so crawlers that run no script can follow them. Small, quiet type that takes the page's
   own font and colour. The same markup is copied into each page:

     <nav class="site-nav" aria-label="Site"> <a href="/Tutorials.html">Tutorials</a> ... </nav>

   inside the page's existing <footer>, or inside <footer class="site-footer"> at the end of a page that had none.
   A page may tune it with --site-nav-color (link colour), --site-nav-border and --site-nav-pad. */
.site-footer {
    position: static;
    display: block;
    width: auto;
    max-width: none;
    margin: 0;
    padding: var(--site-nav-pad, 28px 16px 32px);
    border: 0;
    border-top: 1px solid var(--site-nav-border, rgba(128, 128, 128, 0.2));
    background: none;
    box-shadow: none;
    text-align: center;
}

.site-nav {
    position: static;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px 20px;
    width: auto;
    max-width: 62rem;
    height: auto;
    margin: 0 auto;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
    transform: none;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-transform: none;
    text-align: center;
}

/* After the footer's own content, a little space. */
.site-nav:not(:first-child) {
    margin-top: 10px;
}

/* Inside a footer that lays its children out in a row, the links take a row of their own, last. */
footer > .site-nav {
    flex: 1 0 100%;
    order: 99;
}

.site-nav a {
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: var(--site-nav-color, inherit);
    opacity: 0.72;
    font: inherit;
    text-decoration: none;
    white-space: nowrap;
}

.site-nav a:hover {
    opacity: 1;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.site-nav a:focus-visible {
    opacity: 1;
    outline: 2px solid currentColor;
    outline-offset: 2px;
    border-radius: 2px;
}