/* =========================================================
   AEDBF — ARTICLE DETAIL PAGE
   Updated to match the attached reference style:
   plain breadcrumbs, large rounded hero image, white article card,
   small tags, large editorial title, author/date row.
   ========================================================= */

/* =========================================================
   1. GLOBAL PAGE STYLE
   ========================================================= */

body.pageid-408802 {
  margin: 0 !important;
  background: #f6f6f3 !important;
  color: #202020 !important;
  font-family: "Inter", Arial, sans-serif !important;
}

body.pageid-408802 *,
body.pageid-408802 *::before,
body.pageid-408802 *::after {
  box-sizing: border-box !important;
}

/* =========================================================
   2. BREADCRUMBS — like the reference image
   ========================================================= */

body.pageid-408802 .zone-breadcrumbs {
  width: min(92vw, 1120px) !important;
  max-width: 1120px !important;
  margin: 44px auto 28px !important;
  padding: 0 !important;
}

body.pageid-408802 .breadcrumb {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body.pageid-408802 .breadcrumb li {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  color: #7b7b76 !important;
}

body.pageid-408802 .breadcrumb li + li::before {
  content: ">" !important;
  display: inline-block !important;
  margin: 0 10px !important;
  color: #a5a39d !important;
  font-weight: 700 !important;
}

body.pageid-408802 .breadcrumb a {
  color: #0b5fb3 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

body.pageid-408802 .breadcrumb a:hover {
  color: #084b8e !important;
  text-decoration: none !important;
}

body.pageid-408802 .breadcrumb li:last-child,
body.pageid-408802 .breadcrumb li:last-child a {
  color: #7b7b76 !important;
  pointer-events: none !important;
}

/* =========================================================
   3. ARTICLE CARD / MAIN WIDTH
   ========================================================= */

body.pageid-408802 .zone-article {
  width: min(92vw, 1120px) !important;
  max-width: 1120px !important;
  margin: 0 auto 90px !important;
  padding: 0 !important;
}

body.pageid-408802 .mod-article__wrapper {
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 1px solid rgba(20, 35, 90, 0.08) !important;
  border-radius: 14px 14px 0 0 !important;
  box-shadow: 0 18px 55px rgba(20, 35, 90, 0.07) !important;
  overflow: hidden !important;

  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  column-gap: 12px !important;
  row-gap: 0 !important;
}

/* Let the image, intro and article body behave as direct article-card items. */
body.pageid-408802 .news-content.mod-article__content {
  display: contents !important;
}

/* =========================================================
   4. HERO IMAGE — full-width top image
   ========================================================= */

body.pageid-408802 .mod-article__img {
  order: 1 !important;
  flex: 0 0 100% !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: clamp(340px, 43vw, 470px) !important;
  max-height: none !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 14px 14px 0 0 !important;
  box-shadow: none !important;
}

/* =========================================================
   5. TAGS — small soft pills like the reference
   ========================================================= */

body.pageid-408802 .mod-article__category,
body.pageid-408802 .mod-article__category:visited {
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-height: 28px !important;
  margin: 42px 0 0 !important;
  padding: 6px 14px !important;
  border-radius: 6px !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.pageid-408802 .mod-article__category:first-of-type {
  margin-left: 56px !important;
}

body.pageid-408802 .mod-article__category,
body.pageid-408802 .mod-article__category-138470 {
  background: #eaf7ef !important;
  border: 1px solid #c7e5d4 !important;
  color: #247746 !important;
}

body.pageid-408802 .mod-article__category + .mod-article__category {
  margin-left: 0 !important;
  background: #eaf3ff !important;
  border-color: #c7dcf6 !important;
  color: #1769b6 !important;
}

/* =========================================================
   6. TITLE — large black editorial title
   ========================================================= */

body.pageid-408802 .mod-article__title {
  order: 3 !important;
  flex: 0 0 calc(100% - 112px) !important;
  max-width: 960px !important;
  margin: 26px 56px 0 !important;
  padding: 0 0 28px !important;
  border-bottom: 1px solid #e9e9e5 !important;
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important;
  font-size: clamp(2.25rem, 3.7vw, 3.35rem) !important;
  line-height: 1.12 !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  color: #1f1f1d !important;
}

body.pageid-408802 .mod-article__title::before {
  content: none !important;
  display: none !important;
}

/* =========================================================
   7. AUTHOR + DATE ROW
   ========================================================= */

body.pageid-408802 .mod-article__author,
body.pageid-408802 .mod-article__published-date {
  order: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  min-height: 44px !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  color: #7f7d78 !important;
  white-space: nowrap !important;
}

body.pageid-408802 .mod-article__author {
  margin-left: 56px !important;
  color: #1f1f1d !important;
}

body.pageid-408802 .mod-article__author::before {
  content: "JD" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  margin-right: 12px !important;
  border-radius: 999px !important;
  background: #eaf5ff !important;
  color: #1d6fb8 !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body.pageid-408802 .mod-article__published-date {
  margin-left: 28px !important;
}

body.pageid-408802 .mod-article__published-date::before {
  content: "" !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  margin-right: 8px !important;
  border: 2px solid #8d8b85 !important;
  border-radius: 3px !important;
  background:
    linear-gradient(#8d8b85, #8d8b85) 3px 5px / 8px 2px no-repeat,
    transparent !important;
}

/* Optional read-time element, if your HTML has one */
body.pageid-408802 .mod-article__reading-time,
body.pageid-408802 .reading-time {
  order: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 20px 0 0 28px !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  color: #7f7d78 !important;
}

body.pageid-408802 .mod-article__author::after,
body.pageid-408802 .mod-article__published-date::after {
  content: none !important;
}

/* Separator line below the author/date row */
body.pageid-408802 .mod-article__intro::before {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  margin: 0 0 28px !important;
  background: #e9e9e5 !important;
}

/* =========================================================
   8. INTRO + BODY CONTENT
   ========================================================= */

body.pageid-408802 .mod-article__intro {
  order: 5 !important;
  flex: 0 0 calc(100% - 112px) !important;
  width: calc(100% - 112px) !important;
  max-width: none !important;
  margin: 20px 56px 34px !important;
  padding: 0 0 0 18px !important;
  border-left: 4px solid #1d6fb8 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.35rem, 2vw, 1.65rem) !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
  color: #343434 !important;
}

body.pageid-408802 .news-content > .mod-article__content {
  order: 6 !important;
  flex: 0 0 calc(100% - 112px) !important;
  width: calc(100% - 112px) !important;
  max-width: none !important;
  margin: 0 56px 64px !important;
  padding: 0 !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.82 !important;
  color: #303030 !important;
}

body.pageid-408802 .news-content > .mod-article__content p {
  margin: 0 0 1.35rem !important;
  color: #303030 !important;
}

body.pageid-408802 .news-content > .mod-article__content h2 {
  margin: 2.6rem 0 1rem !important;
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.8rem, 2.4vw, 2.45rem) !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #1f1f1d !important;
}

body.pageid-408802 .news-content > .mod-article__content h3 {
  margin: 2.2rem 0 0.85rem !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #1f1f1d !important;
}

body.pageid-408802 .news-content > .mod-article__content ul,
body.pageid-408802 .news-content > .mod-article__content ol {
  margin: 0 0 1.4rem 1.5rem !important;
  padding: 0 !important;
}

body.pageid-408802 .news-content > .mod-article__content li {
  margin-bottom: 0.55rem !important;
}

body.pageid-408802 .news-content > .mod-article__content a {
  color: #0b5fb3 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(11, 95, 179, 0.35) !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px !important;
}

body.pageid-408802 .news-content > .mod-article__content a:hover {
  color: #084b8e !important;
}

/* =========================================================
   9. IMAGES INSIDE BODY
   ========================================================= */

body.pageid-408802 .news-content > .mod-article__content img:not(.mod-article__img) {
  display: block !important;
  width: 100% !important;
  max-width: 850px !important;
  height: auto !important;
  margin: 2.4rem auto !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 40px rgba(20, 35, 90, 0.1) !important;
  object-fit: cover !important;
}

/* =========================================================
   10. PHOTO GALLERY
   ========================================================= */

body.pageid-408802 .article-gallery {
  order: 7 !important;
  flex: 0 0 calc(100% - 112px) !important;
  width: calc(100% - 112px) !important;
  max-width: none !important;
  margin: 0 56px 64px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

body.pageid-408802 .article-gallery img {
  width: 100% !important;
  height: 210px !important;
  display: block !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 30px rgba(20, 35, 90, 0.1) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease !important;
}

body.pageid-408802 .article-gallery img:hover {
  transform: translateY(-3px) scale(1.015) !important;
  box-shadow: 0 20px 44px rgba(20, 35, 90, 0.16) !important;
  filter: saturate(1.04) contrast(1.02) !important;
}

/* =========================================================
   11. RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {
  body.pageid-408802 .zone-breadcrumbs,
  body.pageid-408802 .zone-article {
    width: min(94vw, 1120px) !important;
  }

  body.pageid-408802 .mod-article__category:first-of-type,
  body.pageid-408802 .mod-article__author {
    margin-left: 36px !important;
  }

  body.pageid-408802 .mod-article__title,
  body.pageid-408802 .mod-article__intro,
  body.pageid-408802 .news-content > .mod-article__content,
  body.pageid-408802 .article-gallery {
    flex-basis: calc(100% - 72px) !important;
    width: calc(100% - 72px) !important;
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
}

@media (max-width: 768px) {
  body.pageid-408802 .zone-breadcrumbs {
    margin-top: 32px !important;
    margin-bottom: 20px !important;
  }

  body.pageid-408802 .breadcrumb li {
    font-size: 14px !important;
  }

  body.pageid-408802 .mod-article__img {
    height: clamp(260px, 58vw, 360px) !important;
  }

  body.pageid-408802 .mod-article__category:first-of-type,
  body.pageid-408802 .mod-article__author {
    margin-left: 22px !important;
  }

  body.pageid-408802 .mod-article__category {
    margin-top: 30px !important;
    font-size: 12px !important;
  }

  body.pageid-408802 .mod-article__title,
  body.pageid-408802 .mod-article__intro,
  body.pageid-408802 .news-content > .mod-article__content,
  body.pageid-408802 .article-gallery {
    flex-basis: calc(100% - 44px) !important;
    width: calc(100% - 44px) !important;
    margin-left: 22px !important;
    margin-right: 22px !important;
  }

  body.pageid-408802 .mod-article__title {
    margin-top: 22px !important;
    padding-bottom: 24px !important;
    font-size: clamp(2rem, 8vw, 2.75rem) !important;
  }

  body.pageid-408802 .mod-article__author,
  body.pageid-408802 .mod-article__published-date,
  body.pageid-408802 .mod-article__reading-time,
  body.pageid-408802 .reading-time {
    margin-top: 18px !important;
    font-size: 14px !important;
  }

  body.pageid-408802 .mod-article__published-date,
  body.pageid-408802 .mod-article__reading-time,
  body.pageid-408802 .reading-time {
    margin-left: 18px !important;
  }

  body.pageid-408802 .mod-article__intro {
    margin-top: 18px !important;
    padding-left: 14px !important;
  }

  body.pageid-408802 .article-gallery {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body.pageid-408802 .article-gallery img {
    height: 230px !important;
  }
}

@media (max-width: 480px) {
  body.pageid-408802 .zone-breadcrumbs,
  body.pageid-408802 .zone-article {
    width: calc(100% - 24px) !important;
  }

  body.pageid-408802 .mod-article__wrapper {
    border-radius: 12px 12px 0 0 !important;
  }

  body.pageid-408802 .mod-article__img {
    border-radius: 12px 12px 0 0 !important;
  }

  body.pageid-408802 .mod-article__category,
  body.pageid-408802 .mod-article__published-date,
  body.pageid-408802 .mod-article__author {
    white-space: normal !important;
  }

  body.pageid-408802 .mod-article__published-date {
    margin-left: 22px !important;
  }

  body.pageid-408802 .mod-article__author,
  body.pageid-408802 .mod-article__published-date,
  body.pageid-408802 .mod-article__reading-time,
  body.pageid-408802 .reading-time {
    flex: 0 0 calc(100% - 44px) !important;
  }

  body.pageid-408802 .news-content > .mod-article__content {
    font-size: 16px !important;
  }
}

/* =========================================================
   FINAL OVERRIDES — left-align tag + author/date row
   ========================================================= */

/* Keep all article header items starting from the left, never centered */
body.pageid-408802 .mod-article__wrapper {
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

/* Tag starts from the same left padding as the title */
body.pageid-408802 .mod-article__category,
body.pageid-408802 .mod-article__category:visited {
  flex: 0 0 auto !important;
  align-self: flex-start !important;
  margin-top: 42px !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  text-align: left !important;
}

body.pageid-408802 .mod-article__category:first-of-type {
  margin-left: 56px !important;
}

/* Author and date on one left-aligned row */
body.pageid-408802 .mod-article__author,
body.pageid-408802 .mod-article__published-date {
  flex: 0 0 auto !important;
  align-self: flex-start !important;
  min-height: 44px !important;
  margin-top: 20px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

/* Put author first and date next to it */
body.pageid-408802 .mod-article__author {
  order: 4 !important;
  margin-left: 56px !important;
  margin-right: 0 !important;
  color: #1f1f1d !important;
}

body.pageid-408802 .mod-article__published-date {
  order: 5 !important;
  margin-left: 28px !important;
  margin-right: 0 !important;
  color: #7f7d78 !important;
}

/* Remove the round initials icon and show simple "By" text */
body.pageid-408802 .mod-article__author::before {
  content: "By" !important;
  display: inline !important;
  width: auto !important;
  height: auto !important;
  margin: 0 8px 0 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #7f7d78 !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Keep date icon, but aligned with the author text */
body.pageid-408802 .mod-article__published-date::before {
  margin-right: 8px !important;
  flex: 0 0 auto !important;
}

/* Responsive left padding */
@media (max-width: 900px) {
  body.pageid-408802 .mod-article__category:first-of-type,
  body.pageid-408802 .mod-article__author {
    margin-left: 36px !important;
  }
}

@media (max-width: 768px) {
  body.pageid-408802 .mod-article__category:first-of-type,
  body.pageid-408802 .mod-article__author {
    margin-left: 22px !important;
  }

  body.pageid-408802 .mod-article__published-date {
    margin-left: 20px !important;
  }
}

@media (max-width: 480px) {
  body.pageid-408802 .mod-article__author,
  body.pageid-408802 .mod-article__published-date {
    flex: 0 0 auto !important;
    width: auto !important;
  }

  body.pageid-408802 .mod-article__published-date {
    margin-left: 20px !important;
  }
}

/* =========================================================
   FINAL FIX — author + date as plain text on the same line
   ========================================================= */

/* Make the article header behave like one left-aligned flex row after the title */
body.pageid-408802 .mod-article__wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  text-align: left !important;
}

/* Keep the tag left-aligned */
body.pageid-408802 .mod-article__category,
body.pageid-408802 .mod-article__category:visited {
  order: 2 !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: fit-content !important;
  margin-left: 56px !important;
  margin-right: 0 !important;
  text-align: left !important;
  align-self: flex-start !important;
}

/* Title still takes the full row */
body.pageid-408802 .mod-article__title {
  order: 3 !important;
  flex: 0 0 calc(100% - 112px) !important;
  width: calc(100% - 112px) !important;
}

/* Author and date must both stay inline, not stacked */
body.pageid-408802 .mod-article__author,
body.pageid-408802 .mod-article__published-date {
  order: 4 !important;
  display: inline-flex !important;
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: max-content !important;
  min-height: 24px !important;
  height: auto !important;
  margin-top: 20px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  align-self: flex-start !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

body.pageid-408802 .mod-article__author {
  margin-left: 56px !important;
  margin-right: 28px !important;
  color: #1f1f1d !important;
}

body.pageid-408802 .mod-article__published-date {
  margin-left: 0 !important;
  margin-right: 0 !important;
  color: #7f7d78 !important;
}

/* Remove ALL icons and replace them with simple labels */
body.pageid-408802 .mod-article__author::before {
  content: "By" !important;
  display: inline !important;
  width: auto !important;
  height: auto !important;
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: #7f7d78 !important;
  font: inherit !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.pageid-408802 .mod-article__published-date::before {
  content: "Date" !important;
  display: inline !important;
  width: auto !important;
  height: auto !important;
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: #7f7d78 !important;
  font: inherit !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Intro starts on the next full row */
body.pageid-408802 .mod-article__intro {
  order: 5 !important;
  clear: both !important;
}

@media (max-width: 900px) {
  body.pageid-408802 .mod-article__category,
  body.pageid-408802 .mod-article__category:visited,
  body.pageid-408802 .mod-article__author {
    margin-left: 36px !important;
  }

  body.pageid-408802 .mod-article__title {
    flex-basis: calc(100% - 72px) !important;
    width: calc(100% - 72px) !important;
  }
}

@media (max-width: 768px) {
  body.pageid-408802 .mod-article__category,
  body.pageid-408802 .mod-article__category:visited,
  body.pageid-408802 .mod-article__author {
    margin-left: 22px !important;
  }

  body.pageid-408802 .mod-article__author {
    margin-right: 20px !important;
  }

  body.pageid-408802 .mod-article__title {
    flex-basis: calc(100% - 44px) !important;
    width: calc(100% - 44px) !important;
  }
}

@media (max-width: 480px) {
  body.pageid-408802 .mod-article__author,
  body.pageid-408802 .mod-article__published-date {
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: max-content !important;
    white-space: nowrap !important;
  }
}

/* =========================================================
   FINAL FIX — nicer breadcrumb + smaller gaps
   Paste this at the very end if you do not replace the full file.
   ========================================================= */

/* Reduce the empty space above and below the breadcrumb */
body.pageid-408802 .zone-breadcrumbs {
  width: min(92vw, 1120px) !important;
  max-width: 1120px !important;
  margin: 22px auto 16px !important;
  padding: 0 !important;
}

/* Force the article/image to start closer after the breadcrumb */
body.pageid-408802 .zone-article {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.pageid-408802 .zone-breadcrumbs + .zone-article,
body.pageid-408802 .zone-breadcrumbs ~ .zone-article {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.pageid-408802 .mod-article__wrapper {
  margin-top: 0 !important;
}

/* Beautiful compact breadcrumb */
body.pageid-408802 .breadcrumb {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 9px 14px !important;
  list-style: none !important;
  background: #ffffff !important;
  border: 1px solid rgba(20, 35, 90, 0.10) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 28px rgba(20, 35, 90, 0.06) !important;
}

body.pageid-408802 .breadcrumb li {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  color: #1f1f1d !important;
  white-space: nowrap !important;
}

body.pageid-408802 .breadcrumb li + li::before {
  content: "›" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 12px !important;
  color: #b6b2aa !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

body.pageid-408802 .breadcrumb a {
  color: #0b5fb3 !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  transition: color 0.2s ease, background-color 0.2s ease !important;
}

body.pageid-408802 .breadcrumb a:hover {
  color: #084b8e !important;
  text-decoration: none !important;
}

body.pageid-408802 .breadcrumb li:last-child,
body.pageid-408802 .breadcrumb li:last-child a {
  color: #1f1f1d !important;
  font-weight: 800 !important;
  pointer-events: none !important;
}

/* If Yapla adds hidden margins around breadcrumb/article zones, neutralize them */
body.pageid-408802 .zone-breadcrumbs .container,
body.pageid-408802 .zone-breadcrumbs .row,
body.pageid-408802 .zone-breadcrumbs .col,
body.pageid-408802 .zone-article .container,
body.pageid-408802 .zone-article .row,
body.pageid-408802 .zone-article .col {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

@media (max-width: 768px) {
  body.pageid-408802 .zone-breadcrumbs {
    margin: 16px auto 12px !important;
    width: calc(100% - 32px) !important;
  }

  body.pageid-408802 .breadcrumb {
    padding: 8px 12px !important;
  }

  body.pageid-408802 .breadcrumb li {
    font-size: 13px !important;
  }

  body.pageid-408802 .breadcrumb li + li::before {
    margin: 0 9px !important;
    font-size: 16px !important;
  }
}

/* =========================================================
   FINAL BREADCRUMB OVERRIDE — reference style + tighter gaps
   Paste this at the END of your CSS if you do not replace the file.
   ========================================================= */

/* Controls the space ABOVE and BELOW the breadcrumb */
body.pageid-408802 .zone-breadcrumbs {
  width: min(92vw, 1120px) !important;
  max-width: 1120px !important;
  margin: 18px auto 14px !important; /* top gap | bottom gap */
  padding: 0 !important;
}

body.pageid-408802 .breadcrumb {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.pageid-408802 .breadcrumb li {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  color: #8b8983 !important;
  white-space: nowrap !important;
}

/* Pretty separator like the attached image */
body.pageid-408802 .breadcrumb li + li::before {
  content: "›" !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 13px !important;
  color: #9d9b95 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

body.pageid-408802 .breadcrumb a {
  color: #0b5fb3 !important;
  text-decoration: none !important;
  font-weight: 650 !important;
}

body.pageid-408802 .breadcrumb a:hover {
  color: #084b8e !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

body.pageid-408802 .breadcrumb li:last-child,
body.pageid-408802 .breadcrumb li:last-child a {
  color: #88857f !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  pointer-events: none !important;
}

/* Make the hero/article start closer after the breadcrumb */
body.pageid-408802 .zone-article {
  margin-top: 0 !important;
}

/* If there is an extra Yapla wrapper adding space between breadcrumb and article */
body.pageid-408802 .zone-breadcrumbs + .zone-article,
body.pageid-408802 .zone-breadcrumbs + * {
  margin-top: 0 !important;
}

@media (max-width: 768px) {
  body.pageid-408802 .zone-breadcrumbs {
    margin: 14px auto 12px !important;
    padding: 0 16px !important;
  }

  body.pageid-408802 .breadcrumb li {
    font-size: 15px !important;
  }

  body.pageid-408802 .breadcrumb li + li::before {
    margin: 0 9px !important;
    font-size: 17px !important;
  }
}

/* =========================================================
   FINAL UPDATE — rounded breadcrumb box + better font + tighter gaps
   ========================================================= */

/* Smaller space above and especially below the breadcrumb */
body.pageid-408802 .zone-breadcrumbs {
  width: min(92vw, 1120px) !important;
  max-width: 1120px !important;
  margin: 12px auto 6px !important; /* top gap | bottom gap */
  padding: 0 !important;
}

/* Remove extra top spacing from the article/image area */
body.pageid-408802 .zone-article,
body.pageid-408802 .mod-article__wrapper,
body.pageid-408802 .news-content.mod-article__content,
body.pageid-408802 .mod-article__img {
  margin-top: 0 !important;
}

body.pageid-408802 .zone-breadcrumbs + .zone-article,
body.pageid-408802 .zone-breadcrumbs ~ .zone-article,
body.pageid-408802 .zone-breadcrumbs + *,
body.pageid-408802 .zone-breadcrumbs ~ * {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Rounded breadcrumb box */
body.pageid-408802 .breadcrumb {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 10px 16px !important;
  list-style: none !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(20, 35, 90, 0.10) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 28px rgba(20, 35, 90, 0.055) !important;
  backdrop-filter: blur(6px) !important;
}

/* Better breadcrumb typography */
body.pageid-408802 .breadcrumb li {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: #8a877f !important;
  white-space: nowrap !important;
}

body.pageid-408802 .breadcrumb li + li::before {
  content: "›" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 11px !important;
  color: #aaa69d !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

body.pageid-408802 .breadcrumb a {
  color: #0b5fb3 !important;
  text-decoration: none !important;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

body.pageid-408802 .breadcrumb a:hover {
  color: #084b8e !important;
  text-decoration: none !important;
}

body.pageid-408802 .breadcrumb li:last-child,
body.pageid-408802 .breadcrumb li:last-child a {
  color: #8a877f !important;
  font-weight: 700 !important;
  pointer-events: none !important;
  text-decoration: none !important;
}

/* Strong override for hidden Yapla spacing wrappers */
body.pageid-408802 .zone-breadcrumbs .container,
body.pageid-408802 .zone-breadcrumbs .row,
body.pageid-408802 .zone-breadcrumbs .col,
body.pageid-408802 .zone-breadcrumbs [class*="container"],
body.pageid-408802 .zone-breadcrumbs [class*="row"],
body.pageid-408802 .zone-breadcrumbs [class*="col"],
body.pageid-408802 .zone-article .container,
body.pageid-408802 .zone-article .row,
body.pageid-408802 .zone-article .col,
body.pageid-408802 .zone-article [class*="container"],
body.pageid-408802 .zone-article [class*="row"],
body.pageid-408802 .zone-article [class*="col"] {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

@media (max-width: 768px) {
  body.pageid-408802 .zone-breadcrumbs {
    width: calc(100% - 32px) !important;
    margin: 10px auto 6px !important;
    padding: 0 !important;
  }

  body.pageid-408802 .breadcrumb {
    padding: 9px 13px !important;
  }

  body.pageid-408802 .breadcrumb li,
  body.pageid-408802 .breadcrumb a {
    font-size: 13px !important;
  }

  body.pageid-408802 .breadcrumb li + li::before {
    margin: 0 8px !important;
    font-size: 16px !important;
  }
}

/* =========================================================
   FINAL FIX REQUEST — breadcrumb typography/gap + meta same row
   ========================================================= */

/* 1) Breadcrumb: same font and size for all items */
body.pageid-408802 .zone-breadcrumbs {
  width: min(92vw, 1120px) !important;
  max-width: 1120px !important;
  margin-top: 8px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

body.pageid-408802 .breadcrumb {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  width: auto !important;
  margin: 0 !important;
  padding: 9px 15px !important;
  gap: 0 !important;
  background: #ffffff !important;
  border: 1px solid rgba(20, 35, 90, 0.12) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 26px rgba(20, 35, 90, 0.055) !important;
  list-style: none !important;
}

body.pageid-408802 .breadcrumb li,
body.pageid-408802 .breadcrumb li a,
body.pageid-408802 .breadcrumb a,
body.pageid-408802 .breadcrumb li:last-child,
body.pageid-408802 .breadcrumb li:last-child a {
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.pageid-408802 .breadcrumb li,
body.pageid-408802 .breadcrumb li:last-child,
body.pageid-408802 .breadcrumb li:last-child a {
  color: #8a8780 !important;
}

body.pageid-408802 .breadcrumb a {
  color: #0b5fb3 !important;
}

body.pageid-408802 .breadcrumb a:hover {
  color: #084b8e !important;
  text-decoration: none !important;
}

body.pageid-408802 .breadcrumb li + li::before {
  content: "›" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 11px !important;
  color: #aaa69d !important;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

/* 2) Pull the article image closer to the breadcrumb */
body.pageid-408802 .zone-article {
  margin-top: -82px !important;
  padding-top: 0 !important;
}

body.pageid-408802 .zone-breadcrumbs + .zone-article,
body.pageid-408802 .zone-breadcrumbs ~ .zone-article {
  margin-top: -82px !important;
  padding-top: 0 !important;
}

body.pageid-408802 .mod-article__wrapper,
body.pageid-408802 .news-content.mod-article__content,
body.pageid-408802 .mod-article__img {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 3) Author and date: no icons, plain labels, same row */
body.pageid-408802 .mod-article__wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

body.pageid-408802 .mod-article__author,
body.pageid-408802 .mod-article__published-date {
  order: 4 !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 24px !important;
  height: auto !important;
  margin-top: 20px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  align-self: flex-start !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  color: #1f1f1d !important;
}

body.pageid-408802 .mod-article__author {
  order: 4 !important;
  margin-left: 56px !important;
  margin-right: 28px !important;
}

body.pageid-408802 .mod-article__published-date {
  order: 5 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.pageid-408802 .mod-article__author::before,
body.pageid-408802 .mod-article__published-date::before {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: #7f7d78 !important;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.pageid-408802 .mod-article__author::before {
  content: "By" !important;
}

body.pageid-408802 .mod-article__published-date::before {
  content: "Date" !important;
}

body.pageid-408802 .mod-article__author::after,
body.pageid-408802 .mod-article__published-date::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 900px) {
  body.pageid-408802 .zone-article,
  body.pageid-408802 .zone-breadcrumbs + .zone-article,
  body.pageid-408802 .zone-breadcrumbs ~ .zone-article {
    margin-top: -58px !important;
  }

  body.pageid-408802 .mod-article__author {
    margin-left: 36px !important;
  }
}

@media (max-width: 768px) {
  body.pageid-408802 .zone-breadcrumbs {
    width: calc(100% - 32px) !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
  }

  body.pageid-408802 .zone-article,
  body.pageid-408802 .zone-breadcrumbs + .zone-article,
  body.pageid-408802 .zone-breadcrumbs ~ .zone-article {
    margin-top: -38px !important;
  }

  body.pageid-408802 .breadcrumb {
    padding: 8px 12px !important;
  }

  body.pageid-408802 .breadcrumb li,
  body.pageid-408802 .breadcrumb li a,
  body.pageid-408802 .breadcrumb a,
  body.pageid-408802 .breadcrumb li:last-child,
  body.pageid-408802 .breadcrumb li:last-child a,
  body.pageid-408802 .breadcrumb li + li::before {
    font-size: 14px !important;
  }

  body.pageid-408802 .breadcrumb li + li::before {
    margin: 0 8px !important;
  }

  body.pageid-408802 .mod-article__author {
    margin-left: 22px !important;
    margin-right: 20px !important;
  }
}

@media (max-width: 480px) {
  body.pageid-408802 .zone-article,
  body.pageid-408802 .zone-breadcrumbs + .zone-article,
  body.pageid-408802 .zone-breadcrumbs ~ .zone-article {
    margin-top: -24px !important;
  }

  body.pageid-408802 .mod-article__author,
  body.pageid-408802 .mod-article__published-date {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
  }
}

/* =========================================================
   ULTIMATE FIX — align tag, title, By and Date on the same left edge
   ========================================================= */

/* Use a real grid for the article card so the meta row cannot wrap/stack */
body.pageid-408802 .mod-article__wrapper {
  display: grid !important;
  grid-template-columns: 56px max-content max-content 1fr !important;
  column-gap: 28px !important;
  row-gap: 0 !important;
  align-items: center !important;
  justify-items: start !important;
  justify-content: stretch !important;
  text-align: left !important;
}

/* Keep Yapla content wrapper invisible for layout, so its children align with the grid */
body.pageid-408802 .news-content.mod-article__content {
  display: contents !important;
}

/* Hero image stays full width */
body.pageid-408802 .mod-article__img {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  margin: 0 !important;
}

/* Tags start on the same left line as the title/meta */
body.pageid-408802 .mod-article__category,
body.pageid-408802 .mod-article__category:visited {
  grid-row: 2 !important;
  grid-column: auto !important;
  align-self: start !important;
  justify-self: start !important;
  width: auto !important;
  max-width: max-content !important;
  margin: 42px 0 0 0 !important;
}

body.pageid-408802 .mod-article__category:first-of-type {
  grid-column: 2 !important;
  margin-left: 0 !important;
}

/* Title aligned with tag and meta row */
body.pageid-408802 .mod-article__title {
  grid-column: 2 / -1 !important;
  grid-row: 3 !important;
  width: 100% !important;
  max-width: 960px !important;
  margin: 26px 56px 0 0 !important;
  padding: 0 0 28px !important;
  align-self: start !important;
  justify-self: start !important;
}

/* By + Date: same row, same baseline, aligned with title/tag */
body.pageid-408802 .mod-article__author,
body.pageid-408802 .mod-article__published-date {
  grid-row: 4 !important;
  display: inline-flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  align-self: center !important;
  justify-self: start !important;
  width: auto !important;
  max-width: max-content !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin-top: 22px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  color: #1f1f1d !important;
}

body.pageid-408802 .mod-article__author {
  grid-column: 2 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.pageid-408802 .mod-article__published-date {
  grid-column: 3 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Remove every icon and use plain labels only */
body.pageid-408802 .mod-article__author::before,
body.pageid-408802 .mod-article__published-date::before {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: #7f7d78 !important;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.pageid-408802 .mod-article__author::before {
  content: "By" !important;
}

body.pageid-408802 .mod-article__published-date::before {
  content: "Date" !important;
}

body.pageid-408802 .mod-article__author::after,
body.pageid-408802 .mod-article__published-date::after {
  content: none !important;
  display: none !important;
}

/* Intro and body start under the meta row, with the same left alignment */
body.pageid-408802 .mod-article__intro {
  grid-column: 2 / -1 !important;
  grid-row: 5 !important;
  width: auto !important;
  max-width: 960px !important;
  margin: 34px 56px 34px 0 !important;
  align-self: start !important;
  justify-self: start !important;
}

body.pageid-408802 .news-content > .mod-article__content {
  grid-column: 2 / -1 !important;
  grid-row: 6 !important;
  width: auto !important;
  max-width: 960px !important;
  margin: 0 56px 64px 0 !important;
  align-self: start !important;
  justify-self: start !important;
}

body.pageid-408802 .article-gallery {
  grid-column: 2 / -1 !important;
  grid-row: 7 !important;
  width: auto !important;
  max-width: 960px !important;
  margin: 0 56px 64px 0 !important;
}

@media (max-width: 900px) {
  body.pageid-408802 .mod-article__wrapper {
    grid-template-columns: 36px max-content max-content 1fr !important;
    column-gap: 24px !important;
  }

  body.pageid-408802 .mod-article__title,
  body.pageid-408802 .mod-article__intro,
  body.pageid-408802 .news-content > .mod-article__content,
  body.pageid-408802 .article-gallery {
    margin-right: 36px !important;
  }
}

@media (max-width: 768px) {
  body.pageid-408802 .mod-article__wrapper {
    grid-template-columns: 22px max-content max-content 1fr !important;
    column-gap: 18px !important;
  }

  body.pageid-408802 .mod-article__title,
  body.pageid-408802 .mod-article__intro,
  body.pageid-408802 .news-content > .mod-article__content,
  body.pageid-408802 .article-gallery {
    margin-right: 22px !important;
  }

  body.pageid-408802 .mod-article__author,
  body.pageid-408802 .mod-article__published-date,
  body.pageid-408802 .mod-article__author::before,
  body.pageid-408802 .mod-article__published-date::before {
    font-size: 14px !important;
  }
}

@media (max-width: 480px) {
  body.pageid-408802 .mod-article__wrapper {
    grid-template-columns: 22px 1fr !important;
    column-gap: 0 !important;
  }

  body.pageid-408802 .mod-article__category,
  body.pageid-408802 .mod-article__category:first-of-type,
  body.pageid-408802 .mod-article__title,
  body.pageid-408802 .mod-article__intro,
  body.pageid-408802 .news-content > .mod-article__content,
  body.pageid-408802 .article-gallery {
    grid-column: 2 / -1 !important;
  }

  body.pageid-408802 .mod-article__author {
    grid-column: 2 !important;
    grid-row: 4 !important;
  }

  body.pageid-408802 .mod-article__published-date {
    grid-column: 2 !important;
    grid-row: 5 !important;
    margin-top: 10px !important;
  }

  body.pageid-408802 .mod-article__intro {
    grid-row: 6 !important;
  }

  body.pageid-408802 .news-content > .mod-article__content {
    grid-row: 7 !important;
  }

  body.pageid-408802 .article-gallery {
    grid-row: 8 !important;
  }
}

/* =========================================================
   FINAL FIX — full-width line before intro + blue line beside text
   ========================================================= */

/* Make sure the article card can place the separator as a grid item */
body.pageid-408802 .mod-article__wrapper {
  position: relative !important;
}

/* Remove the old intro separator that was only as wide as the intro text area */
body.pageid-408802 .mod-article__intro::before {
  content: none !important;
  display: none !important;
}

/* Add one horizontal line across the full white content area */
body.pageid-408802 .mod-article__wrapper::after {
  content: "" !important;
  display: block !important;
  grid-column: 1 / -1 !important;
  grid-row: 5 !important;
  width: auto !important;
  height: 1px !important;
  margin: 34px 56px 0 56px !important;
  background: #e7e5df !important;
  align-self: start !important;
  justify-self: stretch !important;
}

/* Put the intro after the full-width line.
   The blue vertical line now belongs to the intro block itself,
   so it sits directly beside the intro text. */
body.pageid-408802 .mod-article__intro {
  grid-column: 2 / -1 !important;
  grid-row: 6 !important;
  width: auto !important;
  max-width: 960px !important;
  margin: 34px 56px 34px 0 !important;
  padding: 0 0 0 18px !important;
  border-left: 4px solid #1d6fb8 !important;
  background: transparent !important;
  box-shadow: none !important;
  align-self: start !important;
  justify-self: start !important;
}

body.pageid-408802 .news-content > .mod-article__content {
  grid-column: 2 / -1 !important;
  grid-row: 7 !important;
  width: auto !important;
  max-width: 960px !important;
  margin: 0 56px 64px 0 !important;
}

body.pageid-408802 .article-gallery {
  grid-column: 2 / -1 !important;
  grid-row: 8 !important;
  width: auto !important;
  max-width: 960px !important;
  margin: 0 56px 64px 0 !important;
}

@media (max-width: 900px) {
  body.pageid-408802 .mod-article__wrapper::after {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
}

@media (max-width: 768px) {
  body.pageid-408802 .mod-article__wrapper::after {
    margin-left: 22px !important;
    margin-right: 22px !important;
  }
}

@media (max-width: 480px) {
  body.pageid-408802 .mod-article__wrapper::after {
    grid-column: 1 / -1 !important;
    grid-row: 6 !important;
    margin: 26px 22px 0 22px !important;
  }

  body.pageid-408802 .mod-article__intro {
    grid-column: 2 / -1 !important;
    grid-row: 7 !important;
    margin-top: 28px !important;
  }

  body.pageid-408802 .news-content > .mod-article__content {
    grid-row: 8 !important;
  }

  body.pageid-408802 .article-gallery {
    grid-row: 9 !important;
  }
}

/* =========================================================
   FINAL OVERRIDE — center the whole white article container
   ========================================================= */

/* Center the article card itself in the page/viewport */
body.pageid-408802 .zone-article {
  width: min(92vw, 1120px) !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: none !important;
  clear: both !important;
  display: block !important;
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

body.pageid-408802 .mod-article__wrapper {
  width: 100% !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Keep the breadcrumb aligned with the centered article card */
body.pageid-408802 .zone-breadcrumbs {
  width: min(92vw, 1120px) !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: none !important;
  clear: both !important;
  display: block !important;
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

@media (max-width: 768px) {
  body.pageid-408802 .zone-article,
  body.pageid-408802 .zone-breadcrumbs {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
  }
}

/* =========================================================
   FINAL FIX — true visual centering of breadcrumb + white card
   The previous version was a little to the right on the page.
   Change --aedbf-center-nudge to -10px / -20px / -40px if needed.
   ========================================================= */

body.pageid-408802 {
  --aedbf-article-width: 1120px;
  --aedbf-side-space: 48px;
  --aedbf-center-nudge: -32px;
}

body.pageid-408802 .zone-article,
body.pageid-408802 .zone-breadcrumbs {
  width: min(calc(100vw - (var(--aedbf-side-space) * 2)), var(--aedbf-article-width)) !important;
  max-width: var(--aedbf-article-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: none !important;
  clear: both !important;
  display: block !important;
  position: relative !important;
  left: var(--aedbf-center-nudge) !important;
  right: auto !important;
  transform: none !important;
}

body.pageid-408802 .mod-article__wrapper {
  width: 100% !important;
  max-width: var(--aedbf-article-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 768px) {
  body.pageid-408802 {
    --aedbf-side-space: 16px;
    --aedbf-center-nudge: 0px;
  }

  body.pageid-408802 .zone-article,
  body.pageid-408802 .zone-breadcrumbs {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    left: 0 !important;
  }
}

/* =========================================================
   FINAL OVERRIDE — matching deep blue tint
   Matches breadcrumb blue + intro vertical line to the attached navy tone.
   ========================================================= */

body.pageid-408802 {
  --aedbf-deep-blue: #1a2351;
  --aedbf-deep-blue-hover: #202b57;
}

/* Breadcrumb links: same blue tint */
body.pageid-408802 .breadcrumb a,
body.pageid-408802 .breadcrumb a:link,
body.pageid-408802 .breadcrumb a:visited,
body.pageid-408802 .zone-breadcrumbs .breadcrumb a,
body.pageid-408802 .zone-breadcrumbs .breadcrumb a:link,
body.pageid-408802 .zone-breadcrumbs .breadcrumb a:visited {
  color: var(--aedbf-deep-blue) !important;
}

body.pageid-408802 .breadcrumb a:hover,
body.pageid-408802 .breadcrumb a:focus,
body.pageid-408802 .zone-breadcrumbs .breadcrumb a:hover,
body.pageid-408802 .zone-breadcrumbs .breadcrumb a:focus {
  color: var(--aedbf-deep-blue-hover) !important;
}

/* Intro vertical line: exactly the same blue as breadcrumb */
body.pageid-408802 .mod-article__intro {
  border-left-color: var(--aedbf-deep-blue) !important;
}

/* Any article links inside the intro/body that appear blue should match too */
body.pageid-408802 .mod-article__intro a,
body.pageid-408802 .news-content > .mod-article__content a {
  color: var(--aedbf-deep-blue) !important;
  text-decoration-color: var(--aedbf-deep-blue) !important;
}

body.pageid-408802 .mod-article__intro a:hover,
body.pageid-408802 .news-content > .mod-article__content a:hover {
  color: var(--aedbf-deep-blue-hover) !important;
  text-decoration-color: var(--aedbf-deep-blue-hover) !important;
}