/* Shared top banner (brand + nav), identical on every sub-page; same as the
   one on technical.html. Loaded last so it wins over per-page header rules. */
header{padding:clamp(12px,2.2vh,18px) 0;border-bottom:1px solid var(--line)}
.header-inner{max-width:1320px;margin:0 auto;padding:0 clamp(20px,4vw,56px);display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:9px;font-size:15px}
.hnav{display:flex;align-items:center;gap:18px;white-space:nowrap}
.hnav-link{font-size:13px;font-weight:600;color:var(--muted-2);width:100px;display:inline-block;text-align:left}
.hnav-link:hover{color:var(--blue)}
.navcta{border:1.5px solid var(--line);border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;color:var(--ink)}
.navcta:hover{border-color:var(--blue);color:var(--blue)}
@media (max-width:560px){.hnav-link{display:none}}

/* Sticky footer: short pages keep the footer at the bottom of the window. */
body{min-height:100vh;display:flex;flex-direction:column}
main{flex:1 0 auto;width:100%}
main.doc{width:100%;max-width:760px}