[v-cloak] { display: none !important; }
  .digital-stamp__panel {
    border-top: 0.0625rem solid #e5e7eb;
    background: #f9fafb;
  }
  .digital-stamp__inner,
  .digital-stamp__panel-inner {
    width: min(100% - 2rem, 84rem);
  }
  .digital-stamp__point { flex: 1 1 18rem; align-items: flex-start; }
  .digital-stamp__point strong { margin-bottom: 0.25rem; }

  .digital-stamp__registration {
    border-top: 0.0625rem solid #e5e7eb;
    padding-block: 1rem;
  }
  .digital-stamp__dga-logo { display: block; height: 2.5rem; width: auto; }
  /* Plain inline span (not <p>) so SharePoint paragraph styles can't hide or blank it */
  .digital-stamp__reg-label {
    display: inline-block !important;
    margin: 0;
    color: #384250;
    font-size: 0.875rem;
    visibility: visible;
  }
  .digital-stamp__reg-link { color: #067647; text-decoration: underline; }
  .digital-stamp__reg-link:hover,
  .digital-stamp__reg-link:focus-visible { color: #054f31; }

  /* ---------- Display settings button + menu (same look as the header's menu) ---------- */
  .digital-stamp__tool--native {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 0.0625rem solid transparent;
    border-radius: 0.5rem;
    background: transparent;
    color: #384250;
    cursor: pointer;
  }
  .digital-stamp__tool--native:hover,
  .digital-stamp__tool--native:focus-visible,
  .digital-stamp__tool--native.is-active { color: #067647; border-color: #067647; background: #fff; }
  .digital-stamp__tool--native:focus-visible { outline: 0.125rem solid #067647; outline-offset: 0.125rem; }

  .ds-vision {
    position: fixed; /* top/left set by script, right under the button */
    z-index: 10000;
    min-width: 12rem;
    margin: 0;
    padding: 16px;
    border: 0;
    border-radius: 10px;
    background: #fff;
    color: #1f2a37;
    font-family: inherit;
    text-align: start;
    box-shadow: 0 0 11px 0 rgb(16 24 40 / 15%);
  }
  /* float + full width keeps the legend inside the card instead of on the top border */
  .ds-vision__title { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-weight: 600; }
  .ds-vision__title + * { clear: both; }
  .ds-vision__option { display: flex; align-items: center; gap: 0.5rem; padding: 0.375rem 0; cursor: pointer; }
  .ds-vision__option input { accent-color: #067647; margin: 0; }

  /* ---------- Display modes (applied on <html>; same classes as the header) ---------- */
  html.vision-dark { filter: invert(1) hue-rotate(180deg); background: #111; }
  html.vision-dark img,
  html.vision-dark video,
  html.vision-dark iframe { filter: invert(1) hue-rotate(180deg); }
  html.vision-gray { filter: grayscale(1); }
  html.vision-bright { filter: brightness(1.1) contrast(1.2); }






  [v-cloak] { display: none; }

  /* ---------- Header shell ---------- */
  .nav-header {
    z-index: 20;
    min-height: 4.5rem;
    border-bottom: 0.0625rem solid #d2d6db;
    background: #fff;
  }
  /* Centered design-system container instead of full 100% width */
  .nav-header__inner {
    width: min(100% - 2rem, 84rem);
    margin-inline: auto;
    min-height: 4.4375rem;
    gap: 1.5rem;
  }
  .nav-header__brand { flex: 0 0 auto; gap: 0.75rem; }
  .nav-header__logo-link { flex: 0 0 auto; }
  .nav-header__logo-link:focus-visible { outline: 0.125rem solid #067647; outline-offset: 0.25rem; border-radius: 0.25rem; }
  /* Ministry logo 100px high */
  .nav-header__logo { display: block; height: 100px; width: auto; object-fit: contain; }


  /* ---------- Navigation ---------- */
  .nav-header__navigation { align-self: stretch; display: flex; min-width: 0; flex: 1 1 auto; }
  /* Equal spacing: every item gets the same side padding and the same gap between items */
  .nav-header__menu {
    min-width: 0;
    display: flex;
    list-style: none;
    align-items: center;
    gap: var(--nav-item-gap, 0.25rem);
  }
  .nav-header__menu-item { display: flex; }
  .nav-header__menu-link {
    padding-block: 0 !important;
    padding-inline: var(--nav-item-padding, 0.75rem) !important;
    min-height: 4.4375rem;
    align-items: center;
    line-height: 1.5 !important;
    font-size: var(--nav-item-font, 1rem) !important;
    border: 0;
    border-bottom: 0.1875rem solid transparent;
    background: transparent;
    justify-content: center;
    white-space: nowrap;
  }
  .nav-header__menu-link:hover,
  .nav-header__menu-link:focus-visible,
  .nav-header__menu-link[aria-expanded="true"] {
    color: #067647 !important;
    border-bottom-color: #067647;
  }
  .nav-header__dropdown {
    inset-block-start: calc(100% - 0.0625rem);
    inset-inline-start: 0;
    width: 14.375rem;
    border: 0.0625rem solid #e5e7eb;
    border-radius: 0 0 0.625rem 0.625rem;
    background: #fff;
    z-index: 30;
  }
  /* "twoColumns" menus render as a 3-column grid */
  .nav-header__dropdown--two-cols {
    width: 36rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.25rem 0.5rem;
  }
  /* Selected item: same look as the side menu's selected item
     (.right-side-menu ul a.selected = light background + 5px green bar on the start side) */
  /* Selected section: a green tile in the same colour as the "منصة ناجز" button,
     white text, no underline */
  .nav-header .nav-header__menu-link.is-current,
  .nav-header .nav-header__menu-link.is-current:hover,
  .nav-header .nav-header__menu-link.is-current:focus-visible,
  .nav-header .nav-header__menu-link.is-current[aria-expanded="true"] {
    position: relative;
    align-self: center;
    min-height: 3rem;
    margin-block: 0.375rem;
    border-bottom: 0 !important;
    border-radius: 0.5rem;
    background-color: var(--layout-primary-sa-flag-600-color, #1b8354) !important;
    color: var(--layout-base-white-color, #fff) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }
  /* The design system sets a dark colour on every element (* { color: … }),
     so the text span and the arrow icon inside the tile need white too */
  .nav-header .nav-header__menu-link.is-current *,
  .nav-header .nav-header__menu-link.is-current *::before,
  .nav-header .nav-header__menu-link.is-current *::after {
    color: var(--layout-base-white-color, #fff) !important;
  }
  .nav-header .nav-header__menu-link.is-current:focus-visible {
    outline: 0.125rem solid var(--layout-primary-sa-flag-600-color, #1b8354);
    outline-offset: 0.125rem;
  }
  .nav-header__dropdown a { padding: 0.625rem 0.75rem; border-radius: 0.375rem; }

  .nav-header__dropdown a:hover,
  .nav-header__dropdown a:focus-visible { color: #067647 !important; background: #ecfdf3; }

  /* ---------- Actions ---------- */
  .nav-header__actions { flex: 0 0 auto; }
  .nav-header__najiz { min-width: 7.375rem; }

  /* Language switch (globe icon + En/Ar) — always visible */
  .nav-header__lang {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    min-width: 2.625rem;
    height: 2.625rem;
    padding-inline: 0.625rem;
    border: 0.0625rem solid #d2d6db;
    border-radius: 0.375rem;
    background: #fff;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
  }
  .nav-header__lang:hover,
  .nav-header__lang:focus-visible { color: #067647 !important; border-color: #067647; }

  .nav-header__icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.625rem;
    height: 2.625rem;
    border: 0.0625rem solid #d2d6db;
    background: #fff;
    color: #1f2a37;
  }
  .nav-header__icon-btn:hover,
  .nav-header__icon-btn:focus-visible,
  .nav-header__icon-btn[aria-expanded="true"] { color: #067647; border-color: #067647; }

  /* ---------- Search panel ---------- */
  .nav-search {
    position: absolute;
    inset-inline: 0;
    inset-block-start: 100%;
    z-index: 25;
    padding: 1rem;
    border-bottom: 0.0625rem solid #d2d6db;
    background: #fff;
    box-shadow: 0 0.75rem 1.375rem rgb(16 24 40 / 12%);
  }
  .nav-search__form { width: min(100%, 48rem); margin-inline: auto; }
  .nav-search__input { flex: 1 1 auto; min-width: 0; height: 3rem; padding-inline: 1rem; }
  .nav-search__submit { flex: 0 0 auto; gap: 0.5rem; color: #fff; }
  .nav-search__submit:disabled { opacity: 0.6; cursor: not-allowed; }

  /* ---------- Mobile toggle ---------- */
  .nav-header__mobile-toggle {
    display: none;
    width: 2.625rem;
    height: 2.625rem;
    padding: 0.5625rem;
    border: 0.0625rem solid #d2d6db;
    background: #fff;
  }
  .nav-header__mobile-toggle span {
    display: block;
    height: 0.125rem;
    margin: 0.25rem 0;
    border-radius: 0.125rem;
    background: #1f2a37;
  }

  /* ---------- Responsive ---------- */
  /* Up to 1440px the logos + 6 items + actions are tight: shrink a little so nothing overlaps */
  @media (max-width: 90rem) {
    .nav-header__inner { gap: 1rem; }
    .nav-header__menu { --nav-item-gap: 0.125rem; }
    .nav-header__menu-link { --nav-item-padding: 0.625rem; --nav-item-font: 0.9375rem; }
  }
  @media (max-width: 73.75rem) {
    .nav-header__inner { gap: 0.75rem; }
    /* Smaller screens: tighter, but still equal */
    .nav-header__menu { --nav-item-gap: 0; }
    .nav-header__menu-link { --nav-item-padding: 0.5rem; --nav-item-font: 0.8125rem; }
    .nav-header__lang-label { display: none; }
  }
  @media (max-width: 58.75rem) {
    .nav-header__inner { justify-content: space-between; }
    .nav-header__mobile-toggle { display: block; order: 3; }
    .nav-header__brand { order: 1; }
    .nav-header__actions { order: 2; margin-inline-start: auto; }
    .nav-header__navigation {
      display: none;
      position: absolute;
      inset-inline: 0;
      inset-block-start: 100%; /* right under the header, whatever the logo height */
      padding: 0.75rem 1rem 1.25rem;
      border-bottom: 0.0625rem solid #d2d6db;
      box-shadow: 0 0.75rem 1.375rem rgb(16 24 40 / 12%);
      background: #fff;
      max-height: calc(100vh - 7rem);
      overflow-y: auto;
    }
    .nav-header--menu-open .nav-header__navigation { display: block; }
    .nav-header__menu,
    .nav-header__menu-item { display: block; }
    .nav-header__menu-link { width: 100%; min-height: 2.75rem; justify-content: space-between; --nav-item-padding: 1rem; }
    /* Mobile: full-width green row */
    .nav-header .nav-header__menu-link.is-current,
    .nav-header .nav-header__menu-link.is-current:hover,
    .nav-header .nav-header__menu-link.is-current[aria-expanded="true"] {
      min-height: 2.75rem;
      margin-block: 0.25rem;
    }

    .nav-header__dropdown {
      position: static;
      width: auto;
      border: 0;
      border-radius: 0.5rem;
      box-shadow: none;
      background: #f9fafb;
    }
    .nav-header__dropdown--two-cols { display: block; width: auto; }
  }
  @media (max-width: 32.5rem) {
    .nav-header__inner { width: min(100% - 1.5rem, 84rem); }
    .nav-header__brand { gap: 0.5rem; }
    .nav-header__logo { height: 64px; }
    .nav-header__najiz { display: none; }
    .nav-header__actions { margin-inline-start: 0; }
    .nav-search__submit span { display: none; }
  }




  .site-footer { min-height: 31rem; }
  .site-footer__inner { width: min(100% - 2rem, 84rem); }
  .site-footer__columns {
    display: grid;
    grid-template-columns: 1.12fr 1.25fr 1.05fr 1.08fr .9fr;
    gap: 1.875rem;
  }
  .site-footer__column { min-width: 0; }
  .site-footer__title {
    font-size: calc(1rem * var(--page-text-scale, 1)) !important;
    line-height: 1.5rem !important;
  }
  .site-footer__links { list-style: none; gap: 0.625rem; }
  .site-footer__links a,
  .site-footer__legal-links a {
    color: #384250;
    font-size: calc(0.875rem * var(--page-text-scale, 1));
    line-height: 1.25rem;
    text-decoration: none!important;
  }
  .site-footer__links a:hover,
  .site-footer__links a:focus-visible,
  .site-footer__legal-links a:hover,
  .site-footer__legal-links a:focus-visible { color: #067647; text-decoration: underline; }
  .site-footer__socials n-btn,
  .site-footer__tools n-btn {
    width: 2.5rem;
    min-width: 2.5rem !important;
    height: 2.5rem;
  }

  /* ---------- Icon buttons (social + accessibility), Najiz style ---------- */
  .site-footer__icon-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    list-style: none;
  }
  .site-footer__icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border: 0.0625rem solid #d2d6db;
    border-radius: 0.5rem;
    background: #fff;
    color: #384250;
    text-decoration: none !important;
    cursor: pointer;
    transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  }
  .site-footer__icon-btn:hover,
  .site-footer__icon-btn:focus-visible {
    color: #067647;
    border-color: #067647;
    background: #ecfdf3;
  }
  .site-footer__icon-btn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 0.25rem rgb(6 118 71 / 12%);
  }
  .site-footer__icon-btn:disabled { opacity: 0.45; cursor: not-allowed; background: #fff; color: #384250; border-color: #d2d6db; }

  /* ---------- App store badges ---------- */
  .app-stores { display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; }
  .app-stores a { display: inline-flex; border-radius: 0.5rem; }
  .app-stores a:focus-visible { outline: 0.125rem solid #067647; outline-offset: 0.125rem; }
  .app-store-icon { display: block; height: 2.5rem; width: auto; }
  .site-footer__legal { min-width: 0; }
  .site-footer__legal-links { gap: 0.5rem 1.5rem; }
  .site-footer__copyright,
  .site-footer__updated {
    font-size: calc(0.875rem * var(--page-text-scale, 1)) !important;
    line-height: 1.25rem !important;
  }
  /* Vision 2030 logo: same card as the header's Vision logo */
  .site-footer__vision-link { flex: 0 0 auto; border-radius: 0.5rem; }
  .site-footer__vision-logo {
    display: block;
    box-sizing: border-box;
    height: 75px !important;
    width: auto;
    padding: 0.375rem 0.625rem;
    object-fit: contain;

    border: 0.0625rem solid #d2d6db;
    border-radius: 0.5rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }
  .site-footer__vision-link:hover .site-footer__vision-logo,
  .site-footer__vision-link:focus-visible .site-footer__vision-logo {
    border-color: #067647;
    box-shadow: 0 0 0 0.25rem rgb(6 118 71 / 12%);
  }
  .site-footer__vision-link:focus-visible { outline: none; }
  .footer-btns { padding: 0 !important; }
  @media (max-width: 68.75rem) {
    .site-footer__columns { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 2.25rem; }
  }
  @media (max-width: 45rem) {
    .site-footer__inner { width: min(100% - 1.5rem, 84rem); padding-block: 2rem 1.5rem !important; }
    .site-footer__columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .site-footer__bottom { align-items: flex-start !important; flex-direction: column; }
    .site-footer__vision-link { align-self: flex-end; }
    .site-footer__vision-logo { height: 60px !important; }
  }
  @media (max-width: 28.75rem) {
    .site-footer__columns { grid-template-columns: 1fr; }
  }
  /* ---------- W3C badge (card, like the footer icon buttons) ---------- */
  .site-footer .w3c-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    height: 3.5rem;
    padding: 0 1rem;
    border: 0.0625rem solid #d2d6db;
    border-radius: 0.5rem;
    background: #fff;
    color: #384250 !important;
    text-decoration: none !important;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  }
  .site-footer .w3c-badge:hover,
  .site-footer .w3c-badge:focus-visible {
    border-color: #067647;
    background: #ecfdf3;
  }
  .site-footer .w3c-badge:focus-visible {
    outline: none;
    box-shadow: 0 0 0 0.25rem rgb(6 118 71 / 12%);
  }
  .w3c-badge__text { display: flex; flex-direction: column; line-height: 1.2; }
  .site-footer .w3c-badge__title { font-size: 0.875rem; font-weight: 700; color: #1f2a37 !important; }
  .site-footer .w3c-badge__sub { font-size: 0.75rem; color: #6c737f !important; }
  .w3c-badge__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background: #ecfdf3;
  }
  .site-footer .w3c-badge__check,
  .site-footer .w3c-badge__check * { color: #067647 !important; }
	[dir] img {
		border-style: none;
	}
	img {
		height: inherit;
		/* width: inherit; */
	}
	img {
		vertical-align: middle;
	}


input[type=button], input[type=reset], input[type=submit], button {
    min-width: 1em!important;
   
}

























































  .hero-section { min-height: 30.6875rem; }
  .hero-section__inner { width: min(100% - 2rem, 84rem); min-height: 30.6875rem; }
  .hero-section__slide {
    box-sizing: border-box;
    min-height: 22.25rem;
    display: grid;
    grid-template-columns: minmax(0, 39rem) minmax(0, 1fr);
    gap: 5.6875rem;
  }
  .hero-section__content { align-self: stretch; }
  .hero-section__title {
    max-width: 39rem;
    font-size: calc(2.25rem * var(--page-text-scale, 1)) !important;
  }
  .hero-section__description { max-width: 39rem; font-size: 1rem; line-height: 1.7; }
  .hero-section__media { height: 22.25rem; border-radius: 0.75rem; background: #e5e7eb; }
  .hero-section__media img { height: 100%; object-fit: cover; }
  .hero-section__carousel .swiper-pagination {
    min-height: 1.4rem;
    margin-top: 2rem !important;
    gap: 0.5rem !important;
  }
  .hero-section__message { padding-block: 6rem; text-align: center; color: #4d5761; }

  /* Skeleton */
  .hero-skel {
    display: block;
    border-radius: 0.5rem;
    background: linear-gradient(90deg, #eef0f2 25%, #f7f8f9 37%, #eef0f2 63%);
    background-size: 400% 100%;
    animation: hero-skel 1.4s ease infinite;
  }
  .hero-skel--line { height: 2.25rem; width: 100%; }
  .hero-skel--short { width: 65%; }
  .hero-skel--btn { height: 3rem; width: 8rem; }
  .hero-skel--media { height: 22.25rem; }
  @keyframes hero-skel { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } }

  @media (max-width: 65rem) {
    .hero-section__slide { grid-template-columns: minmax(0, 1fr) minmax(23.75rem, 0.9fr); gap: 2.75rem; }
    .hero-section__title { font-size: calc(1.875rem * var(--page-text-scale, 1)) !important; }
  }
  @media (max-width: 47.5rem) {
    .hero-section,
    .hero-section__inner { min-height: auto; }
    .hero-section__inner { width: min(100% - 1.5rem, 84rem); padding-block: 1.5rem; }
    .hero-section__slide { min-height: auto; grid-template-columns: 1fr; gap: 1.5rem; }
    .hero-section__content { order: 2; gap: 1.25rem !important; }
    .hero-section__media,
    .hero-skel--media { order: 1; height: auto; aspect-ratio: 1.766 / 1; }
    .hero-section__title { font-size: calc(1.625rem * var(--page-text-scale, 1)) !important; line-height: 1.45 !important; }
    .hero-section__carousel .swiper-pagination { margin-top: 1.5rem !important; }
  }
  @media (prefers-reduced-motion: reduce) {
    .hero-section__carousel .swiper-pagination-bullet { transition: none !important; }
    .hero-skel { animation: none; }
  }





  .services-section { min-height: 32rem; }
  .services-section__inner { width: min(100% - 2rem, 84rem); }
  .services-section__layout {
    display: grid;
    grid-template-columns: 17.5rem minmax(0, 1fr);
    gap: 2rem;
  }
  .services-section__categories { min-width: 0; }
  .services-section__mui-tabs { display: block; }
  .services-section__tab-fallback { display: none; }
  .services-section__carousel { min-width: 0; }
  .services-section__empty { padding-block: 4rem; text-align: center; color: #4d5761; }

  .service-card {
    height: 18.25rem;
    border-width: 0.0625rem !important;
    border-style: solid !important;
  }
  .service-card__content { box-sizing: border-box; }
  .service-card__copy { min-height: 7rem; }
  .service-card__title {
    font-size: calc(1.125rem * var(--page-text-scale, 1)) !important;
    line-height: 1.75rem !important;
  }
  .service-card__description {
    display: -webkit-box;
    overflow: hidden;
    font-size: calc(1rem * var(--page-text-scale, 1)) !important;
    line-height: 1.5rem !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .service-card__link { text-decoration: none; }

  @media (max-width: 65rem) {
    .services-section__layout { grid-template-columns: 13.75rem minmax(0, 1fr); gap: 1.25rem; }
  }
  @media (max-width: 46.25rem) {
    .services-section__inner { width: min(100% - 1.5rem, 84rem); padding-block: 2rem !important; }
    .services-section__heading-row { align-items: flex-start !important; flex-direction: column; }
    .services-section__layout { grid-template-columns: 1fr; }
    .services-section__mui-tabs { display: none; }
    .services-section__tab-fallback {
      margin-inline: -0.75rem;
      padding-inline: 0.75rem;
      padding-block: 0.25rem;
      overflow-x: auto;
      overflow-y: hidden;
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      gap: 0.5rem;
      scrollbar-width: none;
      -webkit-overflow-scrolling: touch;
    }
    .services-section__tab-fallback::-webkit-scrollbar { display: none; }
    /* Chips keep their full text width and the row scrolls sideways.
       Without flex-shrink: 0 the chips were squeezed down to their padding
       and the labels overlapped each other. */
    .services-section__tab-fallback button {
      box-sizing: border-box;
      flex: 0 0 auto !important;
      width: auto !important;
      min-width: max-content !important;
      max-width: none !important;
      min-height: 2.5rem;
      padding: 0 0.875rem !important;
      overflow: visible !important;
      border: 0.0625rem solid #d2d6db !important;
      border-radius: 999px !important;
      background: #fff;
      color: #384250;
      font: inherit;
      line-height: 1.5;
      white-space: nowrap !important;
      cursor: pointer;
    }
    .services-section__tab-fallback button.is-active {
      border-color: #067647 !important;
      background: #ecfdf3;
      color: #067647;
      font-weight: 600;
    }
  }





  .news-section { min-height: 40.875rem; }
  .news-section__inner { width: min(100% - 2rem, 84rem); }
  .news-section__heading-row { min-height: 5rem; }
  .news-section__heading-copy { min-width: 0; }
  .news-section__intro {
    max-width: 57.5rem;
    font-size: calc(1rem * var(--page-text-scale, 1)) !important;
    line-height: 1.5rem !important;
  }
  .news-section__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .news-section__message { padding-block: 5rem; text-align: center; color: #4d5761; }

  .news-card { min-width: 0; height: 28.375rem; border-width: 0.0625rem !important; border-style: solid !important; }
  .news-card__article { box-sizing: border-box; }
  .news-card__image-link { flex: 0 0 15.625rem; }
  .news-card__image-link img { object-fit: cover; transition: transform 0.26s ease; }
  .news-card__image-link:hover img { transform: scale(1.025); }
  .news-card__body { min-height: 0; flex: 1 1 auto; }
  .news-card__title {
    display: -webkit-box;
    overflow: hidden;
    font-size: calc(1.125rem * var(--page-text-scale, 1)) !important;
    line-height: 1.75rem !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .news-card__description {
    display: -webkit-box;
    overflow: hidden;
    font-size: calc(1rem * var(--page-text-scale, 1)) !important;
    line-height: 1.5rem !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .news-card__more { text-decoration: none; }

  /* Skeleton */
  .news-card--skeleton {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border: 0.0625rem solid #e5e7eb;
    background: #fff;
  }
  .news-skel {
    display: block;
    border-radius: 0.5rem;
    background: linear-gradient(90deg, #eef0f2 25%, #f7f8f9 37%, #eef0f2 63%);
    background-size: 400% 100%;
    animation: news-skel 1.4s ease infinite;
  }
  .news-skel--img { height: 15.625rem; }
  .news-skel--line { height: 1.25rem; }
  .news-skel--short { width: 60%; }
  .news-skel--btn { height: 3rem; width: 7rem; margin-top: auto; }
  @keyframes news-skel { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } }

  @media (max-width: 61.875rem) {
    .news-section__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .news-section { min-height: auto; }
  }
  @media (max-width: 41.25rem) {
    .news-section__inner { width: min(100% - 1.5rem, 84rem); padding-block: 2rem !important; }
    .news-section__heading-row { flex-direction: column; }
    .news-section__grid { grid-template-columns: 1fr; }
    .news-card { height: auto; min-height: 28.375rem; }
    .news-card__image-link,
    .news-skel--img { aspect-ratio: 1.6 / 1; height: auto; flex-basis: auto; }
  }
  @media (prefers-reduced-motion: reduce) {
    .news-card__image-link img { transition: none; }
    .news-skel { animation: none; }
  }










        .statistics-section { min-height: 28.375rem; }
        .statistics-section__inner { width: min(100% - 2rem, 84rem); min-height: 28.375rem; }
        .statistics-section .section-heading {
          font-size: calc(1.875rem * var(--page-text-scale, 1)) !important;
          line-height: 2.375rem !important;
          font-weight: 700 !important;
        }
        .statistics-section__description {
          max-width: 60.25rem;
          font-size: calc(1rem * var(--page-text-scale, 1)) !important;
          line-height: 1.5rem !important;
          font-weight: 400 !important;
          color: var(--layout-neutral-900-color, #161616) !important;
        }
        .statistics-section__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
        .statistics-card {
          box-sizing: border-box;
          min-width: 0;
          height: 15.875rem;
          border-width: 0.0625rem !important;
          border-style: solid !important;
          border-color: var(--layout-neutral-300-color, #d2d6db) !important;
          border-radius: var(--layout-radius-lg, 1rem) !important;
          background-color: var(--layout-base-white-color, #fff) !important;
          box-shadow: none !important;
        }
        .statistics-card__icon { flex: 0 0 auto; }
        .statistics-card__icon .n-icon { width: 1.75rem !important; height: 1.75rem !important; font-size: 1.75rem !important; }
        .statistics-card__value {
          width: 100%;
          font-size: calc(3rem * var(--page-text-scale, 1)) !important;
          line-height: 3.75rem !important;
          font-weight: 400 !important;
          letter-spacing: -0.06rem !important;
          color: var(--layout-primary-sa-flag-700-color, #14573a) !important;
        }
        .statistics-card__label {
          width: 100%;
          font-size: calc(1rem * var(--page-text-scale, 1)) !important;
          line-height: 1.5rem !important;
          font-weight: 400 !important;
          letter-spacing: 0 !important;
          color: var(--layout-neutral-800-color, #1f2a37) !important;
        }
        @media (max-width: 57.5rem) {
          .statistics-section__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
          .statistics-section { min-height: auto; }
          .statistics-section__inner { min-height: auto; }
        }
        @media (max-width: 35rem) {
          .statistics-section__inner { width: min(100% - 1.5rem, 84rem); padding-block: 2rem !important; }
          .statistics-section__heading-row { align-items: flex-start !important; flex-direction: column; }
          .statistics-section__grid { grid-template-columns: 1fr; }
        }
            
      
  .partners-section { min-height: 18.625rem; }
  .partners-section__inner { width: min(100% - 2rem, 84rem); }
  .partners-section__description {
    max-width: 70rem;
    font-size: calc(1rem * var(--page-text-scale, 1)) !important;
    line-height: 1.5rem !important;
  }
  .partners-section__carousel { min-width: 0; display: block; width: 100%; }
  .partners-section__carousel .swiper-wrapper { align-items: stretch; }

  /* No arrows: hide the carousel's prev/next buttons even if the component renders them */
  .partners-section__carousel .swiper-button-prev,
  .partners-section__carousel .swiper-button-next,
  .partners-section__carousel [class*="carousel__arrow"],
  .partners-section__carousel [class*="carousel-arrow"],
  .partners-section__carousel [class*="__navigation"],
  .partners-section__carousel [class*="-navigation"] { display: none !important; }

  /* Dots */
  .partners-section__carousel .swiper-pagination {
    position: static !important;
    display: flex;
    justify-content: center;
    gap: 0.5rem !important;
    margin-top: 1.5rem !important;
  }

  .partner-card {
    box-sizing: border-box;
    height: 6.25rem;
    border-width: 0.0625rem;
    border-style: solid;
    border-color: #d2d6db; /* fallback if the design-system border class isn't applied */
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }
  .partner-card:hover,
  .partner-card:focus-visible { border-color: #067647 !important; box-shadow: 0 0.3125rem 0.875rem rgb(6 118 71 / 10%); }
  .partner-card:focus-visible { outline: 0.125rem solid #067647; outline-offset: -0.125rem; }
  .partner-card img { max-width: 9.25rem; max-height: 3.625rem; object-fit: contain; }

  @media (max-width: 47.5rem) {
    .partners-section__inner { width: min(100% - 1.5rem, 84rem); padding-block: 2rem !important; }
    .partner-card { height: 5rem; padding: 0.75rem !important; }
    .partner-card img { max-width: 85%; max-height: 2.75rem; }
  }
  @media (prefers-reduced-motion: reduce) {
    .partner-card { transition: none; }
  }




    .pageFoot {
   background: transparent !important;
    background-image: none !important;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding-block: 1rem;
        border-top: 0.0625rem solid #e5e7eb;
    }
    .pageFoot .lastUpdated { color: #384250; font-size: 0.875rem; }
    .pageFoot .clearfix { display: none; }

    .share-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
    .share-bar__label { margin-inline-end: 0.25rem; color: #384250; font-size: 0.875rem; font-weight: 600; }

    /* Same look as the header's icon buttons (search / language) */
    .share-bar__btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2.625rem;
        height: 2.625rem;
        padding: 0;
        border: 0.0625rem solid #d2d6db;
        border-radius: 0.5rem;
        background: #fff;
        color: #384250;
        text-decoration: none !important;
        cursor: pointer;
        transition: color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    }
    .share-bar__btn svg { width: 1.25rem; height: 1.25rem; fill: currentColor; }
    .share-bar__btn:hover,
    .share-bar__btn:focus-visible {
        color: #067647;
        border-color: #067647;
        box-shadow: 0 0 0 0.25rem rgb(6 118 71 / 12%);
    }
    .share-bar__btn:focus-visible { outline: none; }
    .share-bar__btn.is-copied { color: #fff; background: #067647; border-color: #067647; }
    .share-bar__status { color: #067647; font-size: 0.875rem; }