/* Sharpe & Clear - the header link to the Level I course, and the course line of the home page.
   Loaded after site.css by every page that shows them. Additive only, no inline styles (the CSP is style-src 'self'). */
.brand { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.brand a.nav { margin-left: auto; gap: 0; padding: 6px 14px; border: 1.5px solid #4a5a8c; border-radius: 999px;
               color: var(--ink); font-size: 15px; font-weight: 700; letter-spacing: 0; white-space: nowrap; }
.brand a.nav:hover { background: #18234a; color: var(--ink); }
.brand a.nav[aria-current="page"] { border-color: var(--sky); }
.intro .cta-line { margin: 16px 0 0; }