/* P4.2 shared public site shell: header, phone menu and info/legal pages. Loaded after homepage-v3.css (+ public-exams.css). */

/* Current section in the menu */
.desktop-nav a[aria-current="page"] { color: var(--brand-700); box-shadow: inset 0 -2px 0 var(--brand-500); }
.mobile-panel nav a[aria-current="page"] { background: var(--brand-50); color: var(--brand-700); }

/* Phone menu: both account actions, 48px tap targets */
.mobile-panel nav a { min-height: 48px; display: flex; align-items: center; }
.mobile-actions { display: grid; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); }
.mobile-actions .btn { width: 100%; min-height: 48px; justify-content: center; }

/* Info + legal pages in the main design (reuses .breadcrumbs, .hub-hero, .hub-article, .article-body) */
.info-page { max-width: 880px; }
.info-page .hub-hero { margin-bottom: 24px; }
.info-page .hub-hero .info-updated { margin: 10px 0 0; color: var(--ink-600); font-size: .95rem; }
.info-page .article-body h2 { margin: 28px 0 10px; font-size: 1.2rem; line-height: 1.4; color: var(--ink-950); }
.info-page .article-body h2:first-child { margin-top: 0; }
.info-page .article-body li { margin-bottom: 6px; }
.info-page .article-body strong { color: var(--ink-950); }
.info-page .article-body .text-sm { font-size: .95rem; color: var(--ink-600); }