.localized-learning-hub .site-header { background: #0c2036; }
.localized-hub { color: #132a3f; }
.localized-hub .hub-hero { min-height: 0; padding-bottom: 0; background: #f4f8fc; color: #132a3f; }
.localized-hub .hub-hero .hub-shell { padding-top: 112px; padding-bottom: 36px; }
.localized-hub .hub-hero__icon { position: static; width: 42px; height: 42px; margin-bottom: 16px; color: #176e65; background: #e5f3ef; border-color: #c9e2da; }
.localized-hub .hub-breadcrumb { margin-bottom: 28px; color: #415260; }
.localized-hub .hub-breadcrumb a { color: #0b508f; }
.localized-hub .hub-hero__description { color: #415260; }
.localized-hub .hub-band > .hub-shell { padding-top: 36px; padding-bottom: 48px; }
.localized-hub .hub-band h2 { font-size: 26px; line-height: 1.5; letter-spacing: 0; }
.localized-hub .hub-hero h1 { max-width: 960px; font-size: 42px; line-height: 1.25; letter-spacing: 0; }
.localized-hub .hub-hero__description { max-width: 850px; }
.localized-hub__answer { max-width: 850px; font-size: 18px; line-height: 1.8; color: #263d4e; }
.localized-hub__count { color: #176e65; font-weight: 600; margin: 20px 0 0; }
.localized-hub__list { list-style: none; padding: 0; margin: 24px 0 0; }
.localized-hub__list li { display: grid; grid-template-columns: minmax(0, 1fr) 24px; gap: 24px; padding: 25px 0; border-bottom: 1px solid #dbe3e9; }
.localized-hub__list h3 { margin: 0 0 8px; font-size: 21px; line-height: 1.55; letter-spacing: 0; }
.localized-hub__list h3 a { color: #0b508f; text-decoration: none; }
.localized-hub__list h3 a:hover { text-decoration: underline; }
.localized-hub__list p { max-width: 850px; margin: 0; line-height: 1.8; color: #415260; }
.localized-hub__list svg { margin-top: 8px; color: #177aca; }
.localized-hub__group { margin-top: 32px; font-size: 20px; color: #176e65; }
.localized-hub a:focus-visible { outline: 3px solid #177aca; outline-offset: 5px; }
.localized-hub * { overflow-wrap: anywhere; }
html[lang="vi"] .localized-hub { font-family: "Segoe UI", Arial, sans-serif; font-synthesis: none; }
html[lang="th"] .localized-hub { line-height: 1.9; }
@media (max-width: 600px) {
    .localized-hub .hub-hero h1 { font-size: 29px; line-height: 1.45; }
    .localized-hub__answer { font-size: 16px; }
    .localized-hub__list h3 { font-size: 19px; }
    .localized-hub__list li { gap: 12px; }
    .localized-hub .hub-breadcrumb { flex-wrap: wrap; }
}