/* Shared navigation, footer, and alignment, with each page retaining its accent. */
.site-header,main,footer{width:min(1120px,calc(100% - 48px));margin-left:auto;margin-right:auto}
.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}
.site-header .brand{font-size:20px;font-weight:750;letter-spacing:-.7px;white-space:nowrap;color:var(--text)}
.brand span,.brand:is(:hover,:focus-visible){color:var(--accent,var(--blue))}
.site-header .site-nav{display:flex;align-items:center;justify-content:flex-end;gap:28px;width:auto;height:auto;margin:0;border:0;padding:0;font-size:13px}
.site-header .site-nav>a{display:inline-flex;align-items:center;gap:8px;position:relative;min-height:44px;padding:10px 0;color:var(--muted);white-space:nowrap}
.site-header .site-nav>a:is(:hover,:focus-visible),.site-header .site-nav>a[aria-current=page]{color:var(--accent,var(--blue))}
.site-nav>a[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;border-radius:2px;background:var(--accent,var(--blue))}
.site-header a:focus-visible{outline:2px solid var(--accent,var(--blue));outline-offset:5px}
.site-nav .header-health-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--muted);box-shadow:none}
.site-nav .header-status[data-health=online] .header-health-dot{background:var(--green);box-shadow:0 0 7px #70d69b30}
.site-nav .header-status[data-health=degraded] .header-health-dot{background:#f48a8a}
.site-nav .header-status:is([data-health=stale],[data-health=unavailable]) .header-health-dot{background:var(--yellow,var(--warning))}
@media(max-width:650px){.site-header,main,footer{width:calc(100% - 32px)}.site-header{height:72px;gap:16px}.site-header .site-nav{gap:20px;font-size:12px}.site-header .site-nav>a{gap:7px}}

.site-footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px 24px;border-top:1px solid var(--line);padding:18px 0 24px;color:var(--muted);font-size:11px;line-height:1.6}
.site-footer .footer-credit{margin:0}
.site-footer .footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px}
.site-footer a{display:inline-flex;align-items:center;gap:4px;min-height:36px}
.site-footer a:is(:hover,:focus-visible){color:var(--accent,var(--blue))}
.site-footer a:focus-visible{outline:2px solid var(--accent,var(--blue));outline-offset:5px}
.page-refresh{font-size:10px;line-height:1.8;color:var(--muted);margin:22px 0 24px}
@media(max-width:650px){.site-footer{flex-direction:column;align-items:flex-start;gap:4px;padding:16px 0 22px}.site-footer .footer-links{gap:8px 20px}}