/* Vietnamese text and actual local differences on the copied main layout. */
body.vn-site { font-family:Arial,"Segoe UI",Tahoma,sans-serif; }
.vn-site .item-title,.vn-site .result-card h3,.vn-site .profile-hero h1,
.vn-site .profile-section h2,.vn-site .cat-selects a { word-break:normal; line-height:1.5; }
.vn-site .static-card .item-title { white-space:normal; }
.vn-site .profile-introduction,.vn-site .profile-section p { line-height:1.7; word-break:normal; }
.vn-site .profile-citation a,.vn-site .profile-official-links a { overflow-wrap:anywhere; }
.vn-site .main-header .site-brand-logo { display:inline-flex; align-items:center; gap:8px; text-decoration:none; }
.vn-site .main-header .site-brand-logo img.vn-brand-789 { width:92px!important; height:42px!important; max-width:none!important; object-fit:cover!important; object-position:center; }
.vn-site .vn-brand-label { color:inherit; font-size:18px; font-weight:600; white-space:nowrap; line-height:1.3; }
.vn-site .header-banner.static-banner { background-image:url("../backgrounds/vn-lotus-light-2a3af00bd3fa8d7b28.webp")!important; background-size:cover!important; background-position:center 70%!important; }
.vn-site .static-banner::before { background:linear-gradient(180deg,rgba(248,255,252,.08),rgba(222,241,234,.08))!important; }
html:not([data-theme="dark"]) .vn-site .static-search .search-menu,html:not([data-theme="dark"]) .vn-site .static-search .search-term { color:#244e57; text-shadow:none; }
html:not([data-theme="dark"]) .vn-site .static-search .search-menu.active,html:not([data-theme="dark"]) .vn-site .static-search .search-term.active { color:#143d46; }
html:not([data-theme="dark"]) .vn-site .static-search .search-menu.active::after { background:#244e57; }
html[data-theme="dark"] .vn-site .header-banner.static-banner { background-image:url("../backgrounds/vn-lotus-dark-ed37bb51e3af3c934f.webp")!important; }
html[data-theme="dark"] .vn-site .static-banner::before { background:rgba(6,20,28,.12)!important; }
.vn-site .vn-monogram { box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; flex:0 0 48px; vertical-align:middle; border-radius:4px; color:hsl(var(--vn-hue,180) 42% 27%); background:hsl(var(--vn-hue,180) 37% 90%); font-size:14px; font-weight:600; line-height:1.4; overflow:hidden; }
html[data-theme="dark"] .vn-site .vn-monogram { color:hsl(var(--vn-hue,180) 42% 82%); background:hsl(var(--vn-hue,180) 24% 23%); }
.vn-site .vn-monogram.profile-school-logo { padding:3px; margin-right:12px; border-radius:8px; }
.vn-site .vn-monogram.profile-school-logo::before { content:attr(data-vn-logo-text); }
.vn-site .profile-hero:not(:has(>figure)),.vn-site .profile-hero.vn-no-preview { grid-template-columns:minmax(0,1fr); }
.vn-site .vn-skip-link { position:fixed; inset:8px auto auto 12px; transform:translateY(-180%); z-index:10000; padding:8px 12px; background:#fff; color:#173e47; border-radius:4px; }
.vn-site .vn-skip-link:focus { transform:none; }
@media(max-width:767px) {
  .vn-site .static-card:not(.civic-region-card):not(.province-home-entry):not(.province-directory-entry) .sites-tags { display:block!important; position:absolute!important; inset:0 0 0 auto; width:44px; height:auto!important; padding:0!important; margin:0!important; pointer-events:none; }
  .vn-site .static-card:not(.civic-region-card):not(.province-home-entry):not(.province-directory-entry) .sites-tags .togo { position:absolute!important; transform:translateY(-50%)!important; top:50%!important; right:0!important; width:44px!important; height:44px!important; pointer-events:auto; }
  .vn-site .static-card:not(.civic-region-card):not(.province-home-entry):not(.province-directory-entry) .sites-body { padding-right:44px!important; }
  .vn-site .static-card .vn-monogram,.vn-site .result-card .vn-monogram { width:32px; height:32px; flex-basis:32px; font-size:11px; }
  .vn-site .search-term,.vn-site .cat-selects a { white-space:normal; }
}

/* Vietnamese line breaking and real-preview presentation. */
.vn-site .profile-introduction > p { line-break:auto; }
.vn-site .official-preview-image img { height:auto; max-height:420px; object-position:top center; }
@media(max-width:767px) {
  .vn-site .header-banner.static-banner { background-image:url("../backgrounds/vn-lotus-light-2a3af00bd3fa8d7b28.webp")!important; background-position:center 60%!important; }
  html[data-theme="dark"] .vn-site .header-banner.static-banner { background-image:url("../backgrounds/vn-lotus-dark-ed37bb51e3af3c934f.webp")!important; }
}

@media(max-width:389px) {
  .vn-site .main-header .site-brand-logo { gap:4px; }
  .vn-site .main-header .site-brand-logo img.vn-brand-789 { width:64px!important; height:30px!important; }
  .vn-site .vn-brand-label { font-size:15px; }
}