/* Public subpages only. Landing hero and its scroll animations remain untouched. */
.public-subpage { padding-top: var(--header); }
.public-subpage .site-header,
.public-subpage .site-header.scrolled { background:#fff; color:var(--ink); box-shadow:0 5px 30px #00000012; }
.public-subpage .site-header .brand-mark,
.public-subpage .site-header .brand-mark .brand-identity,
.public-subpage .site-header.scrolled .brand-mark .brand-identity { color:var(--navy); }
.public-subpage .site-header .header-actions .login-link { color:var(--navy); }
.public-subpage .site-header .mobile-toggle { color:var(--navy); }
.public-subpage .site-header .nav-links a { color:var(--navy); }
.public-subpage .site-header .nav-links a:hover { color:var(--pink); }
.public-subpage .site-header .header-actions > .btn { color:#fff; }
.public-subpage .site-header .header-actions > .btn:hover { color:#fff; }
.public-subpage main { display:block; }
/* Legacy about-page typography: avoid homepage global h1/h2/p resets */
.page-about .about-hero h1 { line-height:1.04; }
.page-practical .pi-hero { background: #11142d; }
.page-practical .pi-hero h1 { line-height:1.1; }
.page-practical .pi-content p { margin-bottom: 16px; }
.public-subpage .staq-footer { padding:0 0 26px; }
.public-subpage .staq-footer__bottom { margin:0; }
@media(max-width:780px) {
 .public-subpage { padding-top:var(--header); }
 .public-subpage .site-header .mobile-nav.open { color:var(--navy); }
}