/* Shared institutional header — identical across all four public pages. */
    :root{--topbar:74px}
    .topbar{position:fixed;z-index:40;inset:0 0 auto 0;height:var(--topbar);display:grid;grid-template-columns:minmax(245px,1fr) auto minmax(245px,1fr);align-items:center;gap:20px;padding:0 46px;color:#fff;background:#073b69;border:0;box-shadow:0 1px 0 rgba(255,255,255,.13),0 6px 20px rgba(5,43,77,.12)}
    .site-brand{grid-column:1;justify-self:start;display:flex;align-items:center;min-width:0;text-decoration:none}
    .tina-logo{display:block;width:245px;height:auto;max-height:48px;object-fit:contain;object-position:left center}
    .topnav{grid-column:2;display:flex;align-self:stretch;align-items:stretch;margin:0}
    .topnav a{display:flex;align-items:center;justify-content:center;padding:0 15px;color:#fff;background:transparent;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}
    .topnav a:hover,.topnav a:focus-visible{color:#fff;background:rgba(255,255,255,.1)}
    .topnav [aria-current="page"]{color:#fff;background:rgba(255,255,255,.07);box-shadow:inset 0 -3px #e39a2d}
    .directory-toggle{grid-column:3;justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;height:40px;min-width:max-content;min-height:40px;overflow:hidden;margin:0;border:1px solid rgba(255,255,255,.28);border-radius:5px;padding:7px 11px;color:#fff;background:transparent;font:800 10px/1 "Segoe UI","Open Sans",Arial,sans-serif;letter-spacing:.045em;text-transform:uppercase}
    .directory-toggle::before{content:none!important}
    .directory-toggle:hover,.directory-toggle:focus-visible{background:rgba(255,255,255,.1)}
    @media(max-width:980px){.topbar{grid-template-columns:minmax(170px,1fr) auto minmax(42px,1fr);gap:14px;padding:0 22px}.tina-logo{width:205px}.topnav a{padding:0 10px}.directory-toggle{width:42px;min-width:42px;padding:7px}.directory-toggle .menu-label{display:none}}
    @media(max-width:760px){:root{--topbar:92px}.topbar{height:var(--topbar);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:58px 34px;gap:0;padding:0 12px}.site-brand{grid-column:1;grid-row:1}.topbar:not(.has-directory) .site-brand{grid-column:1/-1;justify-self:center}.tina-logo{width:170px;max-height:40px}.topnav{grid-column:1/-1;grid-row:2;width:100%;height:34px;align-self:auto;justify-content:center;margin-left:0}.topnav a{display:flex!important;padding:0 9px;font-size:9px}.topnav a:first-child{display:none!important}.directory-toggle{grid-column:2;grid-row:1;margin:0;width:40px;height:40px;min-height:40px;padding:7px;font-size:18px}.directory-toggle .menu-label{display:none}}
    /* End shared institutional header. */

/* Shared typography and page-title layout. Keep acronyms and legal names intact. */
:root { --portal-font: "Segoe UI", "Open Sans", Arial, sans-serif; }
.topbar { font: 16px/1.5 var(--portal-font); }
.topbar .topnav a { font: 800 11px/1.5 var(--portal-font); }
.topbar .directory-toggle { font: 800 10px/1 var(--portal-font); }
.topbar .directory-toggle > span:first-child { flex: 0 0 auto; font-size: 16px; line-height: 1; }
.hero.portal-hero {
  position: relative; display: block; min-height: 220px; padding: 0; overflow: hidden;
  border: 0; box-shadow: none; color: #fff;
  background: linear-gradient(110deg, #052b4d 0%, #073b69 58%, #0c5290 100%);
  font: 16px/1.5 var(--portal-font);
}
.hero.portal-hero::before, .hero.portal-hero::after { content: none; }
.hero.portal-hero > .portal-hero-inner { width: min(1140px, calc(100% - 64px)); margin: 0 auto; padding: 44px 0; }
.hero.portal-hero:has(+ .release-strip) > .portal-hero-inner { padding-bottom: 76px; }
.hero.portal-hero h1, .country-hero h1, .agreement-hero h1 {
  max-width: 940px; margin: 0; color: #fff; font: 750 clamp(31px, 4vw, 48px)/1.1 var(--portal-font);
  letter-spacing: -.025em; text-transform: none; overflow-wrap: break-word;
}
.hero.portal-hero .eyebrow { margin: 0 0 12px; color: #f2b14f; font: 800 11px/1.5 var(--portal-font); letter-spacing: .12em; }
.hero.portal-hero p:not(.eyebrow) { max-width: 830px; margin: 16px 0 0; color: #dbeaf3; font: 400 17px/1.55 var(--portal-font); }
.portal-hero + .release-strip {
  width: min(1140px, calc(100% - 64px)); margin: -46px auto 0; border-top: 5px solid #e39a2d;
  display: grid; grid-template-columns: 1.05fr 2fr; background: #fff;
  box-shadow: 0 10px 28px rgba(5,43,77,.10); font: 16px/1.5 var(--portal-font);
}
.portal-hero + .release-strip > div { padding: 22px 28px; }
.portal-hero + .release-strip .release-id { background: #0c5290; color: #fff; }
.portal-hero + .release-strip .release-id .eyebrow { margin: 0; color: #f2b14f; font: 800 11px/1.5 var(--portal-font); letter-spacing: .12em; }
.portal-hero + .release-strip .release-id strong { display: block; font: 750 27px/1.2 var(--portal-font); }
.portal-hero + .release-strip .release-id span { color: #d9e8f3; font: 400 12px/1.5 var(--portal-font); }
.portal-hero + .release-strip .release-changes h2 { margin: 0 0 8px; color: #0c5290; font: 750 16px/1.5 var(--portal-font); text-transform: none; letter-spacing: normal; }
.portal-hero + .release-strip .release-changes ul { display: grid; gap: 3px; margin: 0; padding-left: 19px; font: 400 13px/1.5 var(--portal-font); }
.portal-history main { padding-top: 32px; }
@media(max-width:760px) {
  .topbar .topnav a { font-size: 9px; }
  .topbar .directory-toggle { width: 40px; min-width: 40px; }
  .hero.portal-hero > .portal-hero-inner, .portal-hero + .release-strip { width: min(1140px, calc(100% - 28px)); }
  .hero.portal-hero > .portal-hero-inner { padding: 32px 0; }
  .hero.portal-hero:has(+ .release-strip) > .portal-hero-inner { padding-bottom: 66px; }
  .portal-hero + .release-strip { grid-template-columns: 1fr; margin-top: -36px; }
  .portal-hero + .release-strip > div { padding: 18px 20px; }
}