:root{
  --blue:#123f7a;
  --blue-2:#0d5ba7;
  --cyan:#2aa8df;
  --ink:#172033;
  --muted:#657084;
  --line:#e4e9f1;
  --soft:#f5f8fc;
  --white:#fff;
  --shadow:0 14px 36px rgba(22,48,82,.10);
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,"Noto Sans Myanmar","Myanmar Text",Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.62}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1180px,92%);margin:auto}
.topbar{background:var(--blue);color:#fff;font-size:.9rem}
.topbar-inner{min-height:42px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.topbar a{color:#fff}
.site-header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.branding-row{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:92px}
.brand img{width:328px;max-height:78px;object-fit:contain;object-position:left center}
.mainnav{display:flex;align-items:center;gap:8px}
.mainnav a{padding:12px 13px;border-radius:10px;font-weight:700;font-size:.96rem;color:#28364a}
.mainnav a:hover,.mainnav a.active{background:#eef5fc;color:var(--blue-2)}
.nav-dropdown{position:relative}
.nav-dropdown-toggle span{font-size:.72em;margin-left:3px}
.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + 4px);left:0;min-width:150px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:60}
.nav-dropdown-menu a{display:block;white-space:nowrap}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:block}
.menu-toggle{display:none;border:0;background:#eef5fc;color:var(--blue);font-size:1.5rem;padding:9px 12px;border-radius:10px}
.breaking-ticker{display:flex;height:48px;overflow:hidden;background:#b9e6fb;border-top:1px solid #7cc9ee;border-bottom:1px solid #7cc9ee;color:var(--blue);position:relative;z-index:20}
.breaking-label{flex:0 0 auto;display:flex;align-items:center;padding:0 21px;background:#bd242c;color:#fff;font-size:.9rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;z-index:2}
.breaking-viewport{display:flex;align-items:center;overflow:hidden;flex:1}
.breaking-track{display:flex;align-items:center;width:max-content;white-space:nowrap;animation:breaking-scroll 42s linear infinite}
.breaking-item{display:flex;align-items:center;gap:9px;padding:0 20px;font-size:.94rem}
.breaking-date{font-size:.78rem;color:#5c7896}
.breaking-dot{color:#168bc5;font-size:1.4rem}
.breaking-ticker:hover .breaking-track{animation-play-state:paused}
@keyframes breaking-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0a2e5d,#105998 64%,#2aa8df);color:#fff}
.hero:after{content:"";position:absolute;right:-120px;top:-160px;width:560px;height:560px;border-radius:50%;border:80px solid rgba(255,255,255,.08)}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:54px;align-items:center;padding:28px 0 138px}
.hero-copy{text-align:left;max-width:660px}
.eyebrow{font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;opacity:.9;margin-bottom:14px}
.hero h1{font-size:clamp(1.75rem,3vw,2.55rem);line-height:1.13;margin:0 0 18px;max-width:650px}
.hero p{font-size:1.02rem;max-width:640px;color:#eef7ff}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn{display:inline-block;background:var(--blue-2);color:#fff;padding:13px 20px;border-radius:10px;font-weight:800;border:1px solid transparent}
.btn.light{background:#fff;color:var(--blue)}
.btn.ghost{background:transparent;border-color:rgba(255,255,255,.6);color:#fff}
.hero-media{border-radius:24px;overflow:hidden;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);box-shadow:0 24px 55px rgba(2,26,58,.25)}
.hero-image-square{width:100%;aspect-ratio:1/1;overflow:hidden;background:rgba(255,255,255,.12)}
.hero-image-square>img{width:100%;height:100%;object-fit:cover;display:block}
.hero-media-placeholder{width:100%;height:100%;display:grid;place-items:center;padding:50px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(230,245,255,.88))}
.hero-caption{padding:14px 18px 16px;background:rgba(5,37,74,.78);border-top:1px solid rgba(255,255,255,.18)}
.hero-caption p{margin:0;max-width:none;font-size:.9rem;line-height:1.55;color:#eef7ff;text-align:justify}
.hero-media-placeholder img{width:min(330px,90%);height:auto}
.section{padding:76px 0}
.section.alt{background:var(--soft)}
.section-head{max-width:760px;margin-bottom:34px}
.section-head h2,.page-hero h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.1;margin:0 0 13px}
.section-head p,.page-hero p{color:var(--muted);font-size:1.08rem}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}
.card h3{margin:8px 0 10px;font-size:1.28rem}
.card p{color:var(--muted);margin:0}
.icon{width:48px;height:48px;border-radius:14px;background:#eaf5fd;color:var(--blue-2);display:grid;place-items:center;font-weight:900;font-size:1.25rem}
.link-arrow{display:inline-block;margin-top:17px;color:var(--blue-2);font-weight:800}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-28px;position:relative;z-index:4}
.stat{background:#fff;border-radius:16px;padding:25px;box-shadow:var(--shadow);border:1px solid var(--line)}
.stat strong{display:block;font-size:1.7rem;color:var(--blue)}
.stat span{color:var(--muted);font-size:.94rem}
.page-hero{background:linear-gradient(135deg,#eff6fc,#f9fbfd);border-bottom:1px solid var(--line);padding:62px 0 50px}
.content-wrap{max-width:none}
/* Standard margins for ERC internal PHP pages */
.page-hero .container,.section>.container.content-wrap{width:min(1040px,90%);margin-left:auto;margin-right:auto}
.content-wrap h2{margin-top:35px;color:var(--blue)}
.content-wrap h3{margin-top:26px}
.content-wrap p,.content-wrap li{color:#39465a}
.values{display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none}
.values li{background:#edf5fc;padding:9px 14px;border-radius:999px;color:var(--blue);font-weight:800}
.pub-card{display:grid;grid-template-columns:160px 1fr;gap:24px;align-items:start}
.pub-date{background:#eef5fc;border-radius:14px;padding:18px;text-align:center;color:var(--blue);font-weight:800}
.pub-card h3{margin-top:0}
.badge{display:inline-block;background:#eaf5fd;color:var(--blue-2);padding:5px 9px;border-radius:999px;font-size:.78rem;font-weight:800;margin-bottom:8px}
.list-stack{display:grid;gap:18px}
.cta{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;border-radius:26px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.cta h2{margin:0 0 8px}.cta p{margin:0;color:#e8f3ff}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:grid;gap:7px}.field.full{grid-column:1/-1}
label{font-weight:800;color:#33435b}
input,textarea{width:100%;padding:13px 14px;border:1px solid #cdd6e1;border-radius:10px;font:inherit}textarea{min-height:150px;resize:vertical}
.notice{padding:14px 16px;border-radius:12px;background:#edf8ef;color:#246733;border:1px solid #cce8d0;margin-bottom:20px}
.site-footer{background:#0d213c;color:#d7e2ef;margin-top:72px}
.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:50px;padding:58px 0}
.footer-grid h3{color:#fff;margin-top:0}.footer-grid a{display:block;color:#d7e2ef;margin:6px 0}.footer-grid p{color:#c0cddd}
.footer-logo{width:250px;background:white;padding:10px;border-radius:10px;margin-bottom:16px}
.social-links{display:flex;align-items:center;gap:10px;margin-top:18px}
.social-link{width:42px;height:42px;display:grid!important;place-items:center;border-radius:50%;color:#fff!important;margin:0!important;transition:transform .2s ease,box-shadow .2s ease}
.social-link:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.28)}
.social-link svg{width:22px;height:22px;fill:currentColor}
.social-link.facebook{background:#1877f2}.social-link.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d 55%,#fcb045)}.social-link.x-twitter{background:#050505}
.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.10);padding:18px;color:#aebbd0;font-size:.9rem}.small{font-size:.9rem}
@media(max-width:900px){
  .branding-row{min-height:82px}.brand img{width:265px}.menu-toggle{display:block}.mainnav{display:none;position:absolute;left:4%;right:4%;top:118px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:16px;padding:10px;flex-direction:column;align-items:stretch}.mainnav.open{display:flex}.mainnav a{padding:13px}.nav-dropdown{width:100%}.nav-dropdown-toggle{display:block}.nav-dropdown-menu{display:block;position:static;min-width:0;margin:0 0 4px 18px;padding:0 0 0 10px;border:0;border-left:2px solid #dce8f4;border-radius:0;box-shadow:none}.nav-dropdown-menu a{padding:10px 13px}
  .hero-inner{grid-template-columns:1fr;padding:28px 0 116px}.hero-media{max-width:520px;width:100%}.grid-3,.stats{grid-template-columns:repeat(2,1fr)}.grid-2,.footer-grid{grid-template-columns:1fr}.cta{align-items:flex-start;flex-direction:column}.pub-card{grid-template-columns:1fr}.pub-date{text-align:left;width:max-content}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}
}
@media(max-width:560px){.topbar-inner{font-size:.78rem}.brand img{width:236px}.mainnav{top:112px}.breaking-ticker{height:42px}.breaking-label{padding:0 13px;font-size:.74rem}.breaking-item{padding:0 14px;font-size:.84rem}.hero-inner{padding:22px 0 94px}.hero h1{font-size:1.9rem}.hero-media{max-width:100%}.hero-media-placeholder{padding:28px}.section{padding:56px 0}.grid-3,.stats{grid-template-columns:1fr}.stats{margin-top:20px}.cta{padding:34px 26px}.page-hero{padding:48px 0 38px}}

/* Clickable home statistic cards */
.stat-link{color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.stat-link:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(10,55,95,.14);border-color:#b9d5ec}
.stat-link:focus-visible{outline:3px solid rgba(13,91,167,.28);outline-offset:3px}

/* Establishment / history page */
.history-note{margin-top:2rem;padding:1.25rem 1.4rem;border:1px solid #d9e6f1;border-left:4px solid #0d5ba7;border-radius:12px;background:#f7fbff;line-height:1.8;color:#25364a}

/* ERC internal article pages: justified body text */
.content-wrap > p,
.content-wrap .history-note {
  text-align: justify;
  text-justify: inter-word;
}

/* ERC core-principle slogans in the home hero */
.hero-slogans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px;max-width:650px}
.hero-slogan{display:block;padding:14px 16px;border:1px solid rgba(255,255,255,.32);border-radius:12px;background:rgba(255,255,255,.09);color:#fff;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.hero-slogan strong{display:block;font-size:.98rem;letter-spacing:.08em;margin-bottom:3px;color:#fff}
.hero-slogan span{display:block;font-size:.86rem;line-height:1.35;color:#e8f4ff}
.hero-slogan:hover{transform:translateY(-2px);background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.55)}
.hero-slogan:focus-visible{outline:3px solid rgba(255,255,255,.45);outline-offset:2px}
@media(max-width:560px){.hero-slogans{grid-template-columns:1fr}}

/* ERC language choice — positioned in the top blue bar beside the email */
.topbar-right{display:flex;align-items:center;gap:14px;margin-left:auto}
.topbar-email{white-space:nowrap}
.language-switch{display:flex;align-items:center;gap:6px}
.lang-choice{display:flex;align-items:center;padding:4px 9px;border:1px solid rgba(255,255,255,.38);border-radius:9px;font-size:.74rem;font-weight:800;background:rgba(255,255,255,.08);color:#fff}
.lang-choice:hover,.lang-choice.active{background:#fff;color:var(--blue);border-color:#fff}

.lang-choice.active 
@media(max-width:900px){.branding-row{gap:12px}.topbar-right{gap:8px}}
@media(max-width:560px){.topbar-inner{gap:8px}.topbar-inner>span{font-size:.7rem}.topbar-email{display:none}.language-switch{gap:4px}.lang-choice{padding:3px 5px}}



/* ERC homepage hero-news card */
.hero-news-card{
  display:flex;
  flex-direction:column;
  border-radius:24px;
  overflow:hidden;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 24px 55px rgba(2,26,58,.25);
}
.hero-news-copy{
  padding:20px 24px 18px;
  background:rgba(5,37,74,.82);
}
.hero-news-label{
  display:inline-block;
  margin-bottom:9px;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
  color:#bfe6ff;
}
.hero-news-copy h2{
  margin:0 0 8px;
  font-size:clamp(1.2rem,2vw,1.6rem);
  line-height:1.18;
  color:#fff;
}
.hero-news-copy p{
  margin:0 0 12px;
  max-width:none;
  font-size:.9rem;
  line-height:1.42;
  color:#edf7ff;
  text-align:left;
}
.hero-news-source{
  display:inline-block;
  font-size:.78rem;
  font-weight:800;
  color:#fff;
  text-decoration:underline;
  text-underline-offset:3px;
}
.hero-news-image{
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:rgba(255,255,255,.12);
}
.hero-news-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
@media(max-width:560px){
  .hero-news-copy{padding:18px}
  .hero-news-copy h2{font-size:1.18rem}
}

/* Hero news: headline and picture both open the source article */
.hero-news-headline-link{display:block;color:inherit;text-decoration:none}
.hero-news-headline-link:hover h2{text-decoration:underline;text-underline-offset:4px}
.hero-news-image-link{display:block;width:100%;height:100%}
.hero-news-image-link img{width:100%;height:100%;object-fit:cover;display:block}

/* Keep the complete Hero News card exactly square */
.hero-news-card{
  aspect-ratio:1 / 1;
  height:auto;
  min-height:0;
}
.hero-news-image{
  flex:1 1 auto;
  min-height:0;
  aspect-ratio:auto;
}
.hero-news-image-link{
  width:100%;
  height:100%;
}
.hero-news-image-link img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* ERC Hero: widen featured card by about one inch on desktop while keeping its current height. */
@media (min-width: 901px){
  .hero-inner{
    grid-template-columns:minmax(0,1fr) minmax(456px,calc(.9fr + 96px));
    gap:38px;
  }
  .hero-news-card{
    aspect-ratio:auto;
    height:480px;
    width:calc(100% + 96px);
    max-width:none;
  }
}

/* Internal PHP pages: reduce the vertical gap between page header and body text. */
.page-hero + .section{padding-top:34px}
@media(max-width:560px){.page-hero + .section{padding-top:28px}}




/* Internal page heading alignment:
   keep the large page title and eyebrow on the exact same left edge
   as the main article text below. */
.page-hero .container,
.section .container.article-body {
  width: min(1180px, calc(100% - 40px));
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}


/* Compact Mission / Vision / Scholarship cards directly below the header */
.home-quick-links{
  background:#fff;
  padding:18px 0 16px;
}
.home-quick-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.home-quick-card{
  position:relative;
  display:flex;
  align-items:center;
  min-height:118px;
  padding:20px 24px;
  border-radius:8px;
  overflow:hidden;
  text-decoration:none;
  color:#071b3a;
  border:1px solid rgba(15,45,80,.08);
  box-shadow:0 5px 16px rgba(20,45,80,.06);
  transition:transform .18s ease, box-shadow .18s ease;
}
.home-quick-card:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(20,45,80,.10);
}
.home-quick-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  opacity:.95;
}
.home-quick-copy{
  position:relative;
  z-index:1;
}
.home-quick-kicker{
  font-size:1.05rem;
  line-height:1;
  font-weight:400;
  letter-spacing:.01em;
}
.home-quick-title{
  margin-top:-1px;
  font-size:1.72rem;
  line-height:.95;
  font-weight:900;
  letter-spacing:-.04em;
}
.home-quick-more{
  margin-top:21px;
  font-size:.78rem;
  line-height:1;
  font-weight:900;
}
.mission-card::after{
  background:linear-gradient(90deg,#fff 0%,#fff 36%,#e7dddd 65%,#bfa8a1 100%);
}
.vision-card::after{
  background:linear-gradient(90deg,#fff 0%,#fff 36%,#f3d7df 60%,#b73961 100%);
}
.scholarship-card::after{
  background:linear-gradient(90deg,#fff 0%,#fff 36%,#e7e9ef 61%,#3159a7 100%);
}
@media(max-width:760px){
  .home-quick-links{padding:12px 0}
  .home-quick-grid{grid-template-columns:1fr;gap:10px}
  .home-quick-card{min-height:96px;padding:16px 18px}
  .home-quick-title{font-size:1.45rem}
  .home-quick-more{margin-top:15px}
}


/* Mission / Vision / Scholarship placement in the blue gap above the four stat cards */
.hero + .home-quick-links,
.home-quick-links{
  background:transparent;
  position:relative;
  z-index:5;
  padding:10px 0 14px;
}
.home-quick-links .home-quick-card{
  min-height:88px;
  padding:14px 20px;
}
.home-quick-links .home-quick-title{font-size:1.42rem}
.home-quick-links .home-quick-kicker{font-size:.9rem}
.home-quick-links .home-quick-more{margin-top:13px;font-size:.72rem}


/* Mission / Vision / Scholarship: place cleanly under the four ERC principle cards */
.home-quick-links{
  background:transparent !important;
  padding:18px 0 24px !important;
  margin:0 !important;
}
.home-quick-links .container{
  max-width:1180px;
}
.home-quick-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.home-quick-card{
  min-height:104px !important;
  border-radius:12px !important;
  box-shadow:0 8px 20px rgba(0,0,0,.10) !important;
}
@media(max-width:760px){
  .home-quick-grid{grid-template-columns:1fr}
}


/* FINAL HOME PLACEMENT: Mission / Vision / Scholarship inside the blue hero area */
.home-quick-links{
  background:linear-gradient(105deg,#10487f 0%,#155b91 58%,#249bd0 100%) !important;
  padding:14px 0 34px !important;
  margin:0 !important;
  position:relative;
  z-index:3;
}
.home-quick-links .container{
  max-width:1180px;
}
.home-quick-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.home-quick-card{
  min-height:104px !important;
  padding:17px 22px !important;
  border-radius:12px !important;
  box-shadow:0 8px 22px rgba(0,0,0,.12) !important;
}
.home-quick-title{font-size:1.48rem !important}
.home-quick-kicker{font-size:.92rem !important}
.home-quick-more{margin-top:15px !important}

/* Keep the 2012 / Europe / Global / 2025–27 row immediately below the blue area */
.home-quick-links + section,
.home-quick-links + .stats,
.home-quick-links + div{
  position:relative;
  z-index:4;
}

@media(max-width:760px){
  .home-quick-links{padding:12px 0 24px !important}
  .home-quick-grid{grid-template-columns:1fr;gap:10px}
}


/* Reduce the empty blue gap above Mission / Vision / Scholarship by ~80% */
.hero{
  padding-bottom:20px !important;
}
.home-quick-links{
  padding-top:4px !important;
}


/* FINAL: no empty blue gap between principle cards and quick-link cards */
.hero{
  padding-bottom:0 !important;
}
.home-quick-links{
  margin-top:-1px !important;
  padding-top:0 !important;
}


/* ACTUAL GAP FIX: the empty space came from hero-inner bottom padding */
.hero .hero-inner{
  padding-bottom:8px !important;
}
.home-quick-links{
  padding-top:0 !important;
  margin-top:0 !important;
}
@media(max-width:900px){
  .hero .hero-inner{padding-bottom:8px !important;}
}