:root{--brand-deep:#1a4067}
.hx-brandrow{display:flex;align-items:center;gap:8px;min-width:0}
.hx-home{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.14);text-decoration:none;font-size:18px;flex:none}
.hx-home:hover{background:rgba(255,255,255,.26)}
.topbar a.brand{color:#fff;text-decoration:none}
.hx-foot{text-align:center;padding:20px;color:#5f6470;font-size:13px;border-top:1px solid #e2e4ea;background:#f6f7fb}
.hx-foot a{color:#0a66c2;text-decoration:none}
.hx-foot a:hover{text-decoration:underline}
.hx-foot .sitelinks{margin-bottom:6px}
.lecture-wrap ~ .hx-foot{margin-left:300px}
.vid-wait{display:inline-block;margin:6px 0;padding:6px 12px;border-radius:8px;background:#fff8e6;border:1px solid #f1dfae;color:#5f4b00;font-size:13px}
@media (max-width:900px){.lecture-wrap ~ .hx-foot{margin-left:0}}
/* keep the footer clear of the fixed bottom controls bar on lecture pages */
body:has(#controls) .hx-foot{margin-bottom:56px}
@media (max-width:640px){body:has(#controls) .hx-foot{margin-bottom:104px}}