:root{--navy:#174561;--blue:#4cb8e7;--seagreen:#66c5af;--sunset:#f15856;--text-light:#d9e8f2}.beta-banner{background:var(--sunset);color:#fff;font-size:.95rem;font-weight:600;padding:.55rem 0;text-align:center}header{background:var(--navy);padding:.8rem 0}.header-inner{justify-content:space-between}.brand-inline,.header-inner{align-items:center;display:flex}.brand-inline{gap:.9rem;text-decoration:none}.logo{height:56px}.tagline-inline{color:var(--text-light);font-size:.92rem;opacity:.85}.main-nav{display:flex;gap:1.4rem}.main-nav a{color:var(--text-light);font-weight:600;opacity:.75;padding-bottom:2px;text-decoration:none;transition:.2s ease}.main-nav a:hover{opacity:1}.main-nav .active{box-shadow:inset 0 -2px 0 var(--seagreen);opacity:1}@media (max-width:600px){header{padding:.6rem 0}.header-inner{align-items:flex-start;flex-direction:column;gap:.6rem}.logo{height:48px}.tagline-inline{font-size:.78rem}.main-nav{flex-wrap:wrap;gap:.8rem 1.1rem}.main-nav a{font-size:.9rem}main h1:first-child,section h1:first-child{margin-top:1.1rem}.about-page h1:first-child{margin-top:.6rem!important}}