/* Shared across every page: top nav and footer. */
html { scroll-behavior: smooth; }
body { margin: 0; }
.sitenav { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; padding: 14px clamp(16px, 4vw, 44px); background: #372020; color: #FFEAB8; font-family: "Archivo", "Helvetica Neue", Arial, sans-serif; }
body:not(.cohort) .sitenav { margin: 0 -16px; }
.sitenav a { color: inherit; text-decoration: none; }
.sitenav-brand { font-weight: 800; font-stretch: 75%; text-transform: uppercase; letter-spacing: .06em; font-size: 14px; }
.sitenav-links { display: flex; flex-wrap: wrap; gap: 6px; }
.sitenav-links a { font-family: "Courier Prime", "Courier New", monospace; font-weight: 700; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; padding: 6px 12px; border-radius: 999px; border: 1.5px solid transparent; }
.sitenav-links a:hover { border-color: rgba(255,234,184,.5); }
.sitenav-links a[aria-current="page"] { background: #9FBFFF; color: #372020; }
.sitenav a:focus-visible, .sitefoot a:focus-visible { outline: 3px solid #9FBFFF; outline-offset: 3px; }
.sitefoot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px; padding: 22px clamp(16px, 4vw, 44px); background: #372020; color: rgba(255,234,184,.8); font-family: "Courier Prime", "Courier New", monospace; font-size: 13px; }
body:not(.cohort) .sitefoot { margin: 64px -16px -64px; }
.sitefoot a { color: #FFEAB8; }
.sitefoot-brand { font-family: "Archivo", Arial, sans-serif; font-weight: 800; font-stretch: 75%; text-transform: uppercase; letter-spacing: .06em; color: #FFEAB8; }
@media (max-width: 560px) { .sitenav { justify-content: center; text-align: center; padding-block: 12px; } .sitenav-links { justify-content: center; gap: 2px; } .sitenav-links a { font-size: 12px; padding: 5px 9px; } }