:root { --navy: #1d3d5d; --sky-blue: #2b5260; --gold: oklch(74% .13 85); }
.site-header { background: white; color: var(--charcoal); }
.site-nav { padding: 16px 40px; }
.site-logo, .page-brand { display: flex; align-items: center; flex-shrink: 0; }
.site-logo img, .page-brand img, header img[alt="HMC Logo"] { display: block; height: 40px; width: auto; max-width: 100%; object-fit: contain; }
.site-links a, .mobile-navigation summary, .mobile-navigation nav a { color: var(--charcoal); }
.mobile-navigation nav { background: white; border-color: #d9dfe4; }
.site-footer, .page-footer { background: var(--navy); }
.footer-logo, .footer-brand img, footer img[alt="HMC Logo"] { display: block; height: 80px; width: auto; max-width: 100%; object-fit: contain; }
.content-page { font-family: var(--font-sans); }
.content-page h1, .content-page h2, .page-footer strong { font-family: var(--font-serif); }
.page-header { max-width: none; padding: 16px max(24px, calc((100% - 1200px)/2)); background: white; }
.page-brand { gap: 0; }
@media (max-width: 700px) { .site-nav { padding: 16px 24px; } }
@media print { .site-footer, .page-footer { display: none; } }