/* Shared navigation for the Chris Willett static site. */
.site-header { box-sizing:border-box; width:min(1120px,calc(100% - 64px)); margin-inline:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:30px 0; border-bottom:1px solid #ded9e8; }
.site-header .brand { font-family:"Rock Salt",cursive; font-size:3rem; font-weight:700; letter-spacing:normal; line-height:1.5; color:#6434eb; text-decoration:none; white-space:nowrap; }
.site-header nav { display:flex; flex-wrap:wrap; gap:10px 26px; }
.site-header nav a { font-family:"Manrope",Arial,sans-serif; font-size:14px; font-weight:600; line-height:1.65; color:#fff; text-decoration:none; }
.site-header nav a[aria-current="page"] { text-decoration:underline; text-underline-offset:4px; }
.site-header a:focus-visible, #nav a:focus-visible { outline:3px solid #fff; outline-offset:5px; }
@media(max-width:699px) { .site-header .brand { font-size:1.5rem; } }
@media(max-width:650px) { .site-header { width:calc(100% - 40px); align-items:flex-start; flex-direction:column; gap:18px; padding:23px 0; } .site-header nav { gap:10px 22px; } }
/* The homepage keeps its existing video and overlaid navigation. */
#nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px 22px; max-width:calc(100% - 60px); }
#nav .nav { float:none; }
#nav .nav a { font-family:"Manrope",Arial,sans-serif; font-size:14px; font-weight:600; line-height:1.65; padding:0; color:#fff; text-decoration:none; }
@media(max-width:650px) { #nav { top:65px; left:20px; right:20px; max-width:none; gap:10px 18px; } }