/* The one navigation every page of the microsite shares. Each page keeps its own look underneath. */
.sitenav { display: flex; align-items: center; justify-content: space-between; gap: 16px 28px; flex-wrap: wrap; padding-block: 20px 8px; margin-bottom: 18px; }
.sitenav .logo img { display: block; height: 22px; width: auto; }
.sitenav .logo .on-dark { display: none; }
@media (prefers-color-scheme: dark) { .sitenav .logo .on-light { display: none; } .sitenav .logo .on-dark { display: block; } }
.sitenav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 6px 20px; flex-wrap: wrap; font: 600 15px/1.4 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; }
.sitenav a { color: inherit; text-decoration: none; }
.sitenav a:hover, .sitenav a[aria-current="page"] { color: #FC6401; }
.sitenav a:focus-visible { outline: 3px solid #FC6401; outline-offset: 3px; border-radius: 4px; }
.sitefoot { margin-top: 48px; padding-top: 16px; border-top: 1px solid rgba(128, 128, 128, .35); font-size: 14px; opacity: .85; }
.sitefoot a { color: #FC6401; }