/* MEH v1: independent Bootstrap 5 theme. Never load default/style.css. */
:root{--blue:#007afc;--cyan:#31c4f3;--navy:#0a2463;--ink:#1b1b1b;--border:#e2e6f8;--pale:#e9eaff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:74px}body.meh-site{font-family:Raleway,Arial,sans-serif;margin:0;padding-top:64px;color:var(--ink);background:#fff}body.meh-has-hero{padding-top:0}[hidden]{display:none!important}.meh-site :focus-visible{outline:2px solid var(--blue);outline-offset:3px}.meh-container{width:100%;max-width:1320px;margin:0 auto;padding-inline:24px}.meh-flag--az:before{content:'🇦🇿'}.meh-flag--en:before{content:'🇬🇧'}.meh-flag--ru:before{content:'🇷🇺'}
/* Header */
.meh-header{position:fixed;top:0;left:0;right:0;z-index:1050;height:64px;color:var(--ink);background:rgba(255,255,255,.97);border-bottom:1px solid rgba(10,36,99,.06);backdrop-filter:blur(9px);transition:background .25s,color .25s}.meh-header.is-scrolled{box-shadow:0 8px 26px rgba(5,20,52,.12)}.meh-header.is-overlay{color:#fff;background:rgba(5,23,58,.2);border-color:transparent}.meh-dark .meh-header:not(.is-overlay){color:#f0f4ff;background:rgba(13,15,20,.97)}.meh-header__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.meh-brand{flex-shrink:0}.meh-brand img{display:block;width:auto;height:36px;max-width:180px;object-fit:contain}
.meh-menu,.meh-submenu{list-style:none;margin:0;padding:0}.meh-nav>.meh-menu{display:flex;align-items:center;gap:4px}.meh-menu__item{position:relative}.meh-nav>.meh-menu>.meh-menu__item.is-main,.meh-mobile__nav>.meh-menu>.meh-menu__item.is-main{display:none!important}.meh-nav>.meh-menu>.meh-menu__item{display:flex;align-items:center}.meh-nav>.meh-menu>.meh-menu__item>.meh-menu__link{display:flex;align-items:center;min-height:36px;padding:0 11px;font-size:14px;font-weight:600;text-decoration:none;border-radius:6px;white-space:nowrap;color:inherit}.meh-nav>.meh-menu>.meh-menu__item:hover>.meh-menu__link,.meh-nav>.meh-menu>.is-open>.meh-menu__link{background:rgba(0,122,252,.09);color:var(--blue)}.meh-header.is-overlay .meh-nav>.meh-menu>.meh-menu__item:hover>.meh-menu__link,.meh-header.is-overlay .meh-nav>.meh-menu>.is-open>.meh-menu__link{color:#fff;background:rgba(255,255,255,.14)}
.meh-menu__toggle{border:0;background:transparent;color:inherit;cursor:pointer;display:grid;place-items:center}.meh-nav>.meh-menu>.meh-menu__item>.meh-menu__toggle{height:36px;width:19px;margin:0 4px 0 -9px;padding:0;font-size:10px}.meh-nav>.meh-menu>.is-open>.meh-menu__toggle i{transform:rotate(180deg)}.meh-menu__toggle i{transition:transform .2s}
.meh-nav .meh-submenu{position:absolute;left:0;top:100%;display:none;min-width:240px;margin-top:8px;padding:4px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--ink);text-align:left;box-shadow:0 24px 65px rgba(5,20,52,.17)}.meh-nav>.meh-menu>.is-open>.meh-submenu{display:block}.meh-nav .meh-submenu>.meh-menu__item{display:flex;align-items:center;position:relative;width:100%}.meh-nav .meh-submenu .meh-menu__link{display:flex;flex:1 1 auto;min-width:0;width:100%;align-items:center;justify-content:flex-start;gap:10px;padding:11px 38px 11px 13px;border-radius:8px;text-align:left;white-space:nowrap;text-decoration:none;font-size:14px;font-weight:600;line-height:1.4;color:var(--ink)}.meh-nav .meh-submenu .meh-menu__link:before{content:'›';display:inline-block;width:12px;flex:0 0 12px;color:var(--blue);font-family:Arial,sans-serif;font-size:21px;font-weight:400;line-height:12px}.meh-nav .meh-submenu>.meh-menu__item:hover>.meh-menu__link,.meh-nav .meh-submenu>.meh-menu__item:focus-within>.meh-menu__link{color:var(--blue);background:rgba(0,122,252,.08)}.meh-nav .meh-submenu>.meh-menu__item.meh-d8{border-radius:8px;background:rgba(0,122,252,.09)}.meh-nav .meh-submenu>.meh-menu__item.meh-d8>.meh-menu__link{color:var(--cyan);font-weight:800}.meh-nav .meh-submenu>.meh-menu__item>.meh-menu__toggle{position:absolute;top:4px;right:3px;z-index:1;height:35px;width:31px;color:var(--blue);font-size:10px}.meh-nav .meh-submenu>.meh-menu__item>.meh-menu__toggle i{transform:rotate(-90deg)}.meh-nav .meh-submenu .meh-submenu{top:-5px;left:100%;margin:0;min-width:200px}.meh-nav .meh-submenu .meh-menu__item:hover>.meh-submenu,.meh-nav .meh-submenu .meh-menu__item:focus-within>.meh-submenu,.meh-nav .meh-submenu .meh-menu__item.is-open>.meh-submenu{display:block}.meh-nav .meh-submenu .meh-submenu .meh-menu__link{gap:12px;padding:11px 15px}.meh-nav .meh-submenu .meh-submenu .meh-menu__link:before{content:'';height:6px;width:6px;flex:0 0 6px;border-radius:50%;background:var(--blue)}
/* Controls */
.meh-actions{display:flex;align-items:center;flex-shrink:0;gap:4px}.meh-icon{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:7px;color:inherit;background:transparent;cursor:pointer}.meh-icon:hover{background:rgba(0,122,252,.1);color:var(--blue)}.meh-header.is-overlay .meh-icon:hover{color:#fff;background:rgba(255,255,255,.12)}.meh-search{position:relative}.meh-search__form:not([hidden]){position:absolute;right:0;top:43px;display:flex;align-items:center;width:min(305px,85vw);background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 17px 40px rgba(5,20,52,.14);overflow:hidden}.meh-search__form input{width:100%;min-width:0;height:44px;padding:0 12px;border:0;outline:0;background:#fff;color:var(--ink)}.meh-search__form button{width:43px;height:43px;border:0;background:var(--blue);color:#fff}.meh-language__button{display:flex;align-items:center;gap:6px;height:35px;padding:0 9px;border:1px solid rgba(155,170,190,.25);border-radius:8px;background:rgba(255,255,255,.05);color:inherit;font-size:12px;font-weight:800}.meh-language__button i{font-size:10px}.meh-language>.dropdown-menu{min-width:145px;padding:6px;border:1px solid var(--border);border-radius:11px;box-shadow:0 14px 40px rgba(5,20,52,.13)}.meh-language-option{display:flex;align-items:center;gap:7px;padding:8px 10px;color:var(--ink);text-decoration:none;font-size:12px;font-weight:700;border-radius:7px}.meh-language-option.active,.meh-language-option:hover{color:var(--blue);background:rgba(0,122,252,.1)}.meh-social{display:flex;align-items:center;gap:8px}.meh-social a{display:grid;place-items:center;height:36px;width:36px;border-radius:8px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);text-decoration:none}.meh-social a:hover{background:var(--blue);color:#fff}.meh-social--header{gap:0;margin-left:4px;padding-left:5px;border-left:1px solid rgba(128,145,170,.3)}.meh-social--header a{width:28px;height:32px;font-size:13px;background:transparent;color:inherit}.meh-menu-toggle{display:none}.meh-dark{background:#0d0f14;color:#f0f4ff}.meh-dark .meh-nav .meh-submenu,.meh-dark .meh-language>.dropdown-menu{background:#141824;color:#f0f4ff;border-color:#1e2640}.meh-dark .meh-nav .meh-submenu .meh-menu__link,.meh-dark .meh-language-option{color:#f0f4ff}
/* Mobile */
.meh-mobile{--bs-offcanvas-width:min(365px,92vw);z-index:1060;background:#fff;color:var(--ink)}.meh-mobile__header{padding:18px 20px;border-bottom:1px solid var(--border)}.meh-mobile__header img{width:auto;height:40px;max-width:175px;object-fit:contain}.meh-mobile__body{display:flex;flex-direction:column;padding:8px 0 0;overflow-y:auto}.meh-mobile__nav .meh-menu{display:block}.meh-mobile__nav .meh-menu__item{position:relative}.meh-mobile__nav .meh-menu__link{display:flex;align-items:center;padding:13px 53px 13px 21px;font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--pale)}.meh-mobile__nav .meh-menu__toggle{position:absolute;right:8px;top:5px;width:40px;height:40px;color:var(--blue)}.meh-mobile__nav .is-open>.meh-menu__toggle i{transform:rotate(180deg)}.meh-mobile__nav .meh-submenu{display:none;padding:0 0 0 8px;margin:0 0 0 20px;border-left:2px solid var(--blue)}.meh-mobile__nav .is-open>.meh-submenu{display:block}.meh-mobile__nav .meh-submenu .meh-menu__link{font-size:13px;font-weight:600;padding:11px 47px 11px 15px}.meh-mobile__nav .meh-submenu .meh-submenu .meh-menu__link{padding-left:25px}.meh-mobile__nav .meh-d8>.meh-menu__link{color:var(--cyan);font-weight:800}.meh-mobile__controls{margin-top:auto;padding:16px 20px 24px;border-top:1px solid var(--border)}.meh-languages-inline{display:flex;align-items:center;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}.meh-languages-inline .meh-language-option{padding:7px 10px;border:1px solid var(--border)}.meh-mobile__theme{display:inline-flex;align-items:center;gap:8px;margin:14px 0;padding:8px 11px;border:1px solid var(--border);border-radius:8px;background:#f8faff;color:#334155}.meh-mobile .meh-social a{background:#eff5ff;color:var(--blue)}.meh-dark .meh-mobile{background:#141824;color:#f0f4ff}.meh-dark .meh-mobile__header,.meh-dark .meh-mobile__controls,.meh-dark .meh-mobile__nav .meh-menu__link{border-color:#1e2640}.meh-dark .meh-mobile__header img{filter:brightness(0) invert(1)}
/* Footer */
.meh-footer{position:relative;isolation:isolate;overflow:hidden;background:#0a2463;color:#fff;border-top:3px solid var(--cyan)}.meh-footer:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.2;background-image:radial-gradient(circle,rgba(255,255,255,.15) 1px,transparent 1px);background-size:24px 24px}.meh-footer__inner{padding-block:48px 22px}.meh-footer__grid{display:grid;grid-template-columns:2fr 3fr 1fr;gap:38px}.meh-footer__brand img{width:auto;height:auto;max-width:240px;max-height:75px;object-fit:contain}.meh-footer__brand p{font-size:13px;line-height:1.8;margin:18px 0 22px;color:rgba(255,255,255,.65)}.meh-footer-menu__root,.meh-footer-menu__children,.meh-footer__contact ul{list-style:none;padding:0;margin:0}.meh-footer-menu__root{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 22px}.meh-footer-menu__root>.meh-footer-menu__item>a,.meh-footer__contact h2{font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff;text-decoration:none}.meh-footer-menu__children{display:grid;gap:9px;margin-top:12px}.meh-footer-menu__children a{font-size:12px;line-height:1.45;color:rgba(255,255,255,.65);text-decoration:none}.meh-footer-menu__children a:hover{color:var(--cyan)}.meh-footer-menu__children .meh-footer-menu__children{padding-left:9px;border-left:1px solid rgba(49,196,243,.3)}.meh-footer__contact ul{display:grid;gap:13px;margin-top:17px}.meh-footer__contact li{display:flex;align-items:flex-start;gap:8px;color:rgba(255,255,255,.68);font-size:12px;overflow-wrap:anywhere}.meh-footer__contact li i{margin-top:3px;color:var(--cyan)}.meh-footer__contact li a{text-decoration:none;color:inherit}.meh-footer__bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-top:38px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18)}.meh-footer__bottom small,.meh-footer__credit{color:rgba(255,255,255,.6);font-size:11px}.meh-footer__credit,.meh-footer__right{display:flex;align-items:center;gap:9px}.meh-footer__credit img{display:block;height:20px;width:auto;max-width:130px;opacity:.7;filter:brightness(0) invert(1)}.meh-footer .meh-languages-inline .meh-language-option{color:rgba(255,255,255,.73);border-color:rgba(255,255,255,.2)}.meh-footer .meh-languages-inline .meh-language-option.active{background:rgba(0,122,252,.5);color:#fff}.meh-back-top{display:grid;place-items:center;width:36px;height:36px;color:#fff;background:rgba(255,255,255,.15);border-radius:8px;text-decoration:none}.meh-back-top:hover{background:var(--blue);color:#fff}
/* Home and minimal inner-page shell (dedicated templates follow). */
.meh-main{min-height:200px}.meh-home__intro:empty{display:none}.meh-home__intro{padding-block:32px}.meh-home__fallback{min-height:430px;display:grid;place-items:center;background:linear-gradient(110deg,#0a2463,#007afc);color:#fff}.meh-home__fallback h1{font-size:clamp(30px,5vw,65px);font-weight:900}.meh-home:has(.meh-hero)>.meh-home__fallback{display:none}.meh-hero{position:relative;color:#fff}.meh-hero__slide{position:relative;min-height:620px;height:min(78vh,800px);overflow:hidden}.meh-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.meh-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,24,67,.87),rgba(0,122,252,.37) 64%,rgba(7,31,72,.26))}.meh-hero__content{position:relative;z-index:1;padding-top:220px}.meh-hero__eyebrow{font-size:14px;font-weight:700;color:var(--cyan)}.meh-hero__headline{max-width:850px;font-size:clamp(32px,5vw,65px);font-weight:900;line-height:1.15}.meh-hero__buttons{display:flex;gap:12px;margin-top:25px}.meh-hero__button{display:inline-flex;align-items:center;gap:10px;border-radius:8px;padding:12px 22px;text-decoration:none;font-size:13px;font-weight:800}.meh-hero__button--primary{color:#fff;background:var(--blue)}.meh-hero__button--outline{color:#fff;border:1px solid rgba(255,255,255,.55)}.meh-hero__controls{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.meh-hero__thumbnails{display:flex;gap:8px}.meh-hero__thumb{width:88px;height:57px;overflow:hidden;border:2px solid transparent;border-radius:6px;background:transparent;opacity:.65;padding:0}.meh-hero__thumb.active{border-color:var(--cyan);opacity:1}.meh-hero__thumb img{width:100%;height:100%;object-fit:cover}.meh-hero__arrows{display:flex;gap:8px}.meh-hero__arrows button{display:grid;place-items:center;width:40px;height:40px;color:#fff;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.3);border-radius:8px}.meh-page{padding:110px 0 70px;min-height:60vh}.meh-page__title{font-size:clamp(29px,4vw,49px);font-weight:900;margin:22px 0 30px}.meh-page__content{line-height:1.75}.meh-home-section,.meh-include{padding-block:40px}.meh-home-section h2,.meh-include h2{font-size:clamp(22px,2.5vw,36px);font-weight:800}
@media(max-width:1199.98px){.meh-nav,.meh-social--header{display:none}.meh-menu-toggle{display:grid}.meh-container{padding-inline:20px}}@media(max-width:767.98px){.meh-container{padding-inline:16px}.meh-brand img{height:35px;max-width:160px}.meh-language{display:none}.meh-footer__grid{grid-template-columns:1fr;gap:30px}.meh-footer-menu__root{grid-template-columns:repeat(2,minmax(0,1fr))}.meh-footer__bottom{align-items:flex-start;flex-direction:column}.meh-hero__slide{min-height:480px;height:75vh}.meh-hero__content{padding-top:175px}.meh-hero__thumbnails{max-width:66vw;overflow:auto}.meh-hero__thumb{min-width:58px;width:58px;height:43px}.meh-hero__arrows button{width:34px;height:34px}.meh-page{padding-top:75px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.meh-site *,.meh-site :before,.meh-site :after{transition-duration:.01ms!important}}


/* Header colours must override Bootstrap's global anchor colour. */
.meh-header.is-overlay .meh-nav > .meh-menu > .meh-menu__item > .meh-menu__link,
.meh-header.is-overlay .meh-nav > .meh-menu > .meh-menu__item > .meh-menu__link:visited {
  color: #fff;
}
.meh-header:not(.is-overlay) .meh-nav > .meh-menu > .meh-menu__item > .meh-menu__link,
.meh-header:not(.is-overlay) .meh-nav > .meh-menu > .meh-menu__item > .meh-menu__link:visited {
  color: inherit;
}
.meh-header:not(.is-overlay) .meh-nav > .meh-menu > .meh-menu__item:is(:hover,.is-open,:focus-within) > .meh-menu__link {
  color: var(--blue);
}
.meh-header.is-overlay .meh-nav > .meh-menu > .meh-menu__item:is(:hover,.is-open,:focus-within) > .meh-menu__link {
  color: #fff;
}
/* MEH's homepage can have a plain link record before is_main is set.
   Never hide the first arbitrary menu: match only localized homepage URLs. */
.meh-nav > .meh-menu > .meh-menu__item:has(> .meh-menu__link:is([href="/"],[href="/az"],[href="/en"],[href="/ru"])),
.meh-mobile__nav > .meh-menu > .meh-menu__item:has(> .meh-menu__link:is([href="/"],[href="/az"],[href="/en"],[href="/ru"])) {
  display: none !important;
}


/* Home slider */
/* MEH editorial slider — isolated from header and default-theme styles. */
.meh-slider {
  position: relative;
  isolation: isolate;
  width: 100%;
  height: 100svh;
  min-height: 600px;
  max-height: 900px;
  overflow: hidden;
  background: #0a2463;
  color: #fff;
}
.meh-slider > .carousel,
.meh-slider .carousel-inner,
.meh-slider .carousel-item,
.meh-slider__panel { height: 100%; }
.meh-slider .carousel-inner { overflow: hidden; }
.meh-slider .carousel-item { transition: opacity .7s ease-in-out; }
.meh-slider__panel { position: relative; overflow: hidden; }
.meh-slider__image,
.meh-slider__shade,
.meh-slider__pattern { position: absolute; inset: 0; width: 100%; height: 100%; }
.meh-slider__image { display: block; object-fit: cover; }
.meh-slider__shade {
  background: linear-gradient(90deg,rgba(10,36,99,.91) 0%,rgba(0,122,252,.62) 52%,rgba(0,122,252,.09) 100%);
}
.meh-slider__pattern {
  opacity: .20;
  pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,255,255,.27) 1px, transparent 1px);
  background-size: 24px 24px;
  mask-image: linear-gradient(90deg, #000,transparent 66%);
}
.meh-slider__body {
  position: relative;
  z-index: 2;
  display: flex;
  height: 100%;
  align-items: center;
  padding-top: 95px;
  padding-bottom: 110px;
}
.meh-slider__copy { width: min(100%, 600px); }
.meh-slider__meta {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 19px;
  min-height: 16px;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .13em;
}
.meh-slider__counter { flex: 0 0 auto; color: #31c4f3; font-variant-numeric: tabular-nums; }
.meh-slider__rule { height: 1px; flex: 1 1 auto; background: rgba(255,255,255,.25); }
.meh-slider__label { color: rgba(255,255,255,.72); flex: 0 0 auto; }
.meh-slider__title {
  max-width: 600px;
  margin: 0 0 16px;
  color: #fff;
  font-size: clamp(34px,4.2vw,62px);
  font-family: Raleway, Arial, sans-serif;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -.028em;
  overflow-wrap: break-word;
}
.meh-slider__description {
  margin: 0 0 30px;
  max-width: 490px;
  color: rgba(255,255,255,.8);
  font-size: clamp(14px,1.1vw,18px);
  font-weight: 400;
  line-height: 1.75;
}
.meh-slider__description p { margin: 0 0 10px; }
.meh-slider__description p:last-child { margin-bottom: 0; }
.meh-slider__actions,
.meh-slider__transport { display: flex; align-items: center; flex-wrap: wrap; gap: 11px; }
.meh-slider__cta,
.meh-slider__secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 42px;
  padding: 11px 22px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
  transition: transform .2s, background .2s, color .2s;
}
.meh-slider__cta, .meh-slider__cta:visited { background: #007afc; color: #fff; }
.meh-slider__cta:hover { background: #31c4f3; color: #fff; transform: translateY(-2px); }
.meh-slider__secondary, .meh-slider__secondary:visited { color: #fff; border: 1px solid rgba(255,255,255,.48); }
.meh-slider__secondary:hover { color: #fff; background: rgba(255,255,255,.13); }
.meh-slider__transport { gap: 9px; }
.meh-slider__control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 50%;
  background: transparent;
  color: rgba(255,255,255,.85);
  font-size: 13px;
  cursor: pointer;
  transition: color .2s,border-color .2s,background .2s;
}
.meh-slider__control:hover,
.meh-slider__control:focus-visible { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.75); color: #fff; }
.meh-slider__thumbnails {
  position: absolute;
  z-index: 6;
  right: 24px;
  bottom: 35px;
  display: flex;
  align-items: flex-end;
  gap: 9px;
  max-width: calc(100% - 48px);
}
.meh-slider__thumb {
  position: relative;
  display: block;
  flex: 0 0 144px;
  width: 144px;
  height: 96px;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 9px;
  color: #fff;
  background: #102951;
  text-align: left;
  cursor: pointer;
  opacity: .68;
  transition: flex-basis .3s,width .3s,height .3s,opacity .3s,box-shadow .3s;
}
.meh-slider__thumb.active {
  flex-basis: 190px;
  width: 190px;
  height: 112px;
  opacity: 1;
  box-shadow: 0 0 0 3px #31c4f3,0 0 0 5px rgba(255,255,255,.25);
}
.meh-slider__thumb:hover, .meh-slider__thumb:focus-visible { opacity: 1; }
.meh-slider__thumb-image, .meh-slider__thumb-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.meh-slider__thumb-image { display: block; object-fit: cover; }
.meh-slider__thumb-shade { background: linear-gradient(0deg,rgba(0,0,0,.83) 0%,rgba(0,0,0,.02) 85%); }
.meh-slider__thumb-copy { position: absolute; z-index: 2; left: 10px; right: 9px; bottom: 11px; display: flex; flex-direction: column; gap: 3px; text-align: left; }
.meh-slider__thumb-meta { color: #31c4f3; font-size: 10px; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }
.meh-slider__thumb-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.28;
}
.meh-slider__thumb-track { position: absolute; z-index: 3; bottom: 0; left: 0; right: 0; height: 3px; background: rgba(255,255,255,.2); opacity: 0; }
.meh-slider__thumb.active .meh-slider__thumb-track { opacity: 1; }
.meh-slider__thumb-progress { display: block; width: 100%; height: 100%; background: #31c4f3; transform: scaleX(0); transform-origin: left; }
.meh-slider__thumb.active .meh-slider__thumb-progress { animation: meh-slider-progress 5.5s linear both; }
.meh-slider.is-paused .meh-slider__thumb-progress { animation-play-state: paused; }
@keyframes meh-slider-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.meh-slider__bottom-fade {
  position: absolute;
  z-index: 4;
  inset: auto 0 0;
  height: 75px;
  pointer-events: none;
  background: linear-gradient(0deg,#fff 0%,rgba(255,255,255,0) 100%);
}
.meh-dark .meh-slider__bottom-fade { background: linear-gradient(0deg,#0d0f14,transparent); }
.meh-slider__dots { display: none; }
@media(max-width:1199.98px) and (min-width:992px) {
  .meh-slider__thumb { flex-basis: 117px; width: 117px; height: 84px; }
  .meh-slider__thumb.active { flex-basis: 152px; width: 152px; height: 98px; }
  .meh-slider__thumbnails { gap: 7px; }
  .meh-slider__copy { max-width: 535px; }
  .meh-slider__title { font-size: clamp(34px,4.3vw,54px); }
}
@media(max-width:991.98px) {
  .meh-slider { height: 100svh; min-height: 690px; }
  .meh-slider__body { align-items: center; padding-top: 100px; padding-bottom: 210px; }
  .meh-slider__copy { width: min(100%,630px); }
  .meh-slider__title { font-size: clamp(32px,5.6vw,54px); }
  .meh-slider__description { margin-bottom: 22px; }
  .meh-slider__thumbnails { left: 20px; right: 20px; bottom: 16px; max-width: none; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; scrollbar-width: none; padding: 5px 4px; }
  .meh-slider__thumbnails::-webkit-scrollbar { display: none; }
  .meh-slider__thumb { flex: 0 0 118px; width: 118px; height: 82px; scroll-snap-align: center; }
  .meh-slider__thumb.active { flex: 0 0 147px; width: 147px; height: 96px; }
  .meh-slider__thumb-meta { font-size: 9px; }
  .meh-slider__thumb-title { font-size: 10px; }
  .meh-slider__dots { position: absolute; z-index: 6; bottom: 120px; left: 24px; display: flex; gap: 8px; }
  .meh-slider__dot { width: 8px; height: 8px; border: 0; border-radius: 8px; background: rgba(255,255,255,.4); padding: 0; transition: width .25s,background .25s; }
  .meh-slider__dot.active { width: 24px; background: #31c4f3; }
}
@media(max-width:575.98px) {
  .meh-slider { min-height: 710px; max-height: none; }
  .meh-slider__body { padding-top: 100px; padding-bottom: 205px; }
  .meh-slider__title { font-size: clamp(29px,7.6vw,39px); line-height: 1.13; margin-bottom: 13px; }
  .meh-slider__meta { font-size: 10px; margin-bottom: 13px; }
  .meh-slider__description { font-size: 14px; line-height: 1.55; margin-bottom: 16px; }
  .meh-slider__cta, .meh-slider__secondary { min-height: 39px; padding: 9px 15px; }
  .meh-slider__control { width: 36px; height: 36px; font-size: 11px; }
  .meh-slider__thumbnails { left: 12px; right: 12px; }
  .meh-slider__dots { bottom: 121px; left: 16px; }
}
@media(prefers-reduced-motion:reduce) {
  .meh-slider .carousel-item { transition: none; }
  .meh-slider__thumb, .meh-slider__dot { transition: none; }
  .meh-slider__thumb.active .meh-slider__thumb-progress { animation: none; transform: none; }
}

/* Shared inner pages */
/* MEH About page — ported from the React reference without a React runtime. */
.meh-l10n { display: none; }
html[lang^="az"] .meh-l10n--az,html[lang^="en"] .meh-l10n--en,html[lang^="ru"] .meh-l10n--ru { display: inline; }
.meh-about { overflow: hidden; background: #fff; color: var(--ink); }
.meh-about__hero { position: relative; isolation: isolate; min-height: 280px; overflow: hidden; color: #fff; background: linear-gradient(135deg,#0a2463 0%,#007afc 60%,#31c4f3 100%); }
.meh-about__pattern { position: absolute; inset: 0; z-index: -2; opacity: .28; background-image: radial-gradient(circle,rgba(255,255,255,.18) 1px,transparent 1px); background-size: 24px 24px; }
.meh-about__hero-shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,rgba(10,36,99,.72),transparent 72%); }
.meh-about__hero-inner { min-height: 280px; display: flex; flex-direction: column; justify-content: flex-end; padding-top: 78px; padding-bottom: 54px; }
.meh-about__breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-bottom: 22px; font-size: 12px; color: rgba(255,255,255,.58); }
.meh-about__breadcrumb a { color: inherit; text-decoration: none; transition: color .2s; }
.meh-about__breadcrumb a:hover { color: #fff; }
.meh-about__breadcrumb strong { color: #fff; font-weight: 700; }
.meh-about__eyebrow,.meh-about__section-label { margin-bottom: 13px; color: var(--cyan); font-size: 12px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.meh-about__hero h1 { max-width: 760px; margin: 0; color: #fff; font-size: clamp(39px,5.2vw,64px); font-weight: 900; line-height: 1.05; letter-spacing: -.035em; }
.meh-about__intro { padding: 92px 0 104px; }
.meh-about__intro-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(360px,1fr); align-items: start; gap: clamp(42px,6vw,84px); }
.meh-about__section-label { color: var(--blue); }
.meh-about__copy h2 { margin: 0 0 26px; font-size: clamp(31px,3.7vw,45px); font-weight: 900; line-height: 1.12; letter-spacing: -.025em; }
.meh-about__richtext { color: #6b7280; font-size: 16px; line-height: 1.78; }
.meh-about__richtext > :first-child { margin-top: 0; }
.meh-about__richtext > :last-child { margin-bottom: 0; }
.meh-about__visual { min-width: 0; }
.meh-about-media,.meh-about-media__item { width: 100%; margin: 0; }
.meh-about-media__item { display: none; position: relative; height: 340px; overflow: hidden; border-radius: 18px; background: #e9eaff; }
.meh-about-media__item.active,.meh-about-media__item:first-child { display: block; }
.meh-about-media__item img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.meh-about-media__item figcaption { position: absolute; left: 18px; right: 18px; bottom: 16px; display: none; padding: 9px 12px; border-radius: 9px; color: #fff; background: rgba(5,23,58,.72); font-size: 12px; }
.meh-about__includes { background: var(--pale); }
.meh-about__includes:empty { display: none; }
.meh-about__includes > .meh-include { width: 100%; max-width: 1320px; margin: 0 auto; padding: 72px 24px; }
.meh-about__includes > .meh-include + .meh-include { border-top: 1px solid rgba(10,36,99,.08); }
.meh-about__includes .meh-include h2 { margin: 0; font-size: clamp(30px,4vw,48px); font-weight: 900; }
.meh-about__includes > .meh-about-mission,.meh-about__includes > .meh-about-activities { max-width: none; padding: 0; }
.meh-about-mission { position: relative; isolation: isolate; overflow: hidden; color: #fff; text-align: center; background: linear-gradient(135deg,#0a2463 0%,#007afc 100%); }
.meh-about-mission__pattern { position: absolute; inset: 0; z-index: -1; opacity: .22; background-image: radial-gradient(circle,rgba(255,255,255,.2) 1px,transparent 1px); background-size: 24px 24px; }
.meh-about-mission__inner { max-width: 950px; padding-top: 92px; padding-bottom: 94px; }
.meh-about-mission__badge { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 30px; padding: 9px 16px; border: 1px solid rgba(255,255,255,.08); border-radius: 999px; color: #fff; background: rgba(255,255,255,.15); font-size: 12px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.meh-about-mission__badge svg { width: 15px; height: 15px; fill: currentColor; }
.meh-about-mission__quote { margin: 0 auto 28px; color: #fff; font-size: clamp(21px,3vw,34px); font-weight: 900; line-height: 1.38; letter-spacing: -.018em; }
.meh-about-mission__quote > :first-child { margin-top: 0; }
.meh-about-mission__quote > :last-child { margin-bottom: 0; }
.meh-about-mission__rule { width: 64px; height: 4px; margin: 0 auto; border-radius: 999px; background: rgba(255,255,255,.42); }
.meh-about-activities { padding: 92px 0 104px !important; background: var(--pale); }
.meh-about-activities__header { margin-bottom: 52px; text-align: center; }
.meh-about-activities__header .meh-about__section-label { margin-bottom: 12px; }
.meh-about-activities__header h2 { color: var(--ink); }
.meh-activities__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.meh-activities__card { display: flex; align-items: flex-start; gap: 20px; min-height: 132px; padding: 24px; border: 1px solid #e2e6f8; border-radius: 17px; background: #fff; transition: transform .25s,border-color .25s,box-shadow .25s; }
.meh-activities__card:hover { transform: translateY(-3px); border-color: rgba(0,122,252,.32); box-shadow: 0 14px 32px rgba(10,36,99,.08); }
.meh-activities__number { display: flex; flex: 0 0 48px; align-items: center; justify-content: center; min-height: 48px; padding: 6px; border-radius: 12px; color: #fff; background: linear-gradient(135deg,#007afc,#31c4f3); font-size: 14px; font-weight: 900; }
.meh-activities__card:nth-child(even) .meh-activities__number { background: linear-gradient(135deg,#0a2463,#007afc); }
.meh-activities__text { padding-top: 7px; color: #6b7280; font-size: 14px; line-height: 1.7; }
.meh-activities__text > :first-child { margin-top: 0; }
.meh-activities__text > :last-child { margin-bottom: 0; }
.meh-about__cta { padding: 70px 0 78px; text-align: center; background: #fff; }
.meh-about__cta h2 { margin: 0 0 13px; font-size: clamp(24px,3vw,32px); font-weight: 900; }
.meh-about__cta p { margin: 0 0 28px; color: #6b7280; font-size: 14px; }
.meh-about__cta a { display: inline-flex; align-items: center; gap: 10px; min-height: 46px; padding: 12px 26px; border-radius: 12px; color: #fff; background: var(--blue); font-size: 14px; font-weight: 800; text-decoration: none; transition: background .2s,transform .2s; }
.meh-about__cta a.meh-l10n { display: none; }
html[lang^="az"] .meh-about__cta a.meh-l10n--az,html[lang^="en"] .meh-about__cta a.meh-l10n--en,html[lang^="ru"] .meh-about__cta a.meh-l10n--ru { display: inline-flex; }
.meh-about__cta a:hover { color: #fff; background: var(--cyan); transform: translateY(-2px); }
.meh-dark .meh-about { color: #f0f4ff; background: #0d0f14; }
.meh-dark .meh-about__richtext,.meh-dark .meh-about__cta p { color: #94a3b8; }
.meh-dark .meh-about__includes { background: #111628; }
.meh-dark .meh-about__includes > .meh-include + .meh-include { border-color: #1e2640; }
.meh-dark .meh-about-activities { background: #111628; }
.meh-dark .meh-about-activities__header h2 { color: #f0f4ff; }
.meh-dark .meh-activities__card { border-color: #1e2640; background: #141824; }
.meh-dark .meh-activities__text { color: #94a3b8; }
.meh-dark .meh-about__cta { background: #0d0f14; }
@media (max-width: 991.98px) {
  .meh-about__intro { padding: 72px 0 82px; }
  .meh-about__intro-grid { grid-template-columns: 1fr; gap: 44px; }
  .meh-about-media__item { height: clamp(270px,48vw,390px); }
}
@media (max-width: 767.98px) {
  .meh-about__hero,.meh-about__hero-inner { min-height: 250px; }
  .meh-about__hero-inner { padding-top: 70px; padding-bottom: 38px; }
  .meh-about__breadcrumb { margin-bottom: 17px; gap: 7px; }
  .meh-about__hero h1 { font-size: clamp(36px,11vw,48px); }
  .meh-about__intro { padding: 58px 0 66px; }
  .meh-about__copy h2 { margin-bottom: 20px; }
  .meh-about__richtext { font-size: 15px; line-height: 1.7; }
  .meh-about-media__item { height: 250px; border-radius: 14px; }
  .meh-about__includes > .meh-include { padding: 55px 16px; }
  .meh-about-mission__inner { padding-top: 64px; padding-bottom: 66px; }
  .meh-about-mission__badge { margin-bottom: 24px; }
  .meh-about-activities { padding: 60px 0 68px !important; }
  .meh-about-activities__header { margin-bottom: 34px; }
  .meh-activities__grid { grid-template-columns: 1fr; }
  .meh-activities__card { min-height: 0; padding: 20px; }
  .meh-about__cta { padding: 55px 0 62px; }
}
/* Strategic goals page */
.meh-about__includes > .meh-strategy-goals { max-width: none; padding: 80px 0; background: #fff; }
.meh-strategy-goals__header { margin: 0 0 24px; }
.meh-strategy-goals__header h2 { margin: 0; color: var(--blue); font-size: 12px !important; font-weight: 800 !important; letter-spacing: .13em; text-transform: uppercase; }
.meh-strategy-goals .meh-activities__grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.meh-strategy-goals .meh-activities__card { min-height: 148px; gap: 16px; background: #f8faff; }
.meh-strategy-goals .meh-activities__number { flex-basis: 40px; width: 40px; min-height: 40px; border-radius: 12px; font-size: 12px; }
.meh-strategy-goals .meh-activities__card:nth-child(3n+1) .meh-activities__number { background: linear-gradient(135deg,#007afc,#31c4f3); }
.meh-strategy-goals .meh-activities__card:nth-child(3n+2) .meh-activities__number { background: linear-gradient(135deg,#0a2463,#007afc); }
.meh-strategy-goals .meh-activities__card:nth-child(3n) .meh-activities__number { background: linear-gradient(135deg,#31c4f3,#007afc); }
.meh-strategy-goals .meh-activities__text { padding-top: 4px; }
.meh-strategy-cta { padding: 80px 0; text-align: center; background: var(--pale); }
.meh-strategy-cta h2 { margin: 0 0 14px; color: var(--ink); font-size: clamp(24px,3vw,32px); font-weight: 900; }
.meh-strategy-cta p { max-width: 560px; margin: 0 auto 30px; color: #6b7280; font-size: 14px; line-height: 1.7; }
.meh-strategy-cta a { display: none; align-items: center; gap: 10px; min-height: 46px; padding: 12px 28px; border-radius: 12px; color: #fff; background: linear-gradient(135deg,#007afc,#31c4f3); font-size: 14px; font-weight: 800; text-decoration: none; transition: transform .2s,box-shadow .2s; }
html[lang^="az"] .meh-strategy-cta a.meh-l10n--az,html[lang^="en"] .meh-strategy-cta a.meh-l10n--en,html[lang^="ru"] .meh-strategy-cta a.meh-l10n--ru { display: inline-flex; }
.meh-strategy-cta a:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 12px 25px rgba(0,122,252,.24); }
.meh-dark .meh-about__includes > .meh-strategy-goals { background: #0d0f14; }
.meh-dark .meh-strategy-goals .meh-activities__card { background: #141824; }
.meh-dark .meh-strategy-cta { background: #111628; }
.meh-dark .meh-strategy-cta h2 { color: #f0f4ff; }
.meh-dark .meh-strategy-cta p { color: #94a3b8; }
@media(max-width:991.98px) {
  .meh-strategy-goals .meh-activities__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:767.98px) {
  .meh-about__includes > .meh-strategy-goals { padding: 58px 0; }
  .meh-strategy-goals .meh-activities__grid { grid-template-columns: 1fr; }
  .meh-strategy-goals .meh-activities__card { min-height: 0; }
  .meh-strategy-cta { padding: 60px 0; }
}

/* Leadership */
.meh-leadership { overflow: hidden; color: var(--ink); background: #fff; }
.meh-leadership .meh-about__hero h1 { max-width: 850px; margin: 0; color: #fff; font-size: clamp(39px,5.2vw,64px); font-weight: 900; line-height: 1.05; letter-spacing: -.035em; }
.meh-leadership__body { padding: 80px 0 96px; background: #fff; }
.meh-leadership__collection { display: grid; gap: 64px; }
.meh-leader { display: grid; grid-template-columns: minmax(250px,320px) minmax(0,2fr); align-items: start; gap: 40px; }
.meh-leader__aside { display: flex; flex-direction: column; align-items: center; gap: 24px; }
.meh-leader__portrait { position: relative; width: 100%; margin: 0; aspect-ratio: 3/4; overflow: hidden; border-radius: 24px; background: linear-gradient(135deg,#0a2463 0%,#007afc 60%,#31c4f3 100%); box-shadow: 0 18px 42px rgba(10,36,99,.15); }
.meh-leader__portrait img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.meh-leader__identity { width: 100%; text-align: center; }
.meh-leader__identity h2 { margin: 0 0 6px; color: var(--ink); font-size: 20px; font-weight: 900; line-height: 1.3; }
.meh-leader__identity div { color: var(--blue); font-size: 14px; font-weight: 800; }
.meh-leader__awards { width: 100%; }
.meh-leader__awards > h3,.meh-leader__panel > h3 { margin: 0 0 14px; color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.meh-leader__award-list { display: grid; gap: 12px; }
.meh-leader__award { display: flex; align-items: flex-start; gap: 12px; padding: 12px; border: 1px solid var(--border); border-radius: 12px; background: #f8faff; }
.meh-leader__award-icon { display: grid; flex: 0 0 28px; width: 28px; height: 28px; margin-top: 2px; place-items: center; border-radius: 8px; color: #fff; background: linear-gradient(135deg,#007afc,#31c4f3); font-size: 12px; }
.meh-leader__award p { margin: 0; color: #6b7280; font-size: 12px; line-height: 1.48; }
.meh-leader__content { display: flex; min-width: 0; flex-direction: column; gap: 32px; }
.meh-leader__panel { padding: 32px; border: 1px solid var(--border); border-radius: 16px; background: #f8faff; }
.meh-leader__panel > h3 { margin-bottom: 20px; }
.meh-leader__richtext,.meh-leader__experience { color: #6b7280; font-size: 14px; line-height: 1.75; }
.meh-leader__richtext > :first-child,.meh-leader__experience > :first-child { margin-top: 0; }
.meh-leader__richtext > :last-child,.meh-leader__experience > :last-child { margin-bottom: 0; }
.meh-leader__experience ul { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; }
.meh-leader__experience li { position: relative; margin: 0; padding-left: 18px; }
.meh-leader__experience li::before { content: ''; position: absolute; top: .72em; left: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); }
.meh-leader__experience li:last-child::before { background: var(--blue); }
.meh-dark .meh-leadership,.meh-dark .meh-leadership__body { color: #f0f4ff; background: #0d0f14; }
.meh-dark .meh-leader__identity h2 { color: #f0f4ff; }
.meh-dark .meh-leader__award,.meh-dark .meh-leader__panel { border-color: #1e2640; background: #141824; }
.meh-dark .meh-leader__award p,.meh-dark .meh-leader__richtext,.meh-dark .meh-leader__experience { color: #94a3b8; }
@media(max-width:991.98px) {
  .meh-leader { grid-template-columns: minmax(230px,300px) minmax(0,1fr); gap: 30px; }
  .meh-leader__panel { padding: 26px; }
}
@media(max-width:767.98px) {
  .meh-leadership .meh-about__hero h1 { font-size: clamp(36px,11vw,48px); }
  .meh-leadership__body { padding: 60px 0 70px; }
  .meh-leader { grid-template-columns: 1fr; gap: 38px; }
  .meh-leader__aside { width: min(100%,360px); margin: 0 auto; }
  .meh-leader__content { gap: 20px; }
  .meh-leader__panel { padding: 22px; }
}

/* MEH reports — matched to the React Hesabatlar reference. */
.meh-reports-page {
  overflow: hidden;
  color: var(--ink);
  background: #fff;
}
.meh-reports-page .meh-about__hero h1 {
  max-width: 920px;
}
.meh-reports-page__body {
  padding: 80px 0;
  background: #fff;
}
.meh-reports-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 24px;
}
.meh-report-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #e2e6f8;
  border-radius: 16px;
  background: #f8faff;
  transition: transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.meh-report-card:hover {
  transform: translateY(-2px);
}
.meh-report-card__visual {
  position: relative;
  display: flex;
  height: 160px;
  flex: 0 0 160px;
  align-items: flex-end;
  overflow: hidden;
  padding: 24px;
  isolation: isolate;
}
.meh-report-card__visual--gradient-1 {
  background: linear-gradient(135deg,#007afc 0%,#31c4f3 100%);
}
.meh-report-card__visual--gradient-2 {
  background: linear-gradient(135deg,#0a2463 0%,#007afc 100%);
}
.meh-report-card__visual--gradient-3 {
  background: linear-gradient(135deg,#31c4f3 0%,#007afc 100%);
}
.meh-report-card__visual--gradient-4 {
  background: linear-gradient(135deg,#0a2463 0%,#31c4f3 100%);
}
.meh-report-card__cover {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.meh-report-card__badge {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 10px;
  border-radius: 999px;
  color: #fff;
  background: rgba(255,255,255,.2);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}
.meh-report-card__badge:empty {
  display: none;
}
.meh-report-card__body {
  display: flex;
  min-height: 149px;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 24px;
}
.meh-report-card__title {
  margin: 0 0 8px;
  color: #1b1b1b;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.35;
}
.meh-report-card__description {
  margin: 0 0 20px;
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
}
.meh-report-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: auto;
}
.meh-report-card__size {
  color: #6b7280;
  font-size: 12px;
  line-height: 1.3;
  white-space: nowrap;
}
.meh-report-card__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.meh-report-card__button {
  display: inline-flex;
  min-height: 31px;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
  transition: transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease;
}
.meh-report-card__button:hover {
  transform: translateY(-1px);
}
.meh-report-card__button--view,
.meh-report-card__button--view:visited {
  border-color: #007afc;
  color: #007afc;
  background: transparent;
}
.meh-report-card__button--view:hover {
  color: #fff;
  background: #007afc;
}
.meh-report-card__button--download,
.meh-report-card__button--download:visited {
  color: #fff;
  background: linear-gradient(135deg,#007afc,#31c4f3);
}
.meh-report-card__button--download:hover {
  color: #fff;
  background: linear-gradient(135deg,#006fe6,#22b7e9);
}
.meh-dark .meh-reports-page,
.meh-dark .meh-reports-page__body {
  color: #f0f4ff;
  background: #0d0f14;
}
.meh-dark .meh-report-card {
  border-color: #1e2640;
  background: #141824;
}
.meh-dark .meh-report-card__title {
  color: #f0f4ff;
}
.meh-dark .meh-report-card__description,
.meh-dark .meh-report-card__size {
  color: #94a3b8;
}
@media(max-width:767.98px) {
  .meh-reports-page__body {
    padding: 56px 0 68px;
  }
  .meh-reports-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .meh-report-card__visual {
    height: 150px;
    flex-basis: 150px;
    padding: 20px;
  }
  .meh-report-card__body {
    min-height: 0;
    padding: 20px;
  }
  .meh-report-card__footer {
    align-items: flex-end;
  }
}



/* Inner-page heroes sit under the transparent fixed header (React parity).
   Matches [data-meh-hero] and any first-child "*__hero" section of #main-content,
   so existing templates need no markup change. Keep in sync with meh.js.
   The :has() rule avoids a layout jump before meh.js adds .meh-has-hero. */
body.meh-site:has([data-meh-hero]),
body.meh-site:has(#main-content > section:first-child[class*="__hero"]) {
  padding-top: 0;
}
/* Shared about/strategy/leadership/reports hero: reserve the header height
   inside the hero so its content keeps the same position below the header. */
#main-content > .meh-about__hero:first-child {
  padding-top: 64px;
}

/* International cooperation — React InnerPageLayout parity. */
.meh-intl {
  overflow: hidden;
  color: var(--ink);
  background: #fff;
}
.meh-intl__hero {
  position: relative;
  min-height: 280px;
  overflow: hidden;
  padding-top: 64px;
  background: linear-gradient(135deg,#0a2463 0%,#007afc 60%,#31c4f3 100%);
}
.meh-intl__pattern {
  position: absolute;
  inset: 0;
  opacity: .1;
  background-image: radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1px);
  background-size: 24px 24px;
}
.meh-intl__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right,rgba(10,36,99,.7) 0%,transparent 70%);
}
.meh-intl__hero-inner {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 280px;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 64px;
  padding-bottom: 64px;
}
.meh-intl__breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 20px;
  color: rgba(255,255,255,.6);
  font-size: 12px;
  line-height: 16px;
}
.meh-intl__breadcrumb > span[aria-hidden="true"] {
  color: rgba(255,255,255,.4);
}
.meh-intl__breadcrumb a {
  color: inherit;
  text-decoration: none;
  transition: color .2s ease;
}
.meh-intl__breadcrumb a:hover {
  color: #fff;
}
.meh-intl__breadcrumb strong {
  color: #fff;
  font-weight: 600;
}
.meh-intl__eyebrow {
  margin-bottom: 12px;
  color: #31c4f3;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 16px;
  text-transform: uppercase;
}
.meh-intl__title {
  margin: 0;
  color: #fff;
  font-size: 36px;
  font-weight: 900;
  line-height: 1.25;
}
.meh-intl__subtitle {
  max-width: 576px;
  margin: 16px 0 0;
  color: rgba(255,255,255,.7);
  font-size: 18px;
  line-height: 28px;
}
.meh-intl__body {
  padding: 80px 0;
  background: #fff;
}
.meh-intl__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
.meh-dark .meh-intl,
.meh-dark .meh-intl__body {
  color: #f0f4ff;
  background: #0d0f14;
}
/* Tailwind md (768px) / lg (1024px) breakpoints, as in the React source. */
@media(min-width:768px) {
  .meh-intl__grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media(min-width:1024px) {
  .meh-intl__title {
    font-size: 60px;
  }
  .meh-intl__grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}

/* Events list — React Tedbirler page parity; hero reuses .meh-intl__hero. */
.meh-events__tabs {
  display: flex;
  width: fit-content;
  gap: 8px;
  margin-bottom: 40px;
  padding: 4px;
  border-radius: 12px;
  background: #e9eaff;
}
.meh-events__tab {
  padding: 10px 24px;
  border: 0;
  border-radius: 8px;
  color: #6b7280;
  background: transparent;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  transition: all .2s ease;
}
.meh-events__tab.is-active {
  color: #fff;
  background: linear-gradient(135deg,#007afc,#31c4f3);
}
.meh-events__list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.meh-events__empty {
  margin: 0;
  padding: 80px 0;
  color: #6b7280;
  text-align: center;
}
.meh-dark .meh-events__tabs {
  background: #111628;
}
.meh-dark .meh-events__tab:not(.is-active),
.meh-dark .meh-events__empty {
  color: #94a3b8;
}
.meh-event-card {
  overflow: hidden;
  border: 1px solid #e2e6f8;
  border-radius: 16px;
  background: #f8faff;
}
.meh-event-card[hidden] {
  display: none;
}
.meh-event-card__accent {
  display: block;
  height: 6px;
  background: linear-gradient(90deg,#007afc,#31c4f3);
}
.meh-event-card[data-status="past"] .meh-event-card__accent {
  background: linear-gradient(90deg,#0a2463,#007afc);
}
.meh-event-card--meeting .meh-event-card__accent {
  background: linear-gradient(90deg,#0a2463,#007afc);
}
.meh-event-card__grid {
  display: grid;
  grid-template-columns: 1fr;
}
.meh-event-card__visual {
  display: block;
  height: 260px;
  overflow: hidden;
}
.meh-event-card__visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .4s ease;
}
.meh-event-card__visual:hover img {
  transform: scale(1.04);
}
.meh-event-card__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 28px;
}
.meh-event-card__title-link {
  color: #1b1b1b;
  text-decoration: none;
  transition: color .2s ease;
}
.meh-event-card__title-link:hover {
  color: #007afc;
}
.meh-event-card__title {
  margin: 0;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.375;
}
.meh-event-card__summary {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #6b7280;
  font-size: 14px;
  line-height: 1.625;
}
.meh-event-card__summary p {
  margin: 0;
}
.meh-event-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #e2e6f8;
}
.meh-event-card__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #6b7280;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
/* Attributes used only as data on other pages (e.g. the home events block). */
.meh-event-card__meta-item[data-key$="tag"],
.meh-event-card__meta-item[data-key$="speakers"] {
  display: none;
}
.meh-event-card__meta-item > i {
  color: #007afc;
}
.meh-event-card__more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  padding: 8px 20px;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg,#007afc,#31c4f3);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: opacity .2s ease;
}
.meh-event-card__more:hover {
  color: #fff;
  opacity: .9;
}
.meh-dark .meh-event-card {
  border-color: #1e2640;
  background: #141824;
}
.meh-dark .meh-event-card__meta {
  border-top-color: #1e2640;
}
.meh-dark .meh-event-card__title-link {
  color: #f0f4ff;
}
.meh-dark .meh-event-card__title-link:hover {
  color: #31c4f3;
}
.meh-dark .meh-event-card__summary,
.meh-dark .meh-event-card__meta-item {
  color: #94a3b8;
}
/* Events detail (grid/events-meh/self-detail.tpl) reuses the .meh-intl-detail layout. */
.meh-intl:has(.meh-intl-detail) .meh-events__tabs,
.meh-intl:has(.meh-intl-detail) .meh-events__empty {
  display: none;
}
.meh-event-detail__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.meh-event-detail__meta .meh-event-card__meta-item {
  gap: 10px;
  padding: 10px 16px;
  border: 1px solid #e2e6f8;
  border-radius: 12px;
  color: #1b1b1b;
  background: #f8faff;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.meh-event-detail__meta .meh-event-card__meta-item > i {
  font-size: 16px;
}
.meh-dark .meh-event-detail__meta .meh-event-card__meta-item {
  border-color: #1e2640;
  color: #f0f4ff;
  background: #141824;
}
/* React parity: cyan dot bullets, 12px gap, 14px text. */
.meh-event-detail .meh-intl-detail__content ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}
.meh-event-detail .meh-intl-detail__content li {
  position: relative;
  padding-left: 18px;
  font-size: 14px;
  line-height: 1.625;
}
.meh-event-detail .meh-intl-detail__content li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #31c4f3;
}
.meh-intl-related-card__date {
  color: #6b7280;
  font-size: 12px;
  line-height: 16px;
}
.meh-dark .meh-intl-related-card__date {
  color: #94a3b8;
}
@media(min-width:768px) {
  .meh-event-card__grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .meh-event-card__body {
    grid-column: span 2;
  }
}


/* International cooperation cards — React reference. */
.meh-intl-card {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #e2e6f8;
  border-radius: 16px;
  color: inherit;
  background: #f8faff;
  text-decoration: none;
  transition: transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.meh-intl-card:hover {
  color: inherit;
  transform: translateY(-4px);
}
.meh-intl-card__accent {
  display: block;
  width: 100%;
  height: 6px;
  flex: 0 0 6px;
  background: linear-gradient(90deg,#007afc 0%,#31c4f3 100%);
}
.meh-intl-card__visual {
  height: 180px;
  flex: 0 0 180px;
  margin: 0;
  overflow: hidden;
  background: #e9eef9;
}
.meh-intl-card__visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .4s ease;
}
.meh-intl-card:hover .meh-intl-card__visual img {
  transform: scale(1.05);
}
.meh-intl-card__body {
  display: flex;
  min-height: 0;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
}
.meh-intl-card__heading {
  min-width: 0;
}
.meh-intl-card .meh-intl-attrs {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 2px;
  color: #6b7280;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}
.meh-intl-card .meh-intl-attrs__item + .meh-intl-attrs__item::before {
  content: " · ";
  white-space: pre;
}
.meh-intl-card .meh-intl-attrs__icon {
  display: none;
}
.meh-intl-card__title {
  margin: 0;
  color: #1b1b1b;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.375;
  transition: color .2s ease;
}
.meh-intl-card:hover .meh-intl-card__title {
  color: #007afc;
}
.meh-intl-card__summary {
  flex: 1 1 auto;
  margin: 0;
  color: #6b7280;
  font-size: 14px;
  line-height: 1.625;
}
.meh-intl-card__summary > :first-child {
  margin-top: 0;
}
.meh-intl-card__summary > :last-child {
  margin-bottom: 0;
}
.meh-intl-card__more {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-top: 16px;
  border-top: 1px solid #e2e6f8;
  color: #007afc;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  transition: gap .2s ease;
}
.meh-intl-card:hover .meh-intl-card__more {
  gap: 12px;
}
.meh-intl-card__more i {
  font-size: 14px;
}
.meh-dark .meh-intl-card {
  border-color: #1e2640;
  background: #141824;
}
.meh-dark .meh-intl-card__visual {
  background: #111628;
}
.meh-dark .meh-intl-card .meh-intl-attrs,
.meh-dark .meh-intl-card__summary {
  color: #94a3b8;
}
.meh-dark .meh-intl-card__title {
  color: #f0f4ff;
}
.meh-dark .meh-intl-card:hover .meh-intl-card__title {
  color: #007afc;
}
.meh-dark .meh-intl-card__more {
  border-top-color: #1e2640;
}


/* International cooperation detail (grid/international-cooperation/self-detail.tpl).
   ERAVEL renders the detail inside self.tpl's {!!DATA!!}; when it is present the
   listing hero/grid wrappers step aside and the detail renders its own hero. */
.meh-intl:has(.meh-intl-detail) > .meh-intl__hero {
  display: none;
}
.meh-intl:has(.meh-intl-detail) > .meh-intl__body {
  padding: 0;
}
.meh-intl:has(.meh-intl-detail) > .meh-intl__body > .meh-container {
  max-width: none;
  padding-inline: 0;
}
.meh-intl:has(.meh-intl-detail) .meh-intl__grid {
  display: block;
}
.meh-intl-detail__body {
  padding: 64px 0;
}
.meh-intl-detail__gallery:empty,
.meh-intl-detail__meta:empty,
.meh-intl-detail__files:empty {
  display: none;
}
.meh-intl-detail__gallery {
  margin-bottom: 40px;
}

/* Gallery — Bootstrap carousel styled after the React ImageSlider. */
.meh-intl-gallery {
  position: relative;
  height: clamp(220px,62vw,480px);
  overflow: hidden;
  border-radius: 20px;
  background: #0a1628;
}
.meh-intl-gallery .carousel-inner,
.meh-intl-gallery .carousel-item {
  height: 100%;
}
.meh-intl-gallery__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.meh-intl-gallery.carousel-fade .carousel-item {
  transition-duration: .5s;
}
.meh-intl-gallery__shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 50%);
}
.meh-intl-gallery__nav {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: rgba(255,255,255,.18);
  backdrop-filter: blur(8px);
  font-size: 16px;
  transform: translateY(-50%);
  transition: background .2s ease;
}
.meh-intl-gallery__nav:hover {
  background: rgba(255,255,255,.3);
}
.meh-intl-gallery__nav--prev {
  left: 20px;
}
.meh-intl-gallery__nav--next {
  right: 20px;
}
.meh-intl-gallery__dots {
  bottom: 20px;
  z-index: 2;
  gap: 8px;
  margin: 0;
}
.meh-intl-gallery__dots [data-bs-slide-to] {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: rgba(255,255,255,.45);
  opacity: 1;
  text-indent: 0;
  transition: all .3s ease;
}
.meh-intl-gallery__dots .active {
  width: 24px;
  background: #fff;
}
.meh-intl-gallery__counter {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 2;
  padding: 4px 12px;
  border-radius: 20px;
  color: #fff;
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(8px);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
}

/* Attribute pills (same attribute TPL as the cards, styled per context). */
.meh-intl-detail__meta {
  margin-bottom: 40px;
}
.meh-intl-detail .meh-intl-attrs {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.meh-intl-detail .meh-intl-attrs__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  border: 1px solid #e2e6f8;
  border-radius: 12px;
  color: #1b1b1b;
  background: #f8faff;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.meh-intl-detail .meh-intl-attrs__icon {
  color: #007afc;
  font-size: 16px;
}

.meh-intl-detail__content {
  max-width: 780px;
  margin-bottom: 56px;
  color: #6b7280;
  font-size: 16px;
  line-height: 1.625;
}
.meh-intl-detail__content > :first-child {
  margin-top: 0;
}
.meh-intl-detail__content > :last-child {
  margin-bottom: 0;
}
.meh-intl-detail__content img {
  max-width: 100%;
  height: auto;
}
.meh-intl-detail__files {
  display: grid;
  gap: 12px;
  max-width: 780px;
  margin-bottom: 56px;
}
.meh-intl-detail__file {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border: 1px solid #e2e6f8;
  border-radius: 12px;
  color: #1b1b1b;
  background: #f8faff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.meh-intl-detail__file i {
  color: #007afc;
}
.meh-intl-detail__file-meta {
  margin-left: auto;
  color: #6b7280;
  font-size: 12px;
  text-transform: uppercase;
}

/* Other partnerships */
.meh-intl-related {
  padding-top: 48px;
  border-top: 1px solid #e2e6f8;
}
.meh-intl-related__title {
  margin: 0 0 24px;
  color: #007afc;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 16px;
  text-transform: uppercase;
}
.meh-intl-related__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.meh-intl-related-card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  overflow: hidden;
  border: 1px solid #e2e6f8;
  border-radius: 16px;
  color: inherit;
  background: #f8faff;
  text-decoration: none;
  transition: transform .2s ease;
}
.meh-intl-related-card:hover {
  color: inherit;
  transform: translateY(-2px);
}
.meh-intl-related-card__visual {
  width: 112px;
  min-height: 100%;
  flex: 0 0 112px;
  align-self: stretch;
  margin: 0;
  overflow: hidden;
  background: #e9eef9;
}
.meh-intl-related-card__visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}
.meh-intl-related-card:hover .meh-intl-related-card__visual img {
  transform: scale(1.05);
}
.meh-intl-related-card__body {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 6px;
  padding: 16px 16px 16px 0;
}
.meh-intl-related-card__title {
  margin: 0;
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.375;
  transition: color .2s ease;
}
.meh-intl-related-card:hover .meh-intl-related-card__title {
  color: #007afc;
}
.meh-intl-related-card__more {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  color: #007afc;
  font-size: 12px;
  font-weight: 700;
}
.meh-intl-related-card__more i {
  font-size: 12px;
}
.meh-intl-detail__back {
  margin-top: 48px;
}
.meh-intl-detail__back a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #007afc;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.meh-intl-detail__back a:hover {
  color: #0a2463;
}
@media(min-width:768px) {
  .meh-intl-related__grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

.meh-dark .meh-intl-detail .meh-intl-attrs__item,
.meh-dark .meh-intl-detail__file,
.meh-dark .meh-intl-related-card {
  border-color: #1e2640;
  color: #f0f4ff;
  background: #141824;
}
.meh-dark .meh-intl-detail__content,
.meh-dark .meh-intl-detail__file-meta {
  color: #94a3b8;
}
.meh-dark .meh-intl-related {
  border-top-color: #1e2640;
}
.meh-dark .meh-intl-related-card__visual {
  background: #111628;
}
.meh-dark .meh-intl-related-card__title {
  color: #f0f4ff;
}
.meh-dark .meh-intl-related-card:hover .meh-intl-related-card__title {
  color: #007afc;
}
.meh-dark .meh-intl-detail__back a:hover {
  color: #31c4f3;
}


/* D-8 MEC about page (content/about-d8 + inner d8-activity + grid d8-members inner). Hero reuses .meh-intl__hero. */
.meh-d8about__intro {
  padding: 80px 0;
  background: #fff;
}
.meh-d8about__grid {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  gap: 56px;
}
.meh-d8about__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 24px;
}
.meh-d8about__label,
.meh-d8-section__label {
  color: #007afc;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 16px;
  text-transform: uppercase;
}
.meh-d8about__copy > .meh-d8about__label {
  margin-bottom: -8px;
}
.meh-d8about__richtext {
  color: #6b7280;
  font-size: 16px;
  line-height: 1.625;
}
.meh-d8about__richtext > :first-child {
  margin-top: 0;
}
.meh-d8about__richtext > :last-child {
  margin-bottom: 0;
}
.meh-d8about__richtext p {
  margin: 0 0 16px;
}
.meh-d8about__goal {
  padding: 28px;
  border: 1px solid #e2e6f8;
  border-radius: 16px;
  background: #f8faff;
}
.meh-d8about__goal .meh-d8about__label {
  margin-bottom: 16px;
}
.meh-d8about__goal-text {
  color: #6b7280;
  font-size: 16px;
  line-height: 1.625;
}
.meh-d8about__goal-text > :last-child {
  margin-bottom: 0;
}
.meh-d8about__visual {
  min-width: 0;
}
.meh-d8about__visual:empty {
  display: none;
}
.meh-d8about__gallery {
  height: clamp(260px,62vw,480px);
  border-radius: 16px;
}

/* Shared section header for the included D-8 sections. */
.meh-d8-activity,
.meh-d8-members {
  padding: 80px 0;
}
.meh-d8-activity {
  background: #e9eaff;
}
.meh-d8-members {
  background: #fff;
}
.meh-d8-section__header {
  margin-bottom: 56px;
  text-align: center;
}
.meh-d8-section__label {
  margin-bottom: 12px;
}
.meh-d8-section__title {
  margin: 0;
  color: #1b1b1b;
  font-size: clamp(30px,3.2vw,36px);
  font-weight: 900;
  line-height: 1.2;
}

/* Priorities: numbered cards, 1 / 2 / 3 columns. */
.meh-d8-activity .meh-activities__grid {
  grid-template-columns: 1fr;
}
.meh-d8-activity .meh-activities__card {
  min-height: 0;
  gap: 16px;
  padding: 24px;
  background: #fff;
}
.meh-d8-activity .meh-activities__number {
  flex-basis: 40px;
  width: 40px;
  min-height: 40px;
  font-size: 12px;
}
.meh-d8-activity .meh-activities__text {
  padding-top: 4px;
}

/* Members: flag tiles. */
.meh-d8-members__grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 16px;
  margin-bottom: 40px;
}
.meh-d8-member {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 16px;
  border: 1px solid #e2e6f8;
  border-radius: 16px;
  color: #1b1b1b;
  background: #f8faff;
  text-decoration: none;
  transition: border-color .2s ease,transform .2s ease;
}
.meh-d8-member:hover {
  border-color: #007afc;
  color: #1b1b1b;
  transform: translateY(-4px);
}
.meh-d8-member__code {
  display: block;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: .02em;
}
.meh-d8-member__name {
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}
.meh-d8-members__more {
  text-align: center;
}
.meh-d8-members__more a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 32px;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg,#007afc,#31c4f3);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: opacity .2s ease;
}
.meh-d8-members__more a:hover {
  color: #fff;
  opacity: .9;
}
.meh-d8-activity .meh-activities__card:nth-child(odd) .meh-activities__number {
  background: linear-gradient(135deg,#007afc,#31c4f3);
}
.meh-d8-activity .meh-activities__card:nth-child(even) .meh-activities__number {
  background: linear-gradient(135deg,#0a2463,#007afc);
}

.meh-dark .meh-d8about__intro,
.meh-dark .meh-d8-members {
  background: #0d0f14;
}
.meh-dark .meh-d8-activity {
  background: #111628;
}
.meh-dark .meh-d8about__goal,
.meh-dark .meh-d8-member,
.meh-dark .meh-d8-activity .meh-activities__card {
  border-color: #1e2640;
  background: #141824;
}
.meh-dark .meh-d8about__richtext,
.meh-dark .meh-d8about__goal-text {
  color: #94a3b8;
}
.meh-dark .meh-d8-section__title,
.meh-dark .meh-d8-member {
  color: #f0f4ff;
}
@media(min-width:768px) {
  .meh-d8-activity .meh-activities__grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .meh-d8-members__grid {
    grid-template-columns: repeat(5,minmax(0,1fr));
  }
}
@media(min-width:1024px) {
  .meh-d8about__grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 56px;
  }
  .meh-d8-activity .meh-activities__grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .meh-d8-members__grid {
    grid-template-columns: repeat(9,minmax(0,1fr));
  }
}


/* D-8 members page (grid/d8-members self). Hero reuses .meh-intl__hero. */
.meh-d8m__map {
  position: relative;
  overflow: hidden;
  padding: 60px 0;
  background: linear-gradient(160deg,#0a2463 0%,#063a91 50%,#052c72 100%);
}
.meh-d8m__map-pattern {
  position: absolute;
  inset: 0;
  opacity: .08;
  background-image: radial-gradient(circle,rgba(255,255,255,.5) 1px,transparent 1px);
  background-size: 24px 24px;
}
.meh-d8m__map-layout {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  align-items: stretch;
  gap: 24px;
}
.meh-d8m__map-card,
.meh-d8m__panel {
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 24px;
  background: linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.04));
  backdrop-filter: blur(12px);
}
.meh-d8m__map-card {
  position: relative;
  min-height: 420px;
  overflow: hidden;
  padding: 24px;
}
.meh-d8m__svg {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 360px;
}
.meh-d8m__legend {
  position: absolute;
  bottom: 20px;
  left: 24px;
  display: flex;
  gap: 18px;
  color: rgba(255,255,255,.72);
  font-size: 12px;
}
.meh-d8m__legend span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.meh-d8m__dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #31c4f3;
}
.meh-d8m__dot--selected {
  background: #fff;
  box-shadow: 0 0 8px rgba(49,196,243,.9);
}
.meh-d8m__panel {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 28px;
}
.meh-d8m__panel-label {
  display: block;
  margin-bottom: 6px;
  color: #31c4f3;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.meh-d8m__panel-hint {
  margin: 0;
  color: rgba(255,255,255,.65);
  font-size: 13px;
  line-height: 1.5;
}
.meh-d8m__list {
  display: flex;
  max-height: 380px;
  flex-direction: column;
  gap: 7px;
  overflow-y: auto;
}
.meh-d8m__item {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border: 1.5px solid rgba(255,255,255,.14);
  border-radius: 12px;
  color: #fff;
  background: rgba(255,255,255,.07);
  text-align: left;
  transition: all .18s ease;
}
.meh-d8m__item:hover {
  border-color: rgba(255,255,255,.35);
  background: rgba(255,255,255,.12);
}
.meh-d8m__item.is-active {
  border-color: #31c4f3;
  background: rgba(49,196,243,.18);
}
.meh-d8m__item-flag {
  display: flex;
  width: 30px;
  height: 22px;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 800;
}
.meh-d8m__item-flag img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.meh-d8m__item-text {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
}
.meh-d8m__item-name {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}
.meh-d8m__item-sub {
  margin-top: 1px;
  color: rgba(255,255,255,.52);
  font-size: 11px;
}
.world-country {
  fill: rgba(233,234,255,.13);
  stroke: rgba(255,255,255,.22);
  stroke-width: .65;
  vector-effect: non-scaling-stroke;
  transition: fill .22s ease;
}
.world-country.is-member {
  cursor: pointer;
  fill: #31c4f3;
  stroke: #fff;
  stroke-width: 1.3;
}
.world-country.is-member:hover {
  fill: #77ddfa;
  stroke-width: 2.2;
}
.world-country.is-selected {
  fill: #fff !important;
  stroke: #31c4f3 !important;
  stroke-width: 3 !important;
  filter: drop-shadow(0 0 10px rgba(49,196,243,.85));
}
.country-marker {
  pointer-events: none;
  fill: #fff;
  stroke: #007afc;
  stroke-width: 2.5;
}
.country-marker.is-selected {
  fill: #31c4f3;
  stroke: #fff;
}
.meh-d8m__tooltip {
  position: fixed;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 10px;
  color: #1b1b1b;
  background: #fff;
  box-shadow: 0 16px 40px rgba(0,21,65,.3);
  font-size: 14px;
  font-weight: 700;
  pointer-events: none;
}
.meh-d8m__tooltip[hidden] {
  display: none;
}
.meh-d8m__tooltip img {
  display: block;
  width: 28px;
  height: 20px;
  object-fit: contain;
}

/* Detail cards */
.meh-d8m__details {
  padding: 80px 0;
  background: #fff;
}
.meh-d8m__details-header {
  margin-bottom: 48px;
}
.meh-d8m__section-label {
  margin-bottom: 12px;
  color: #007afc;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 16px;
  text-transform: uppercase;
}
.meh-d8m__section-title {
  margin: 0;
  color: #1b1b1b;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.2;
}
.meh-d8m__cards {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.meh-d8m__card {
  overflow: hidden;
  border: 2px solid #e2e6f8;
  border-radius: 24px;
  background: #f8faff;
  transition: border-color .3s ease,box-shadow .3s ease;
}
.meh-d8m__card.is-active {
  border-color: #007afc;
  box-shadow: 0 0 0 4px rgba(0,122,252,.15);
}
.meh-d8m__card-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  padding: 24px 28px;
  background: #eef2ff;
  cursor: pointer;
}
.meh-d8m__card.is-active .meh-d8m__card-head {
  background: linear-gradient(135deg,#0a2463,#007afc);
}
.meh-d8m__flag {
  position: relative;
  display: grid;
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  place-items: center;
  overflow: hidden;
  border: 1px solid #e2e6f8;
  border-radius: 18px;
  background: #fff;
}
.meh-d8m__card.is-active .meh-d8m__flag {
  border-color: rgba(255,255,255,.25);
  background: rgba(255,255,255,.15);
}
.meh-d8m__flag img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 12px;
  object-fit: contain;
}
.meh-d8m__flag img[src=""] {
  display: none;
}
.meh-d8m__flag-code {
  color: #1b1b1b;
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
}
.meh-d8m__flag:has(img:not([src=""])) .meh-d8m__flag-code {
  display: none;
}
.meh-d8m__card.is-active .meh-d8m__flag-code {
  color: #fff;
}
.meh-d8m__card-title {
  min-width: 0;
  flex: 1;
}
.meh-d8m__badge {
  margin-bottom: 4px;
  color: #007afc;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.meh-d8m__card-title h3 {
  margin: 0;
  color: #1b1b1b;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.2;
}
.meh-d8m__card.is-active .meh-d8m__badge {
  color: #31c4f3;
}
.meh-d8m__card.is-active .meh-d8m__card-title h3 {
  color: #fff;
}
.meh-d8m__stats {
  display: flex;
  flex: 0 0 auto;
  gap: 16px;
}
.meh-d8m__stat {
  text-align: center;
}
.meh-d8m__stat-label {
  margin-bottom: 3px;
  color: #6b7280;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.meh-d8m__stat-value {
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 800;
}
.meh-d8m__card.is-active .meh-d8m__stat-label {
  color: rgba(255,255,255,.6);
}
.meh-d8m__card.is-active .meh-d8m__stat-value {
  color: #fff;
}
.meh-d8m__chev {
  flex: 0 0 auto;
  color: #6b7280;
  font-size: 18px;
  transition: transform .25s ease;
}
.meh-d8m__card.is-active .meh-d8m__chev {
  color: #fff;
  transform: rotate(180deg);
}

/* Card body: the CKEditor description is 3 (div + p/ul) pairs laid out as 3 columns. */
.meh-d8m__card-body {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  padding: 28px;
}
.meh-d8m__desc {
  display: contents;
}
.meh-d8m__desc > div {
  margin: 0 0 -10px;
  color: #007afc;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.meh-d8m__desc > p {
  margin: 0;
  color: #6b7280;
  font-size: 14px;
  line-height: 1.7;
}
.meh-d8m__desc > ul {
  display: flex;
  margin: 0;
  padding: 0;
  flex-direction: column;
  gap: 8px;
  list-style: none;
}
.meh-d8m__desc > ul > li {
  position: relative;
  padding-left: 14px;
  color: #6b7280;
  font-size: 13px;
  line-height: 1.5;
}
.meh-d8m__desc > ul > li::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #31c4f3;
}
.meh-d8m__desc > ul a {
  color: inherit;
  text-decoration: none;
}
.meh-d8m__desc > ul a::after {
  content: " \2197";
  color: #007afc;
  font-weight: 700;
}
.meh-d8m__desc > ul a:hover {
  text-decoration: underline;
}
.meh-d8m__portal {
  padding-top: 14px;
  border-top: 1px solid #e2e6f8;
}
.meh-d8m__portal-label {
  margin-bottom: 6px;
  color: #007afc;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.meh-d8m__portal a {
  color: #007afc;
  font-size: 13px;
  font-weight: 700;
  word-break: break-all;
}

.meh-dark .meh-d8m__details {
  background: #0d0f14;
}
.meh-dark .meh-d8m__section-title,
.meh-dark .meh-d8m__card-title h3,
.meh-dark .meh-d8m__stat-value {
  color: #f0f4ff;
}
.meh-dark .meh-d8m__card {
  border-color: #1e2640;
  background: #141824;
}
.meh-dark .meh-d8m__card.is-active {
  border-color: #007afc;
}
.meh-dark .meh-d8m__card-head {
  background: #1a2035;
}
.meh-dark .meh-d8m__flag {
  border-color: #1e2640;
  background: rgba(255,255,255,.07);
}
.meh-dark .meh-d8m__flag-code {
  color: #f0f4ff;
}
.meh-dark .meh-d8m__card.is-active .meh-d8m__card-head {
  background: linear-gradient(135deg,#0a2463,#007afc);
}
.meh-dark .meh-d8m__card.is-active .meh-d8m__card-title h3,
.meh-dark .meh-d8m__card.is-active .meh-d8m__stat-value {
  color: #fff;
}
.meh-dark .meh-d8m__stat-label,
.meh-dark .meh-d8m__chev,
.meh-dark .meh-d8m__desc > p,
.meh-dark .meh-d8m__desc > ul > li {
  color: #94a3b8;
}
.meh-dark .meh-d8m__card.is-active .meh-d8m__stat-label {
  color: rgba(255,255,255,.6);
}
.meh-dark .meh-d8m__portal {
  border-top-color: #1e2640;
}
@media(min-width:900px) {
  .meh-d8m__card-body {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .meh-d8m__desc > div {
    grid-row: 1;
  }
  .meh-d8m__desc > p,
  .meh-d8m__desc > ul {
    grid-row: 2;
  }
  .meh-d8m__desc > :nth-child(1),
  .meh-d8m__desc > :nth-child(2) {
    grid-column: 1;
  }
  .meh-d8m__desc > :nth-child(3),
  .meh-d8m__desc > :nth-child(4) {
    grid-column: 2;
  }
  .meh-d8m__desc > :nth-child(5),
  .meh-d8m__desc > :nth-child(6) {
    grid-column: 3;
  }
  .meh-d8m__portal {
    grid-column: 3;
    grid-row: 3;
  }
}
@media(min-width:992px) {
  .meh-d8m__map-layout {
    grid-template-columns: minmax(0,1.8fr) minmax(280px,.7fr);
  }
}
@media(max-width:767px) {
  .meh-d8m__card-head {
    padding: 20px;
  }
  .meh-d8m__stats {
    order: 3;
    width: 100%;
  }
  .meh-d8m__chev {
    margin-left: auto;
  }
}


/* D-8 MEC activity (grid/d8-activity). Hero / detail reuse .meh-intl__* and .meh-intl-detail__*. */
.meh-d8act__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
/* The detail renders inside self.tpl's DATA, so the card grid must step aside. */
.meh-intl:has(.meh-intl-detail) .meh-d8act__grid {
  display: block;
}
.meh-d8act-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #e2e6f8;
  border-radius: 16px;
  color: inherit;
  background: #f8faff;
  text-decoration: none;
  transition: transform .3s ease;
}
.meh-d8act-card:hover {
  color: inherit;
  transform: translateY(-4px);
}
.meh-d8act-card__accent {
  display: block;
  height: 6px;
  flex: 0 0 6px;
  background: linear-gradient(90deg,#007afc,#31c4f3);
}
.meh-d8act-card[data-status="past"] .meh-d8act-card__accent {
  background: linear-gradient(90deg,#0a2463,#007afc);
}
.meh-d8act-card__visual {
  height: 180px;
  flex: 0 0 180px;
  margin: 0;
  overflow: hidden;
  background: #e9eef9;
}
.meh-d8act-card__visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .4s ease;
}
.meh-d8act-card:hover .meh-d8act-card__visual img {
  transform: scale(1.05);
}
.meh-d8act-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
}
.meh-d8act-card__title {
  flex: 1;
  margin: 0;
  color: #1b1b1b;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.375;
}
.meh-d8act-card__summary {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #6b7280;
  font-size: 14px;
  line-height: 1.625;
}
.meh-d8act-card__summary p {
  margin: 0;
}
.meh-d8act-card__meta {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 16px;
  border-top: 1px solid #e2e6f8;
}
.meh-d8act-card__meta-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #6b7280;
  font-size: 12px;
  line-height: 16px;
}
.meh-d8act-card__meta-item > i {
  flex: 0 0 auto;
  color: #007afc;
}
.meh-d8act-card__meta-item > span {
  font-weight: 600;
}
.meh-d8act-card__more {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #007afc;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  transition: gap .2s ease;
}
.meh-d8act-card:hover .meh-d8act-card__more {
  gap: 12px;
}

/* Detail: attached documents. */
.meh-d8act-files {
  max-width: 780px;
  margin-bottom: 56px;
}
.meh-d8act-files:not(:has(.meh-d8act-file)) {
  display: none;
}
.meh-d8act-files__label {
  margin-bottom: 20px;
  color: #007afc;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 16px;
  text-transform: uppercase;
}
.meh-d8act-files__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.meh-d8act-file {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  border: 1px solid #e2e6f8;
  border-radius: 16px;
  color: inherit;
  background: #f8faff;
  text-decoration: none;
  transition: transform .2s ease;
}
.meh-d8act-file:hover {
  color: inherit;
  transform: translateY(-2px);
}
.meh-d8act-file__icon {
  display: flex;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg,#e53e3e,#c53030);
  font-size: 20px;
}
.meh-d8act-file__info {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: 2px;
}
.meh-d8act-file__name {
  overflow: hidden;
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color .2s ease;
}
.meh-d8act-file:hover .meh-d8act-file__name {
  color: #007afc;
}
.meh-d8act-file__meta {
  color: #6b7280;
  font-size: 12px;
  text-transform: uppercase;
}
.meh-d8act-file__download {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  color: #007afc;
  font-size: 12px;
  font-weight: 700;
}

.meh-dark .meh-d8act-card,
.meh-dark .meh-d8act-file {
  border-color: #1e2640;
  background: #141824;
}
.meh-dark .meh-d8act-card__visual {
  background: #111628;
}
.meh-dark .meh-d8act-card__meta {
  border-top-color: #1e2640;
}
.meh-dark .meh-d8act-card__title,
.meh-dark .meh-d8act-file__name {
  color: #f0f4ff;
}
.meh-dark .meh-d8act-card__summary,
.meh-dark .meh-d8act-card__meta-item,
.meh-dark .meh-d8act-file__meta {
  color: #94a3b8;
}
@media(min-width:768px) {
  .meh-d8act__grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media(min-width:1024px) {
  .meh-d8act__grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}


/* News (grid/news-meh). The list reuses .meh-event-card; the accent gradient cycles as in the React list. */
.meh-news-card:nth-child(4n+1) .meh-event-card__accent {
  background: linear-gradient(90deg,#0a2463 0%,#007afc 60%,#31c4f3 100%);
}
.meh-news-card:nth-child(4n+2) .meh-event-card__accent {
  background: linear-gradient(90deg,#007afc,#31c4f3);
}
.meh-news-card:nth-child(4n+3) .meh-event-card__accent {
  background: linear-gradient(90deg,#31c4f3,#0a2463);
}
.meh-news-card:nth-child(4n) .meh-event-card__accent {
  background: linear-gradient(90deg,#0a2463,#007afc);
}
.meh-news-card__location:has(> span:empty),
.meh-news-pill--location:has(> span:empty) {
  display: none;
}

/* News detail: article + "other news" sidebar. */
.meh-news-detail__layout {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 40px;
}
.meh-news-detail__main {
  min-width: 0;
}
.meh-news-detail .meh-intl-detail__gallery {
  margin-bottom: 32px;
}
.meh-news-detail .meh-intl-gallery {
  height: clamp(220px,52vw,420px);
  border-radius: 16px;
}
.meh-news-detail__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 32px;
}
.meh-news-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 8px;
  color: #007afc;
  background: #e9eaff;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.meh-news-detail__content {
  color: #6b7280;
  font-size: 16px;
  line-height: 1.625;
}
.meh-news-detail__content p {
  margin: 0 0 20px;
}
.meh-news-video {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 4px;
  padding: 12px 20px;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg,#007afc,#31c4f3);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: opacity .2s ease;
}
.meh-news-video:hover {
  color: #fff;
  opacity: .9;
}
.meh-news-video[href=""] {
  display: none;
}
.meh-news-detail .meh-d8act-files {
  margin-top: 32px;
  margin-bottom: 0;
}
.meh-news-related__title {
  margin: 0 0 24px;
  color: #007afc;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 16px;
  text-transform: uppercase;
}
.meh-news-related__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.meh-news-related-card {
  display: block;
  overflow: hidden;
  border: 1px solid #e2e6f8;
  border-radius: 12px;
  color: inherit;
  background: #f8faff;
  text-decoration: none;
  transition: transform .2s ease;
}
.meh-news-related-card:hover {
  color: inherit;
  transform: translateY(-2px);
}
.meh-news-related-card__visual {
  height: 120px;
  margin: 0;
  overflow: hidden;
  background: #e9eef9;
}
.meh-news-related-card__visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}
.meh-news-related-card:hover .meh-news-related-card__visual img {
  transform: scale(1.04);
}
.meh-news-related-card__body {
  padding: 16px;
}
.meh-news-related-card__date {
  margin-bottom: 4px;
  color: #6b7280;
  font-size: 12px;
}
.meh-news-related-card__title {
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.375;
}
.meh-dark .meh-news-pill {
  background: #1e2640;
}
.meh-dark .meh-news-detail__content,
.meh-dark .meh-news-related-card__date {
  color: #94a3b8;
}
.meh-dark .meh-news-related-card {
  border-color: #1e2640;
  background: #141824;
}
.meh-dark .meh-news-related-card__visual {
  background: #111628;
}
.meh-dark .meh-news-related-card__title {
  color: #f0f4ff;
}
@media(min-width:1024px) {
  .meh-news-detail__layout {
    grid-template-columns: minmax(0,2fr) minmax(0,1fr);
  }
  .meh-news-detail__aside > * {
    position: sticky;
    top: 96px;
  }
}


/* Photo gallery (photos/gallery-meh + gallery/albums/default). */
.meh-gallery__back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  color: #007afc;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.meh-gallery__back:hover {
  color: #0a2463;
}
.meh-gallery__album-title {
  margin: 0 0 32px;
  color: #1b1b1b;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.3;
}
.meh-gallery-albums {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.meh-gallery-album {
  overflow: hidden;
  border: 1px solid #e2e6f8;
  border-radius: 16px;
  background: #f8faff;
  transition: transform .3s ease;
}
.meh-gallery-album:hover {
  transform: translateY(-4px);
}
.meh-gallery-album__link {
  display: block;
  color: inherit;
  text-decoration: none;
}
.meh-gallery-album__link:hover {
  color: inherit;
}
.meh-gallery-album__media {
  position: relative;
  height: 160px;
  overflow: hidden;
  background: linear-gradient(135deg,#0a2463,#007afc);
}
.meh-gallery-album:nth-child(4n+2) .meh-gallery-album__media {
  background: linear-gradient(135deg,#007afc,#31c4f3);
}
.meh-gallery-album:nth-child(4n+3) .meh-gallery-album__media {
  background: linear-gradient(135deg,#31c4f3,#0a2463);
}
.meh-gallery-album:nth-child(4n) .meh-gallery-album__media {
  background: linear-gradient(135deg,#0a2463,#31c4f3);
}
.meh-gallery-album__media img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}
.meh-gallery-album__media img[src=""] {
  display: none;
}
.meh-gallery-album:hover .meh-gallery-album__media img {
  transform: scale(1.05);
}
.meh-gallery-album__body {
  padding: 20px;
}
.meh-gallery-album__title {
  margin: 0 0 4px;
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.375;
}
.meh-gallery-album__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
  font-size: 12px;
  line-height: 16px;
}
.meh-gallery-album__date {
  color: #6b7280;
}
.meh-gallery-album__count {
  color: #007afc;
  font-weight: 700;
}
.meh-gallery__data:has(> .meh-gallery-photo) {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
}
.meh-gallery-photo {
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 12px;
  background: linear-gradient(135deg,#0a2463,#007afc);
}
.meh-gallery-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}
.meh-gallery-photo:hover img {
  transform: scale(1.05);
}
.meh-gallery-videos {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.meh-gallery-video {
  overflow: hidden;
  border: 1px solid #e2e6f8;
  border-radius: 16px;
  background: #f8faff;
}
.meh-gallery-video {
  transition: transform .3s ease;
}
.meh-gallery-video:hover {
  transform: translateY(-4px);
}
.meh-gallery-video__link {
  display: block;
  color: inherit;
  text-decoration: none;
}
.meh-gallery-video__link:hover {
  color: inherit;
}
.meh-gallery-video__thumb {
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: linear-gradient(135deg,#0a2463,#007afc);
}
.meh-gallery-video__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}
.meh-gallery-video:hover .meh-gallery-video__thumb img {
  transform: scale(1.05);
}
.meh-gallery-video__thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg,rgba(0,122,252,.25),rgba(10,36,99,.45));
  transition: opacity .3s ease;
}
.meh-gallery-video:hover .meh-gallery-video__thumb::after {
  opacity: .6;
}
.meh-gallery-video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: flex;
  width: 64px;
  height: 64px;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(255,255,255,.5);
  border-radius: 50%;
  color: #fff;
  background: rgba(255,255,255,.2);
  backdrop-filter: blur(4px);
  font-size: 24px;
  transform: translate(-50%,-50%);
  transition: transform .3s ease,background .3s ease;
}
.meh-gallery-video__play i {
  margin-left: 4px;
}
.meh-gallery-video:hover .meh-gallery-video__play {
  background: rgba(255,255,255,.3);
  transform: translate(-50%,-50%) scale(1.1);
}
.meh-gallery-video__body {
  display: block;
  padding: 20px;
}
.meh-gallery-video__title {
  margin: 0 0 8px;
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.375;
}
.meh-gallery-video__date {
  display: block;
  color: #6b7280;
  font-size: 12px;
  line-height: 16px;
}
.meh-dark .meh-gallery-video {
  border-color: #1e2640;
  background: #141824;
}
.meh-dark .meh-gallery-video__title {
  color: #f0f4ff;
}
.meh-dark .meh-gallery-video__date {
  color: #94a3b8;
}
.meh-dark .meh-gallery__album-title,
.meh-dark .meh-gallery-album__title {
  color: #f0f4ff;
}
.meh-dark .meh-gallery-album {
  border-color: #1e2640;
  background: #141824;
}
.meh-dark .meh-gallery-album__date {
  color: #94a3b8;
}
@media(min-width:768px) {
  .meh-gallery-albums,
  .meh-gallery-videos {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .meh-gallery__data:has(> .meh-gallery-photo) {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}
@media(min-width:1024px) {
  .meh-gallery-videos {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .meh-gallery-albums {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
  .meh-gallery__data:has(> .meh-gallery-photo) {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
}


/* Contact page (form/contact). The form markup comes from FormHtmlRenderer (.eravel-form*). */
.meh-contact__body {
  padding: 80px 0;
  background: #f4f6fb;
}
.meh-contact__layout {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 32px;
}
.meh-contact__info {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 20px;
}
.meh-contact__item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px;
  border: 1px solid #e2e6f8;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 2px 12px rgba(0,122,252,.06);
  transition: transform .2s ease;
}
.meh-contact__item:hover {
  transform: translateY(-2px);
}
.meh-contact__icon {
  display: flex;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg,#007afc,#31c4f3);
  font-size: 20px;
}
.meh-contact__text {
  min-width: 0;
}
.meh-contact__label {
  margin-bottom: 4px;
  color: #007afc;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;
  line-height: 16px;
  text-transform: uppercase;
}
.meh-contact__value {
  display: block;
  margin-bottom: 2px;
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.4;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.meh-contact__sub {
  display: block;
  color: #6b7280;
  font-size: 12px;
  line-height: 1.5;
  text-decoration: none;
}
a.meh-contact__value:hover,
a.meh-contact__sub:hover {
  color: #007afc;
}
.meh-contact__map {
  height: 260px;
  overflow: hidden;
  border: 1px solid #e2e6f8;
  border-radius: 16px;
}
.meh-contact__map iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Form card: intro, fields, then "required note" (left) + submit (right) on one row. */
.meh-contact__card {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-content: start;
  padding: 32px;
  border: 1px solid #e2e6f8;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 24px rgba(0,122,252,.08);
}
.meh-contact__intro {
  grid-column: 1 / -1;
  grid-row: 1;
  margin-bottom: 20px;
}
.meh-contact__intro p {
  margin: 0 0 4px;
  color: #007afc;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;
  line-height: 16px;
  text-transform: uppercase;
}
.meh-contact__intro h3 {
  margin: 0;
  color: #1b1b1b;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.3;
}
.meh-contact__form,
.meh-contact__form .eravel-form {
  display: contents;
}
.meh-contact__form .eravel-form__message {
  grid-column: 1 / -1;
  grid-row: 2;
}
.meh-contact__form .eravel-form__message[hidden] {
  display: none;
}
.meh-contact__form .eravel-form__fields {
  display: grid;
  grid-column: 1 / -1;
  grid-row: 3;
  grid-template-columns: repeat(12,minmax(0,1fr));
  gap: 20px;
  margin-bottom: 20px;
}
.meh-contact__form .eravel-form__field {
  grid-column: span 12;
  min-width: 0;
}
.meh-contact__form .eravel-form__field[hidden] {
  display: none;
}
.meh-contact__form .eravel-form__label {
  display: block;
  margin-bottom: 8px;
  color: #6b7280;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}
.meh-contact__form .eravel-form__required {
  margin-left: 2px;
}
.meh-contact__form .eravel-form__required[hidden] {
  display: none;
}
.meh-contact__form input[type="text"],
.meh-contact__form input[type="email"],
.meh-contact__form input[type="tel"],
.meh-contact__form input[type="number"],
.meh-contact__form input[type="date"],
.meh-contact__form select,
.meh-contact__form textarea {
  display: block;
  width: 100%;
  padding: 13px 16px;
  border: 1.5px solid #e2e6f8;
  border-radius: 12px;
  color: #1b1b1b;
  background: #f8faff;
  font: inherit;
  font-size: 14px;
  line-height: 1.5;
  outline: none;
  transition: border-color .2s ease;
}
.meh-contact__form textarea {
  min-height: 160px;
  resize: none;
}
.meh-contact__form input:focus,
.meh-contact__form select:focus,
.meh-contact__form textarea:focus {
  border-color: #007afc;
}
.meh-contact__form .is-invalid {
  border-color: #e53e3e !important;
}
.meh-contact__form .eravel-form__error {
  margin-top: 6px;
  color: #e53e3e;
  font-size: 12px;
  line-height: 1.4;
}
.meh-contact__form .eravel-form__error[hidden] {
  display: none;
}
.meh-contact__form .eravel-form__submit {
  display: inline-flex;
  grid-column: 2;
  grid-row: 4;
  align-items: center;
  justify-self: end;
  gap: 10px;
  padding: 14px 32px;
  border: 0;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg,#007afc,#31c4f3);
  box-shadow: 0 4px 16px rgba(0,122,252,.35);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  transition: opacity .2s ease,transform .2s ease;
}
.meh-contact__form .eravel-form__submit::after {
  content: "\f1d8";
  font-family: "Font Awesome 6 Pro";
  font-size: 15px;
  font-weight: 400;
}
.meh-contact__form .eravel-form__submit:hover {
  opacity: .9;
  transform: translateY(-2px);
}
.meh-contact__form .eravel-form__submit:disabled,
.meh-contact__form .eravel-form__submit[aria-busy="true"] {
  opacity: .6;
  pointer-events: none;
}
.meh-contact__required {
  grid-column: 1;
  grid-row: 4;
  align-self: center;
  margin: 0;
  color: #6b7280;
  font-size: 12px;
  line-height: 16px;
}
.meh-contact__form .eravel-form__message[data-status="error"] {
  margin-bottom: 20px;
  padding: 12px 16px;
  border-radius: 12px;
  color: #c53030;
  background: #fff5f5;
  font-size: 14px;
}

/* Success state replaces the form, as in the React design. */
.meh-contact__card:has([data-form-message][data-status="success"]) .meh-contact__intro,
.meh-contact__card:has([data-form-message][data-status="success"]) .eravel-form__fields,
.meh-contact__card:has([data-form-message][data-status="success"]) .eravel-form__submit,
.meh-contact__card:has([data-form-message][data-status="success"]) .meh-contact__required {
  display: none;
}
.meh-contact__form .eravel-form__message[data-status="success"] {
  padding: 64px 0;
  text-align: center;
}
.meh-contact__form .eravel-form__message[data-status="success"]::before {
  content: "\f00c";
  display: flex;
  width: 80px;
  height: 80px;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg,#007afc,#31c4f3);
  font-family: "Font Awesome 6 Pro";
  font-size: 36px;
  font-weight: 400;
}
.meh-contact__form .eravel-form__message[data-status="success"] h3 {
  margin: 0 0 12px;
  color: #1b1b1b;
  font-size: 24px;
  font-weight: 900;
}
.meh-contact__form .eravel-form__message[data-status="success"] p {
  margin: 0 0 32px;
  color: #6b7280;
  font-size: 14px;
}
.meh-contact__new {
  padding: 10px 24px;
  border: 2px solid #007afc;
  border-radius: 12px;
  color: #007afc;
  background: transparent;
  font-size: 14px;
  font-weight: 700;
  transition: opacity .2s ease;
}
.meh-contact__new:hover {
  opacity: .8;
}

.meh-dark .meh-contact__body {
  background: #0d0f14;
}
.meh-dark .meh-contact__item,
.meh-dark .meh-contact__card,
.meh-dark .meh-contact__map {
  border-color: #1e2640;
  background: #141824;
  box-shadow: none;
}
.meh-dark .meh-contact__map {
  background: transparent;
}
.meh-dark .meh-contact__map iframe {
  filter: invert(90%) hue-rotate(180deg) !important;
}
.meh-dark .meh-contact__value,
.meh-dark .meh-contact__intro h3,
.meh-dark .meh-contact__form .eravel-form__message[data-status="success"] h3 {
  color: #f0f4ff;
}
.meh-dark .meh-contact__sub,
.meh-dark .meh-contact__required,
.meh-dark .meh-contact__form .eravel-form__label,
.meh-dark .meh-contact__form .eravel-form__message[data-status="success"] p {
  color: #94a3b8;
}
.meh-dark .meh-contact__form input[type="text"],
.meh-dark .meh-contact__form input[type="email"],
.meh-dark .meh-contact__form input[type="tel"],
.meh-dark .meh-contact__form input[type="number"],
.meh-dark .meh-contact__form input[type="date"],
.meh-dark .meh-contact__form select,
.meh-dark .meh-contact__form textarea {
  border-color: #1e2640;
  color: #f0f4ff;
  background: #0d0f14;
}
/* 404 page (common/404.tpl). Reuses the .meh-intl__pattern / __shade hero layers. */
.meh-404__hero {
  position: relative;
  display: flex;
  min-height: min(760px,100vh);
  align-items: center;
  overflow: hidden;
  padding: 120px 0 96px;
  background: linear-gradient(135deg,#0a2463 0%,#007afc 60%,#31c4f3 100%);
}
.meh-404__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.meh-404__code {
  margin: 0 0 8px;
  color: transparent;
  background: linear-gradient(135deg,#fff 20%,#31c4f3 100%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: clamp(110px,22vw,240px);
  font-weight: 900;
  letter-spacing: -.04em;
  line-height: .95;
}
.meh-404__title {
  margin: 0 0 16px;
  color: #fff;
  font-size: clamp(30px,5vw,52px);
  font-weight: 900;
  line-height: 1.15;
}
.meh-404__text {
  max-width: 560px;
  margin: 0 0 36px;
  color: rgba(255,255,255,.75);
  font-size: 18px;
  line-height: 1.6;
}
.meh-404__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}
.meh-404__home {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  border-radius: 12px;
  color: #0a2463;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0,21,65,.25);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  transition: transform .2s ease,background .2s ease;
}
.meh-404__home:hover {
  color: #0a2463;
  background: #e9eaff;
  transform: translateY(-2px);
}
.meh-404__search {
  display: flex;
  min-width: 260px;
  overflow: hidden;
  border: 1.5px solid rgba(255,255,255,.3);
  border-radius: 12px;
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(8px);
}
.meh-404__search input {
  min-width: 0;
  flex: 1;
  padding: 13px 16px;
  border: 0;
  color: #fff;
  background: transparent;
  font: inherit;
  font-size: 14px;
  outline: none;
}
.meh-404__search input::placeholder {
  color: rgba(255,255,255,.65);
}
.meh-404__search button {
  padding: 0 18px;
  border: 0;
  color: #fff;
  background: rgba(255,255,255,.16);
  transition: background .2s ease;
}
.meh-404__search button:hover {
  background: rgba(255,255,255,.3);
}
@media(max-width:575px) {
  .meh-404__hero {
    padding: 100px 0 72px;
  }
  .meh-404__actions,
  .meh-404__search {
    width: 100%;
  }
  .meh-404__home {
    justify-content: center;
    width: 100%;
  }
}

/* Search page (common/search.tpl + common/search-grids.tpl). */
.meh-search-page__body {
  padding: 64px 0 80px;
  background: #fff;
}
.meh-search-page__form {
  display: flex;
  max-width: 760px;
  gap: 12px;
  margin-bottom: 24px;
}
.meh-search-page__form input[type="search"] {
  min-width: 0;
  flex: 1;
  padding: 14px 18px;
  border: 1.5px solid #e2e6f8;
  border-radius: 12px;
  color: #1b1b1b;
  background: #f8faff;
  font: inherit;
  font-size: 15px;
  outline: none;
  transition: border-color .2s ease;
}
.meh-search-page__form input[type="search"]:focus {
  border-color: #007afc;
}
.meh-search-page__form button {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  border: 0;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg,#007afc,#31c4f3);
  box-shadow: 0 4px 16px rgba(0,122,252,.35);
  font-size: 14px;
  font-weight: 700;
  transition: opacity .2s ease,transform .2s ease;
}
.meh-search-page__form button:hover {
  opacity: .9;
  transform: translateY(-2px);
}
.meh-search-page__count {
  margin: 0 0 32px;
  color: #6b7280;
  font-size: 14px;
}
.meh-search-page__count strong {
  color: #007afc;
  font-weight: 800;
}
.meh-search-page__results {
  display: flex;
  max-width: 960px;
  flex-direction: column;
  gap: 16px;
}
.meh-search-page__empty {
  display: none;
  max-width: 960px;
  margin: 0;
  padding: 48px 24px;
  border: 1px dashed #e2e6f8;
  border-radius: 16px;
  color: #6b7280;
  text-align: center;
}
.meh-search-page__results:empty + .meh-search-page__empty {
  display: block;
}
.meh-search-result {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 24px 28px 24px 32px;
  border: 1px solid #e2e6f8;
  border-radius: 16px;
  color: inherit;
  background: #f8faff;
  text-decoration: none;
  transition: transform .2s ease,border-color .2s ease;
}
.meh-search-result::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 6px;
  background: linear-gradient(180deg,#007afc,#31c4f3);
}
.meh-search-result:hover {
  border-color: rgba(0,122,252,.4);
  color: inherit;
  transform: translateY(-2px);
}
.meh-search-result__type {
  display: inline-block;
  margin-bottom: 10px;
  padding: 4px 10px;
  border-radius: 8px;
  color: #007afc;
  background: #e9eaff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 16px;
  text-transform: uppercase;
}
.meh-search-result__title {
  margin: 0 0 8px;
  color: #1b1b1b;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.35;
  transition: color .2s ease;
}
.meh-search-result:hover .meh-search-result__title {
  color: #007afc;
}
.meh-search-result__description {
  display: -webkit-box;
  overflow: hidden;
  margin: 0 0 14px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #6b7280;
  font-size: 14px;
  line-height: 1.65;
}
.meh-search-result__description:empty {
  display: none;
}
.meh-search-result__more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #007afc;
  font-size: 12px;
  font-weight: 700;
  transition: gap .2s ease;
}
.meh-search-result:hover .meh-search-result__more {
  gap: 12px;
}
.meh-search-page__pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}
.meh-search-page__pagination:empty {
  display: none;
}
.meh-search-page__pagination a {
  padding: 10px 24px;
  border: 2px solid #007afc;
  border-radius: 12px;
  color: #007afc;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s ease,color .2s ease;
}
.meh-search-page__pagination a:hover {
  color: #fff;
  background: #007afc;
}
.meh-dark .meh-search-page__body {
  background: #0d0f14;
}
.meh-dark .meh-search-page__form input[type="search"] {
  border-color: #1e2640;
  color: #f0f4ff;
  background: #141824;
}
.meh-dark .meh-search-result {
  border-color: #1e2640;
  background: #141824;
}
.meh-dark .meh-search-result__type {
  background: #1e2640;
}
.meh-dark .meh-search-result__title {
  color: #f0f4ff;
}
.meh-dark .meh-search-page__count,
.meh-dark .meh-search-result__description,
.meh-dark .meh-search-page__empty {
  color: #94a3b8;
}
.meh-dark .meh-search-page__empty {
  border-color: #1e2640;
}
@media(max-width:575px) {
  .meh-search-page__form {
    flex-direction: column;
  }
  .meh-search-page__form button {
    justify-content: center;
  }
}
@media(min-width:640px) {
  .meh-contact__form .eravel-form__field {
    grid-column: span var(--eravel-field-width,12);
  }
}
@media(min-width:1024px) {
  .meh-contact__layout {
    grid-template-columns: minmax(0,2fr) minmax(0,3fr);
  }
}


/* Home page sections: shared heading + partners marquee + useful links (logos/home-partners, logos/home-links). */
.meh-home-head {
  margin-bottom: 40px;
}
.meh-home-head--center {
  text-align: center;
}
.meh-home-label {
  margin-bottom: 12px;
  color: #007afc;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 16px;
  text-transform: uppercase;
}
.meh-home-title {
  margin: 0;
  color: #1b1b1b;
  font-size: clamp(28px,3.4vw,44px);
  font-weight: 900;
  line-height: 1.15;
}
.meh-home-partners {
  padding: 80px 0 72px;
  background: #e9eaff;
}
.meh-marquee {
  position: relative;
  overflow: hidden;
}
.meh-marquee::before,
.meh-marquee::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 96px;
  pointer-events: none;
}
.meh-marquee::before {
  left: 0;
  background: linear-gradient(to right,#e9eaff,transparent);
}
.meh-marquee::after {
  right: 0;
  background: linear-gradient(to left,#e9eaff,transparent);
}
.meh-marquee__track {
  display: flex;
  width: max-content;
  animation: meh-marquee var(--meh-marquee-duration,40s) linear infinite;
}
.meh-marquee:hover .meh-marquee__track {
  animation-play-state: paused;
}
@keyframes meh-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.meh-partner {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 12px;
  margin-right: 16px;
  padding: 10px 24px 10px 16px;
  border: 1px solid #e2e6f8;
  border-radius: 999px;
  color: #6b7280;
  background: #fff;
  text-decoration: none;
  transition: border-color .3s ease,box-shadow .3s ease;
}
.meh-partner:hover {
  border-color: rgba(0,122,252,.5);
  color: #007afc;
  box-shadow: 0 6px 18px rgba(10,36,99,.08);
}
.meh-partner:not([href^="http"]) {
  pointer-events: none;
}
.meh-partner__logo {
  display: flex;
  width: 44px;
  height: 36px;
  flex: 0 0 44px;
  align-items: center;
  justify-content: center;
}
.meh-partner__logo img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.meh-partner__logo img[src=""] {
  display: none;
}
.meh-partner__name {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
.meh-partner__name:empty {
  display: none;
}
.meh-home-partners__hint {
  margin: 24px 0 0;
  color: #9ca3af;
  font-size: 12px;
  text-align: center;
}
.meh-home-links {
  padding: 96px 0;
  background: #fff;
}
.meh-home-links__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.meh-useful {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px;
  border: 1px solid #e2e6f8;
  border-radius: 16px;
  color: inherit;
  background: #f8faff;
  text-decoration: none;
  transition: transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.meh-useful:hover {
  border-color: rgba(0,122,252,.4);
  color: inherit;
  box-shadow: 0 8px 24px rgba(10,36,99,.08);
  transform: translateY(-4px);
}
.meh-useful__icon {
  display: flex;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 12px;
  color: #007afc;
  background: #e9eaff;
  transition: background .3s ease,color .3s ease;
}
.meh-useful:hover .meh-useful__icon {
  color: #fff;
  background: #007afc;
}
.meh-useful__icon img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 6px;
  object-fit: contain;
}
.meh-useful__icon img[src=""] {
  display: none;
}
.meh-useful__icon:has(img:not([src=""])) i {
  display: none;
}
.meh-useful:hover .meh-useful__icon:has(img:not([src=""])) {
  background: #e9eaff;
}
.meh-useful__body {
  display: block;
  min-width: 0;
  flex: 1;
}
.meh-useful__head {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}
.meh-useful__name {
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  transition: color .3s ease;
}
.meh-useful:hover .meh-useful__name {
  color: #007afc;
}
.meh-useful__ext {
  color: #007afc;
  font-size: 11px;
  opacity: 0;
  transition: opacity .3s ease;
}
.meh-useful:hover .meh-useful__ext {
  opacity: 1;
}
.meh-useful__desc {
  display: block;
  color: #6b7280;
  font-size: 12px;
  line-height: 1.6;
}
.meh-useful__desc p {
  margin: 0;
}
.meh-dark .meh-home-title,
.meh-dark .meh-useful__name {
  color: #f0f4ff;
}
.meh-dark .meh-home-partners {
  background: #111628;
}
.meh-dark .meh-marquee::before {
  background: linear-gradient(to right,#111628,transparent);
}
.meh-dark .meh-marquee::after {
  background: linear-gradient(to left,#111628,transparent);
}
.meh-dark .meh-partner,
.meh-dark .meh-useful {
  border-color: #1e2640;
  background: #141824;
}
.meh-dark .meh-partner {
  color: #94a3b8;
}
.meh-dark .meh-partner__logo img {
  padding: 2px;
  border-radius: 4px;
  background: #fff;
}
.meh-dark .meh-home-links {
  background: #0d0f14;
}
.meh-dark .meh-useful__icon {
  background: #1e2640;
}
.meh-dark .meh-useful__desc,
.meh-dark .meh-home-partners__hint {
  color: #94a3b8;
}
@media(min-width:640px) {
  .meh-home-links__grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media(min-width:1024px) {
  .meh-home-links__grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}
@media(prefers-reduced-motion:reduce) {
  .meh-marquee__track {
    animation: none;
  }
  .meh-marquee {
    overflow-x: auto;
  }
}


/* Home "About" (content/home-about onmain) + shared home button. */
.meh-gradient-text {
  color: transparent;
  background: linear-gradient(135deg,#007afc,#31c4f3);
  -webkit-background-clip: text;
  background-clip: text;
}
.meh-home-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(135deg,#007afc,#31c4f3);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: transform .2s ease,opacity .2s ease;
}
.meh-home-link:hover {
  color: #fff;
  opacity: .95;
  transform: translateY(-2px) scale(1.03);
}
.meh-home-about {
  padding: 80px 0;
  background: #fff;
}
.meh-home-about__layout {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  align-items: center;
  gap: 40px;
}
.meh-home-about__video .home-about__video-link {
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 16px;
  background: linear-gradient(135deg,#0a2463,#007afc);
}
.meh-home-about__video .home-about__video-cover {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}
.meh-home-about__video .home-about__video-link::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg,rgba(0,122,252,.4),rgba(10,36,99,.6));
  transition: opacity .3s ease;
}
.meh-home-about__video .home-about__video-link:hover .home-about__video-cover {
  transform: scale(1.05);
}
.meh-home-about__video .home-about__video-link:hover::after {
  opacity: .8;
}
.meh-home-about__video .home-about__play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: flex;
  width: 64px;
  height: 64px;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(255,255,255,.5);
  border-radius: 50%;
  color: #fff;
  background: rgba(255,255,255,.2);
  backdrop-filter: blur(4px);
  font-size: 26px;
  transform: translate(-50%,-50%);
  transition: transform .3s ease,background .3s ease;
}
.meh-home-about__video .home-about__play i {
  margin-left: 4px;
}
.meh-home-about__video .home-about__video-link:hover .home-about__play {
  background: rgba(255,255,255,.3);
  transform: translate(-50%,-50%) scale(1.1);
}
.meh-home-about__copy .meh-home-label {
  margin-bottom: 16px;
}
.meh-home-about__copy .meh-home-title {
  margin-bottom: 24px;
}
.meh-home-about__richtext {
  margin-bottom: 32px;
  color: #4b5563;
  font-size: 16px;
  line-height: 1.7;
}
.meh-home-about__richtext > p {
  margin: 0 0 24px;
}
.meh-home-about__richtext ul {
  display: flex;
  margin: 0;
  padding: 0;
  flex-direction: column;
  gap: 16px;
  list-style: none;
}
.meh-home-about__richtext li {
  padding-left: 12px;
  border-left: 4px solid #007afc;
  color: #6b7280;
  font-size: 14px;
  line-height: 1.6;
}
.meh-home-about__richtext li strong {
  display: block;
  margin-bottom: 4px;
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 700;
}
.meh-home-about__richtext li br {
  display: none;
}
.meh-dark .meh-home-about {
  background: #0d0f14;
}
.meh-dark .meh-home-about__richtext {
  color: #94a3b8;
}
.meh-dark .meh-home-about__richtext li strong {
  color: #f0f4ff;
}
@media(min-width:1024px) {
  .meh-home-about {
    padding: 112px 0;
  }
  .meh-home-about__layout {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 64px;
  }
}


/* Home "Directions" cards (common/home.tpl) + stretched menu link used on cards. */
.meh-intl__subtitle:empty {
  display: none;
}
.meh-home-about__richtext ul {
  margin-top: 24px;
}
.meh-home-about__cta .meh-home-link {
  display: inline-flex;
}
.meh-home-activities {
  padding: 80px 0;
  background: #e9eaff;
}
.meh-home-activities__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.meh-activity-card {
  position: relative;
  min-width: 0;
  padding: 24px;
  border: 1px solid #e9eaff;
  border-radius: 16px;
  color: #1b1b1b;
  background: #fff;
  transition: transform .3s ease;
}
.meh-activity-card:hover {
  transform: translateY(-4px);
}
.meh-activity-card__num {
  margin-bottom: 16px;
  color: rgba(0,122,252,.15);
  font-size: 48px;
  font-weight: 900;
  line-height: 1;
}
.meh-activity-card__icon {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  border-radius: 12px;
  color: #007afc;
  background: rgba(0,122,252,.1);
  font-size: 18px;
  transition: transform .3s ease;
}
.meh-activity-card:hover .meh-activity-card__icon {
  transform: scale(1.1);
}
.meh-activity-card__title {
  margin: 0 0 8px;
  color: #1b1b1b;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
}
.meh-activity-card__text {
  margin: 0;
  color: #6b7280;
  font-size: 14px;
  line-height: 1.65;
}
.meh-activity-card__arrow {
  position: absolute;
  right: 24px;
  bottom: 24px;
  display: flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: #007afc;
  font-size: 14px;
  opacity: 0;
  transform: translateX(8px);
  transition: opacity .3s ease,transform .3s ease;
}
.meh-activity-card:hover .meh-activity-card__arrow {
  opacity: 1;
  transform: translateX(0);
}
.meh-activity-card:nth-child(1),
.meh-activity-card:nth-child(5) {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg,#007afc,#31c4f3);
  overflow: hidden;
}
.meh-activity-card:nth-child(1)::after,
.meh-activity-card:nth-child(5)::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle,#fff 0%,transparent 70%);
  opacity: .2;
  pointer-events: none;
}
.meh-activity-card:nth-child(1) .meh-activity-card__num,
.meh-activity-card:nth-child(5) .meh-activity-card__num {
  color: rgba(255,255,255,.15);
}
.meh-activity-card:nth-child(1) .meh-activity-card__icon,
.meh-activity-card:nth-child(5) .meh-activity-card__icon {
  color: #fff;
  background: rgba(255,255,255,.2);
}
.meh-activity-card:nth-child(1) .meh-activity-card__title,
.meh-activity-card:nth-child(5) .meh-activity-card__title {
  color: #fff;
}
.meh-activity-card:nth-child(1) .meh-activity-card__text,
.meh-activity-card:nth-child(5) .meh-activity-card__text {
  color: rgba(255,255,255,.75);
}
.meh-activity-card:nth-child(1) .meh-activity-card__arrow,
.meh-activity-card:nth-child(5) .meh-activity-card__arrow {
  background: rgba(255,255,255,.2);
}
/* The menu link from {{M_INC-N-L1-home-link}} covers the whole card. */
.meh-activity-card .meh-home-link {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  padding: 0;
  border-radius: 16px;
  background: transparent;
  box-shadow: none;
  transform: none;
}
.meh-activity-card .meh-home-link:hover {
  background: transparent;
  transform: none;
}
.meh-activity-card .meh-home-link span,
.meh-activity-card .meh-home-link i {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
}
.meh-dark .meh-home-activities {
  background: #111628;
}
.meh-dark .meh-activity-card:not(:nth-child(1)):not(:nth-child(5)) {
  border-color: #1e2640;
  background: #141824;
}
.meh-dark .meh-activity-card:not(:nth-child(1)):not(:nth-child(5)) .meh-activity-card__title {
  color: #f0f4ff;
}
.meh-dark .meh-activity-card:not(:nth-child(1)):not(:nth-child(5)) .meh-activity-card__text {
  color: #94a3b8;
}
@media(min-width:640px) {
  .meh-home-activities__grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media(min-width:1024px) {
  .meh-home-activities {
    padding: 112px 0;
  }
  .meh-home-activities__grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .meh-activity-card {
    padding: 32px;
  }
  .meh-activity-card__arrow {
    right: 32px;
    bottom: 24px;
  }
}

/* Home news (grid/news-meh/onmain) */
.meh-home-head--split {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}
.meh-home-more {
  display: none;
  align-items: center;
  gap: 6px;
  color: #007afc;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s ease;
}
.meh-home-more:hover {
  color: #31c4f3;
}
.meh-home-news {
  padding: 80px 0;
  background: #fff;
}
.meh-home-news__grid {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 12px;
}
.meh-home-news__item {
  position: relative;
  display: flex;
  min-width: 0;
  gap: 12px;
  padding: 12px;
  border: 1px solid #f0f4ff;
  border-radius: 12px;
  background: #fff;
  transition: border-color .2s ease;
}
.meh-home-news__item:hover {
  border-color: rgba(0,122,252,.4);
}
.meh-home-news__media {
  display: block;
  width: 80px;
  height: 80px;
  flex: 0 0 80px;
  overflow: hidden;
  border-radius: 8px;
}
.meh-home-news__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease;
}
.meh-home-news__item:hover .meh-home-news__media img {
  transform: scale(1.1);
}
.meh-home-news__body {
  min-width: 0;
  flex: 1;
}
.meh-home-news__meta {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
  font-size: 10px;
}
.meh-home-news__cat {
  color: #007afc;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.meh-home-news__date {
  color: #6b7280;
}
.meh-home-news__title {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}
.meh-home-news__title a {
  display: -webkit-box;
  overflow: hidden;
  color: #1b1b1b;
  text-decoration: none;
  transition: color .2s ease;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.meh-home-news__item:hover .meh-home-news__title a {
  color: #007afc;
}
.meh-home-news__desc,
.meh-home-news__more {
  display: none;
}
.meh-home-news__all {
  padding: 8px 16px;
  border: 1px solid rgba(0,122,252,.2);
  border-radius: 12px;
  color: #007afc;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: border-color .2s ease,color .2s ease;
}
.meh-home-news__all:hover {
  border-color: rgba(0,122,252,.5);
  color: #31c4f3;
}
/* First story: large card */
.meh-home-news__item:first-child {
  display: block;
  padding: 0;
  overflow: hidden;
  border-radius: 16px;
  transition: transform .3s ease,border-color .2s ease;
}
.meh-home-news__item:first-child:hover {
  transform: translateY(-4px);
}
.meh-home-news__item:first-child .meh-home-news__media {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  border-radius: 0;
}
.meh-home-news__item:first-child:hover .meh-home-news__media img {
  transform: scale(1.05);
}
.meh-home-news__item:first-child .meh-home-news__body {
  padding: 24px;
}
.meh-home-news__item:first-child .meh-home-news__meta {
  gap: 8px;
  margin-bottom: 12px;
  font-size: 12px;
}
.meh-home-news__item:first-child .meh-home-news__cat {
  padding: 2px 10px;
  border-radius: 4px;
  color: #fff;
  background: #007afc;
  letter-spacing: 0;
  text-transform: none;
}
.meh-home-news__item .meh-home-news__cat:empty {
  display: none;
}
.meh-home-news__item:first-child .meh-home-news__title {
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 900;
}
.meh-home-news__item:first-child .meh-home-news__title a {
  display: block;
  color: #1b1b1b;
}
.meh-home-news__item:first-child .meh-home-news__desc {
  display: block;
  margin-bottom: 16px;
  color: #6b7280;
  font-size: 14px;
  line-height: 1.65;
}
.meh-home-news__item:first-child .meh-home-news__desc p {
  margin: 0;
}
.meh-home-news__item:first-child .meh-home-news__more {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #007afc;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.meh-dark .meh-home-news {
  background: var(--bg,#0b0f1a);
}
.meh-dark .meh-home-news__item {
  border-color: #1e2640;
  background: #141824;
}
.meh-dark .meh-home-news__title a,
.meh-dark .meh-home-news__item:first-child .meh-home-news__title a {
  color: #f0f4ff;
}
.meh-dark .meh-home-news__date,
.meh-dark .meh-home-news__item:first-child .meh-home-news__desc {
  color: #94a3b8;
}
@media(min-width:1024px) {
  .meh-home-news {
    padding: 112px 0;
  }
  .meh-home-more {
    display: inline-flex;
  }
  .meh-home-news__grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 16px 16px;
  }
  .meh-home-news__item:first-child {
    grid-column: 1 / span 2;
    grid-row: 1 / span 5;
  }
  .meh-home-news__item:first-child .meh-home-news__body {
    padding: 32px;
  }
  .meh-home-news__item:first-child .meh-home-news__title {
    font-size: 24px;
  }
  .meh-home-news__all {
    grid-column: 3;
  }
}

/* Home events (grid/events-meh/onmain) */
.meh-home-head--wrap {
  flex-wrap: wrap;
}
.meh-home-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 32px;
  border: 1px solid #007afc;
  border-radius: 12px;
  color: #007afc;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s ease,color .2s ease;
}
.meh-home-btn-outline:hover {
  color: #fff;
  background: #007afc;
}
.meh-home-events {
  padding: 80px 0;
  background: #e9eaff;
}
.meh-home-events__tabs {
  display: flex;
  gap: 4px;
  padding: 4px;
  border-radius: 12px;
  background: #fff;
}
.meh-home-events__tab {
  padding: 8px 16px;
  border: 0;
  border-radius: 8px;
  color: #6b7280;
  background: transparent;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: background .2s ease,color .2s ease;
}
.meh-home-events__tab.is-active {
  color: #fff;
  background: #007afc;
}
.meh-home-events__panel[hidden],
.meh-home-events__source,
.meh-home-events__empty[hidden] {
  display: none;
}
.meh-home-events__empty {
  color: #6b7280;
  text-align: center;
}
.meh-home-events__upcoming {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 12px;
}
.meh-home-events__past {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 16px;
}
.meh-home-events__all {
  margin-top: 32px;
  text-align: center;
}
.meh-hev {
  position: relative;
  min-width: 0;
  border: 1px solid #e2e6f8;
  border-radius: 16px;
  background: #fff;
  transition: transform .3s ease,border-color .2s ease;
}
.meh-hev__link {
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
}
.meh-hev__full,
.meh-hev__compact,
.meh-hev__past {
  display: none;
}
.meh-hev.is-main {
  overflow: hidden;
}
.meh-hev.is-main .meh-hev__full {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.meh-hev.is-main:hover {
  transform: translateY(-2px);
}
.meh-hev__bar {
  height: 6px;
  background: linear-gradient(90deg,#007afc,#31c4f3);
}
.meh-hev__inner {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 24px;
}
.meh-hev__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}
.meh-hev__date {
  display: flex;
  align-items: center;
  gap: 12px;
}
.meh-hev__badge {
  display: flex;
  min-width: 60px;
  flex-direction: column;
  align-items: center;
  padding: 12px 16px;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg,#007afc,#31c4f3);
}
.meh-hev__day {
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
}
.meh-hev__month {
  margin-top: 2px;
  color: rgba(255,255,255,.8);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.meh-hev__weekday {
  margin-bottom: 2px;
  color: #6b7280;
  font-size: 12px;
  font-weight: 700;
}
.meh-hev__time {
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 700;
}
.meh-hev__flags {
  display: flex;
  flex: none;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}
.meh-hev__status {
  padding: 4px 12px;
  border-radius: 999px;
  color: #10b981;
  background: rgba(16,185,129,.1);
  font-size: 12px;
  font-weight: 700;
}
.meh-hev__cat {
  padding: 2px 10px;
  border-radius: 4px;
  color: #6b7280;
  background: #e9eaff;
  font-size: 12px;
  font-weight: 700;
}
.meh-hev__cat:empty,
.meh-hev__mini-cat:empty,
.meh-hev__past-head span:empty {
  display: none;
}
.meh-hev__title {
  margin: 0 0 12px;
  color: #1b1b1b;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.25;
  transition: color .2s ease;
}
.meh-hev:hover .meh-hev__title {
  color: #007afc;
}
.meh-hev__desc {
  margin-bottom: 20px;
  color: #6b7280;
  font-size: 14px;
  line-height: 1.65;
}
.meh-hev__desc p,
.meh-hev__past-desc p {
  margin: 0;
}
.meh-hev__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 20px;
}
.meh-hev__tags:empty {
  display: none;
}
.meh-hev__tags .meh-tag {
  padding: 2px 10px;
  border: 1px solid rgba(0,122,252,.2);
  border-radius: 999px;
  color: #007afc;
  background: rgba(0,122,252,.06);
  font-size: 12px;
  font-weight: 700;
}
.meh-hev__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid #e2e6f8;
}
.meh-hev__stats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  color: #6b7280;
  font-size: 14px;
}
.meh-hev__stat {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.meh-hev__stat i {
  color: #007afc;
}
.meh-hev__stat strong {
  color: #1b1b1b;
}
.meh-hev__stat small {
  font-size: 12px;
}
.meh-hev__stat--users:has(strong:empty),
.meh-hev__stat--speakers:has(strong:empty) {
  display: none;
}
.meh-hev__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 12px;
  color: #fff;
  background: #007afc;
  font-size: 14px;
  font-weight: 700;
  transition: background .2s ease;
}
.meh-hev:hover .meh-hev__cta {
  background: #31c4f3;
}
.meh-hev.is-compact {
  padding: 16px;
}
.meh-hev.is-compact:hover {
  border-color: rgba(0,122,252,.4);
}
.meh-hev.is-compact .meh-hev__compact {
  display: flex;
  gap: 12px;
}
.meh-hev__mini {
  display: flex;
  width: 48px;
  flex: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 12px;
  color: #007afc;
  background: linear-gradient(135deg,rgba(0,122,252,.13),rgba(49,196,243,.13));
}
.meh-hev__mini-day {
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
}
.meh-hev__mini-month {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}
.meh-hev__mini-body {
  min-width: 0;
  flex: 1;
}
.meh-hev__mini-cat {
  display: inline-block;
  margin-bottom: 4px;
  padding: 2px 6px;
  border-radius: 4px;
  color: #6b7280;
  background: #e9eaff;
  font-size: 10px;
  font-weight: 700;
}
.meh-hev__mini-title {
  margin: 0 0 4px;
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  transition: color .2s ease;
}
.meh-hev:hover .meh-hev__mini-title {
  color: #007afc;
}
.meh-hev__mini-loc {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #6b7280;
  font-size: 12px;
}
.meh-hev.is-past {
  overflow: hidden;
}
.meh-hev.is-past:hover {
  transform: translateY(-4px);
}
.meh-hev.is-past .meh-hev__past {
  display: block;
}
.meh-hev__past-head {
  display: flex;
  height: 96px;
  align-items: flex-end;
  padding: 16px;
  background: linear-gradient(135deg,#0a2463,#007afc);
}
.meh-hev.is-past:nth-child(3n+2) .meh-hev__past-head {
  background: linear-gradient(135deg,#007afc,#31c4f3);
}
.meh-hev.is-past:nth-child(3n) .meh-hev__past-head {
  background: linear-gradient(135deg,#31c4f3,#0a2463);
}
.meh-hev__past-head span {
  padding: 2px 8px;
  border-radius: 4px;
  color: rgba(255,255,255,.85);
  background: rgba(255,255,255,.15);
  font-size: 12px;
  font-weight: 700;
}
.meh-hev__past-body {
  padding: 20px;
}
.meh-hev__past-meta {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
  color: #6b7280;
  font-size: 12px;
}
.meh-hev__past-title {
  margin: 0 0 8px;
  color: #1b1b1b;
  font-size: 16px;
  font-weight: 700;
  transition: color .2s ease;
}
.meh-hev:hover .meh-hev__past-title {
  color: #007afc;
}
.meh-hev__past-desc {
  display: -webkit-box;
  overflow: hidden;
  color: #6b7280;
  font-size: 12px;
  line-height: 1.65;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.meh-dark .meh-home-events {
  background: #111628;
}
.meh-dark .meh-home-events__tabs {
  background: #0d0f14;
}
.meh-dark .meh-hev {
  border-color: #1e2640;
  background: #141824;
}
.meh-dark .meh-hev__title,
.meh-dark .meh-hev__time,
.meh-dark .meh-hev__stat strong,
.meh-dark .meh-hev__mini-title,
.meh-dark .meh-hev__past-title {
  color: #f0f4ff;
}
.meh-dark .meh-hev__cat,
.meh-dark .meh-hev__mini-cat {
  color: #94a3b8;
  background: #1e2640;
}
.meh-dark .meh-hev__foot {
  border-color: #1e2640;
}
@media(min-width:640px) {
  .meh-home-events__past {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media(min-width:1024px) {
  .meh-home-events {
    padding: 112px 0;
  }
  .meh-home-events__upcoming {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px 16px;
  }
  .meh-hev.is-main {
    grid-column: 1 / span 2;
    grid-row: 1 / span 4;
  }
  .meh-hev.is-compact {
    grid-column: 3;
  }
  .meh-home-events__past {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}

/* Home publications (files/default/onmain) */
.meh-home-pubs {
  padding: 80px 0;
  background: #fff;
}
.meh-home-pubs__grid {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 8px;
}
.meh-home-pubs__all {
  margin-top: 32px;
  text-align: center;
}
.meh-home-pub {
  display: flex;
  min-width: 0;
  gap: 12px;
  padding: 12px;
  border: 1px solid #e2e6f8;
  border-radius: 12px;
  background: #f8faff;
  transition: border-color .2s ease;
}
.meh-home-pub:hover {
  border-color: rgba(0,122,252,.4);
}
.meh-home-pub__cover {
  position: relative;
  display: flex;
  width: 64px;
  flex: none;
  align-self: center;
  flex-direction: column;
  justify-content: flex-end;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 12px;
  color: #fff;
}
.meh-home-pub__cover .meh-report-card__cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.meh-home-pub__cover-text {
  position: relative;
  z-index: 1;
  padding: 6px;
}
.meh-home-pub__cover-text span {
  display: block;
  overflow: hidden;
  color: rgba(255,255,255,.8);
  font-size: 8px;
  font-weight: 900;
  line-height: 1.2;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.meh-home-pub__cover-text strong {
  display: none;
}
.meh-home-pub__body {
  display: flex;
  min-width: 0;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.meh-home-pub__text {
  min-width: 0;
  flex: 1;
}
.meh-home-pub__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  font-size: 12px;
}
.meh-home-pub__cat {
  color: #007afc;
  font-weight: 700;
}
.meh-home-pub__size {
  color: #6b7280;
}
.meh-home-pub__title {
  margin: 0 0 4px;
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  transition: color .2s ease;
}
.meh-home-pub:hover .meh-home-pub__title {
  color: #007afc;
}
.meh-home-pub__desc {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: #6b7280;
  font-size: 12px;
  line-height: 1.6;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.meh-home-pub__actions {
  display: flex;
  flex: none;
  flex-direction: column;
  gap: 6px;
}
.meh-home-pub__actions .meh-report-card__button {
  min-height: 0;
  padding: 6px 12px;
  white-space: nowrap;
}
.meh-home-pub:first-child {
  display: block;
  padding: 0;
  overflow: hidden;
  border-radius: 16px;
  transition: transform .3s ease,border-color .2s ease;
}
.meh-home-pub:first-child:hover {
  transform: translateY(-4px);
}
.meh-home-pub:first-child .meh-home-pub__cover {
  width: auto;
  margin: 12px;
  aspect-ratio: 4/3;
}
.meh-home-pub:first-child .meh-home-pub__cover-text {
  padding: 12px;
}
.meh-home-pub:first-child .meh-home-pub__cover-text span {
  margin-bottom: 4px;
  font-size: 10px;
  letter-spacing: .1em;
}
.meh-home-pub:first-child .meh-home-pub__cover-text strong {
  display: block;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.25;
}
.meh-home-pub:first-child .meh-home-pub__body {
  display: block;
  padding: 0 20px 20px;
}
.meh-home-pub:first-child .meh-home-pub__meta {
  margin-bottom: 8px;
}
.meh-home-pub:first-child .meh-home-pub__cat {
  padding: 2px 10px;
  border-radius: 4px;
  color: #fff;
  background: #007afc;
}
.meh-home-pub:first-child .meh-home-pub__title {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 900;
}
.meh-home-pub:first-child .meh-home-pub__desc {
  margin-bottom: 16px;
  font-size: 14px;
  -webkit-line-clamp: 4;
}
.meh-home-pub:first-child .meh-home-pub__actions {
  flex-direction: row;
}
.meh-home-pub:first-child .meh-home-pub__actions .meh-report-card__button {
  flex: 1;
  padding: 8px 16px;
  font-size: 14px;
}
.meh-dark .meh-home-pubs {
  background: var(--bg,#0b0f1a);
}
.meh-dark .meh-home-pub {
  border-color: #1e2640;
  background: #141824;
}
.meh-dark .meh-home-pub__title {
  color: #f0f4ff;
}
.meh-dark .meh-home-pub__size,
.meh-dark .meh-home-pub__desc {
  color: #94a3b8;
}
@media(min-width:1024px) {
  .meh-home-pubs {
    padding: 112px 0;
  }
  .meh-home-pubs__all {
    display: none;
  }
  .meh-home-pubs__grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 8px 24px;
  }
  .meh-home-pub:first-child {
    grid-row: 1 / span 4;
  }
  .meh-home-pub:not(:first-child) {
    grid-column: 2 / span 2;
  }
}

/* Home videos (videos/gallery-meh/onmain) */
.meh-home-videos {
  padding: 80px 0;
  background: #1b1b1b;
}
.meh-home-videos .meh-home-label {
  color: #31c4f3;
}
.meh-home-videos .meh-home-title {
  color: #fff;
}
.meh-home-videos .meh-home-more {
  color: #31c4f3;
}
.meh-home-videos .meh-home-more:hover {
  color: #fff;
}
.meh-home-live {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  padding: 12px 16px;
  border: 1px solid rgba(239,68,68,.4);
  border-radius: 12px;
  background: rgba(220,38,38,.2);
}
.meh-home-live.d-none,
.meh-hv--live.d-none {
  display: none;
}
.meh-home-live__dot {
  position: relative;
  width: 8px;
  height: 8px;
  flex: none;
  border-radius: 50%;
  background: #ef4444;
}
.meh-home-live__dot::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #f87171;
  animation: mehLivePing 1.4s cubic-bezier(0,0,.2,1) infinite;
}
@keyframes mehLivePing {
  75%,100% {
    opacity: 0;
    transform: scale(2.4);
  }
}
.meh-home-live__label {
  color: #f87171;
  font-size: 14px;
  font-weight: 700;
}
.meh-home-live__watch {
  margin-left: auto;
  color: #f87171;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.meh-home-live__watch:hover {
  color: #fca5a5;
}
.meh-home-videos__grid {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 12px;
}
.meh-home-videos__all {
  margin-top: 32px;
  text-align: center;
}
.meh-home-btn-outline--light {
  border-color: #31c4f3;
  color: #31c4f3;
}
.meh-home-btn-outline--light:hover {
  color: #1b1b1b;
  background: #31c4f3;
}
.meh-hv {
  display: flex;
  min-width: 0;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  color: #fff;
  background: #1e2640;
  text-decoration: none;
  transition: border-color .2s ease,transform .3s ease;
}
.meh-hv:hover {
  border-color: rgba(49,196,243,.4);
  color: #fff;
}
.meh-hv__thumb {
  position: relative;
  display: block;
  width: 112px;
  flex: none;
  align-self: flex-start;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 8px;
}
.meh-hv__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}
.meh-hv:hover .meh-hv__thumb img {
  transform: scale(1.08);
}
.meh-hv__thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.4);
  transition: background .2s ease;
}
.meh-hv:hover .meh-hv__thumb::after {
  background: rgba(0,0,0,.3);
}
.meh-hv__play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: rgba(255,255,255,.2);
  font-size: 10px;
  transform: translate(-50%,-50%);
  transition: transform .3s ease;
}
.meh-hv__play i {
  margin-left: 2px;
}
.meh-hv__badge {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 1;
  padding: 2px 8px;
  border-radius: 4px;
  color: #fff;
  background: #dc2626;
  font-size: 12px;
  font-weight: 700;
}
.meh-hv__body {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  justify-content: center;
}
.meh-hv__date {
  margin-bottom: 4px;
  color: #31c4f3;
  font-size: 11px;
  font-weight: 700;
}
.meh-hv__title {
  display: -webkit-box;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  transition: color .2s ease;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.meh-hv:hover .meh-hv__title {
  color: #31c4f3;
}
/* Featured: the live stream, otherwise the first video */
.meh-hv--live,
.meh-home-videos:not(.has-live) .meh-hv:nth-child(2) {
  display: block;
  padding: 0;
  overflow: hidden;
  border-radius: 16px;
}
.meh-hv--live:hover,
.meh-home-videos:not(.has-live) .meh-hv:nth-child(2):hover {
  transform: translateY(-4px);
}
.meh-hv--live .meh-hv__thumb,
.meh-home-videos:not(.has-live) .meh-hv:nth-child(2) .meh-hv__thumb {
  width: 100%;
  border-radius: 0;
}
.meh-hv--live .meh-hv__play,
.meh-home-videos:not(.has-live) .meh-hv:nth-child(2) .meh-hv__play {
  width: 64px;
  height: 64px;
  border: 2px solid rgba(255,255,255,.6);
  background: rgba(255,255,255,.2);
  backdrop-filter: blur(4px);
  font-size: 24px;
}
.meh-hv--live:hover .meh-hv__play,
.meh-home-videos:not(.has-live) .meh-hv:nth-child(2):hover .meh-hv__play {
  transform: translate(-50%,-50%) scale(1.1);
}
.meh-hv--live .meh-hv__body,
.meh-home-videos:not(.has-live) .meh-hv:nth-child(2) .meh-hv__body {
  padding: 20px;
}
.meh-hv--live .meh-hv__title,
.meh-home-videos:not(.has-live) .meh-hv:nth-child(2) .meh-hv__title {
  font-size: 18px;
  font-weight: 900;
}
.meh-home-videos:not(.has-live) .meh-hv:nth-child(2) .meh-hv__date {
  font-size: 12px;
}
.meh-home-videos.has-live .meh-hv:nth-child(6) {
  display: none;
}
@media(min-width:1024px) {
  .meh-home-videos {
    padding: 112px 0;
  }
  .meh-home-videos__all {
    display: none;
  }
  .meh-home-videos__grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px 16px;
  }
  .meh-hv--live:not(.d-none),
  .meh-home-videos:not(.has-live) .meh-hv:nth-child(2) {
    grid-column: 1 / span 2;
    grid-row: 1 / span 4;
  }
  .meh-hv:not(.meh-hv--live):not(:nth-child(2)),
  .meh-home-videos.has-live .meh-hv:nth-child(2) {
    grid-column: 3;
  }
  .meh-home-videos.has-live .meh-hv:nth-child(2) {
    grid-column: 3;
  }
}

/* Home news/videos: side column keeps natural card height (last row absorbs the featured card's extra height). */
@media(min-width:1024px) {
  .meh-home-news__grid {
    grid-template-rows: repeat(4,auto) 1fr;
    align-items: start;
  }
  .meh-home-news__item:first-child {
    grid-row: 1 / -1;
  }
  .meh-home-videos__grid {
    grid-template-rows: repeat(4,auto) 1fr;
    align-items: start;
  }
  .meh-hv--live:not(.d-none),
  .meh-home-videos:not(.has-live) .meh-hv:nth-child(2) {
    grid-row: 1 / -1;
  }
}

/* Past events: cover image over the gradient header (gradient stays when no image). */
.meh-hev__past-head {
  position: relative;
  overflow: hidden;
}
.meh-hev__past-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.meh-hev__past-img[src=""] {
  display: none;
}
.meh-hev__past-head span {
  position: relative;
  z-index: 1;
}

/* Home videos: shown only when no live stream is configured. */
.meh-home-offline {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  background: #1e2640;
}
.meh-home-videos.has-live .meh-home-offline {
  display: none;
}
.meh-home-offline__icon {
  display: flex;
  width: 40px;
  height: 40px;
  flex: none;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: rgba(255,255,255,.4);
  background: rgba(255,255,255,.1);
}
.meh-home-offline__title {
  color: rgba(255,255,255,.4);
  font-size: 14px;
  font-weight: 700;
}
.meh-home-offline__text {
  color: rgba(255,255,255,.3);
  font-size: 12px;
}

/* Header parity with the React design. */
/* Hover/open background wraps link + chevron (the chevron is a sibling button). */
.meh-nav>.meh-menu>.meh-menu__item {
  border-radius: 6px;
  transition: background .2s ease;
}
.meh-nav>.meh-menu>.meh-menu__item:is(:hover,.is-open,:focus-within) {
  background: rgba(0,122,252,.08);
}
.meh-header.is-overlay .meh-nav>.meh-menu>.meh-menu__item:is(:hover,.is-open,:focus-within) {
  background: rgba(255,255,255,.15);
}
.meh-nav>.meh-menu>.meh-menu__item:hover>.meh-menu__link,
.meh-nav>.meh-menu>.is-open>.meh-menu__link,
.meh-header.is-overlay .meh-nav>.meh-menu>.meh-menu__item:hover>.meh-menu__link,
.meh-header.is-overlay .meh-nav>.meh-menu>.is-open>.meh-menu__link {
  background: transparent;
}
.meh-nav>.meh-menu>.meh-menu__item:is(:hover,.is-open,:focus-within)>.meh-menu__toggle {
  color: var(--blue);
}
.meh-header.is-overlay .meh-nav>.meh-menu>.meh-menu__item:is(:hover,.is-open,:focus-within)>.meh-menu__toggle {
  color: #fff;
}
.meh-nav>.meh-menu>.meh-menu__item>.meh-menu__toggle {
  margin-right: 8px;
}
.meh-nav>.meh-menu>.meh-menu__item:not(:has(>.meh-menu__toggle))>.meh-menu__link {
  padding-right: 12px;
}
.meh-dark .meh-header:not(.is-overlay) .meh-nav>.meh-menu>.meh-menu__item:is(:hover,.is-open,:focus-within) {
  background: rgba(255,255,255,.1);
}
.meh-dark .meh-header:not(.is-overlay) .meh-nav>.meh-menu>.meh-menu__item:is(:hover,.is-open,:focus-within)>.meh-menu__link,
.meh-dark .meh-header:not(.is-overlay) .meh-nav>.meh-menu>.meh-menu__item:is(:hover,.is-open,:focus-within)>.meh-menu__toggle {
  color: #fff;
}

/* Language switch: compact rounded rectangle, blue border once the header is solid. */
.meh-language__button {
  height: 28px;
  gap: 6px;
  padding: 0 10px;
  border: 1px solid rgba(0,122,252,.3);
  border-radius: 6px;
  color: var(--blue);
  background: transparent;
  transition: background .2s ease,border-color .2s ease;
}
.meh-language__button:hover {
  background: rgba(0,122,252,.1);
}
.meh-header.is-overlay .meh-language__button {
  border-color: rgba(255,255,255,.3);
  color: #fff;
}
.meh-header.is-overlay .meh-language__button:hover {
  background: rgba(255,255,255,.15);
}
.meh-dark .meh-header:not(.is-overlay) .meh-language__button {
  border-color: rgba(255,255,255,.2);
  color: #fff;
}
.meh-dark .meh-header:not(.is-overlay) .meh-language__button:hover {
  background: rgba(255,255,255,.1);
}

/* Divider after the social icons (not before them). */
.meh-social--header {
  gap: 4px;
  margin-left: 4px;
  padding-left: 0;
  border-left: 0;
}
.meh-social--header a {
  width: 28px;
  height: 28px;
  border-radius: 8px;
}
.meh-social--header::after {
  content: "";
  width: 1px;
  height: 16px;
  margin: 0 4px;
  background: #e5e7eb;
}
.meh-header.is-overlay .meh-social--header::after {
  background: rgba(255,255,255,.2);
}
.meh-dark .meh-header:not(.is-overlay) .meh-social--header::after {
  background: rgba(255,255,255,.15);
}

/* Inline language lists (footer, mobile) show only AZ / EN / RU, without the flag code badge. */
.meh-languages-inline .meh-flag {
  display: none;
}
.meh-footer__about,
.meh-footer__about p {
  margin: 18px 0 22px;
  color: rgba(255,255,255,.65);
  font-size: 13px;
  line-height: 1.8;
}
.meh-footer__about p {
  margin: 0 0 8px;
}

/* Publication covers: readable overlay over cover images (self page + home). */
.meh-report-card__visual::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  z-index: 0;
  height: 70%;
  background: linear-gradient(to top,rgba(10,36,99,.85),rgba(10,36,99,0));
  pointer-events: none;
}
.meh-report-card__badge {
  background: rgba(0,122,252,.92);
  box-shadow: 0 2px 8px rgba(0,0,0,.25);
}
.meh-home-pub__cover-text {
  padding-top: 28px;
  background: linear-gradient(to top,rgba(10,36,99,.92),rgba(10,36,99,.55) 60%,rgba(10,36,99,0));
}
.meh-home-pub__cover-text span {
  display: inline-block;
  max-width: 100%;
  padding: 1px 5px;
  border-radius: 999px;
  color: #fff;
  background: rgba(0,122,252,.92);
}
.meh-home-pub:first-child .meh-home-pub__cover-text {
  padding-top: 48px;
}
.meh-home-pub:first-child .meh-home-pub__cover-text span {
  padding: 2px 10px;
  letter-spacing: .05em;
}
.meh-home-pub:first-child .meh-home-pub__cover-text strong {
  margin-top: 6px;
  font-size: 14px;
  text-shadow: 0 1px 4px rgba(0,0,0,.45);
}

@media(max-width:767px) {
  .meh-d8m__stat {
    text-align: left;
  }
}

/* D-8 member card, mobile: "Label: value" pairs facing each other. */
@media(max-width:767px) {
  .meh-d8m__stats {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px 16px;
  }
  .meh-d8m__stat {
    display: flex;
    align-items: baseline;
    gap: 5px;
  }
  .meh-d8m__stat-label {
    margin-bottom: 0;
  }
  .meh-d8m__stat-label::after {
    content: ":";
  }
}
