/*
 * Ideal Spaces Modern UI Test v0.6.11
 * Perspectives, Research and Events intentionally use the original theme layout.
 * Reversible: deactivate this plugin to remove all styles.
 * Keeps the existing Neuton typography.
 */

/* ============================================================
   DESIGN TOKENS
   ============================================================ */
.is-modern-ui-test {
  --is-navy: #0b1728;
  --is-navy-soft: #13233a;
  --is-wine: #192331;
  --is-wine-deep: #0b0f14;
  --is-wine-bright: #6a8dbb;
  --is-cream: #f6f0f2;
  --is-ink: #191017;
  --is-card: rgba(10, 13, 18, 0.92);
  --is-card-border: rgba(255, 255, 255, 0.14);
}

/* ============================================================
   DESKTOP HEADER / MENU
   The original theme creates large white pseudo-elements on the
   menu. We explicitly remove those only on desktop.
   ============================================================ */
@media only screen and (min-width: 1200px) {
  .is-modern-ui-test .site-header {
    height: 78px !important;
    background:
      radial-gradient(circle at 10% 0%, rgba(36, 50, 68, 0.42), transparent 30%),
      linear-gradient(100deg, var(--is-navy) 0%, #161323 48%, var(--is-wine-deep) 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 14px 38px rgba(12, 5, 12, 0.20) !important;
    overflow: visible !important;
    z-index: 1000 !important;
  }

  .is-modern-ui-test .site-header .mainHeader {
    height: 78px !important;
    max-width: 1440px !important;
    padding: 0 28px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .is-modern-ui-test .site-header .mainHeader .mainHeaderLogo,
  .is-modern-ui-test .site-header .mainHeader .mainHeaderMenu,
  .is-modern-ui-test .site-header .mainHeader .mainHeaderMenu nav {
    height: 78px !important;
  }

  .is-modern-ui-test .site-header .mainHeader .mainHeaderLogo {
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
  }

  .is-modern-ui-test .site-header .mainHeader .mainHeaderLogo .logo {
    position: static !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
  }

  .is-modern-ui-test .site-header .mainHeader .mainHeaderLogo img {
    width: 154px !important;
    max-height: 54px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
    opacity: 0.96 !important;
  }

  .is-modern-ui-test .mainHeaderMenu:before,
  .is-modern-ui-test .mainMenu::after,
  .is-modern-ui-test .mainMenu > li::after,
  .is-modern-ui-test .mainMenu > li::before {
    content: none !important;
    display: none !important;
  }

  .is-modern-ui-test .mainHeaderMenu {
    margin-left: auto !important;
  }

  .is-modern-ui-test .mainMenu {
    position: relative !important;
    inset: auto !important;
    min-height: 0 !important;
    height: 78px !important;
    width: auto !important;
    display: flex !important;
    align-items: stretch !important;
    gap: 2px !important;
    background: transparent !important;
    transform: none !important;
    overflow: visible !important;
  }

  .is-modern-ui-test .mainMenu > li {
    height: 78px !important;
    padding: 0 9px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  .is-modern-ui-test .mainMenu > li > a {
    position: relative !important;
    z-index: 3 !important;
    width: auto !important;
    height: 78px !important;
    margin: 0 !important;
    padding: 0 2px !important;
    display: flex !important;
    align-items: center !important;
    color: rgba(255, 255, 255, 0.78) !important;
    background: transparent !important;
    font-family: "Neuton", serif !important;
    font-size: 17px !important;
    line-height: 1 !important;
    font-weight: 300 !important;
    letter-spacing: 0 !important;
    text-transform: lowercase !important;
    text-decoration: none !important;
    transition: color 180ms ease, opacity 180ms ease !important;
  }

  .is-modern-ui-test .mainMenu > li > a::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 10px !important;
    top: auto !important;
    width: 100% !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #3a4f6b, #6a8dbb) !important;
    transform: scaleX(0) !important;
    transform-origin: center !important;
    transition: transform 220ms ease !important;
  }

  .is-modern-ui-test .mainMenu > li:hover > a,
  .is-modern-ui-test .mainMenu > li.current-menu-item > a,
  .is-modern-ui-test .mainMenu > li.current-menu-ancestor > a {
    color: #ffffff !important;
  }

  .is-modern-ui-test .mainMenu > li:hover > a::after,
  .is-modern-ui-test .mainMenu > li.current-menu-item > a::after,
  .is-modern-ui-test .mainMenu > li.current-menu-ancestor > a::after {
    transform: scaleX(1) !important;
  }

  /* Desktop dropdown */
  .is-modern-ui-test .mainMenu li > ul {
    top: calc(100% - 2px) !important;
    left: 0 !important;
    width: max-content !important;
    min-width: 230px !important;
    height: auto !important;
    padding: 14px 14px 16px !important;
    margin: 0 !important;
    display: block !important;
    background: rgba(10, 13, 18, 0.96) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-top: 0 !important;
    border-radius: 0 0 14px 14px !important;
    box-shadow: 0 24px 45px rgba(10, 13, 18, 0.34) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    transform: translateY(-14px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 180ms ease, transform 220ms ease, visibility 180ms ease !important;
  }

  .is-modern-ui-test .mainMenu li:hover > ul {
    transform: translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .is-modern-ui-test .mainMenu li > ul li {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    text-align: left !important;
  }

  .is-modern-ui-test .mainMenu li > ul li a {
    width: 100% !important;
    display: block !important;
    padding: 8px 10px !important;
    color: rgba(255, 255, 255, 0.76) !important;
    background: transparent !important;
    border-radius: 8px !important;
    font-family: "Neuton", serif !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
    text-align: left !important;
    white-space: nowrap !important;
    transition: color 180ms ease, background 180ms ease !important;
  }

  .is-modern-ui-test .mainMenu li > ul li a::after {
    content: none !important;
  }

  .is-modern-ui-test .mainMenu li > ul li a:hover {
    color: #fff !important;
    background: rgba(58, 79, 107, 0.18) !important;
  }
}

/* ============================================================
   PODCASTS & INTERVIEWS PAGE — PAGE ID 1096
   Existing HTML already contains .news-image + .news-info.
   We turn that structure into real cards instead of rebuilding it.
   ============================================================ */
.is-modern-ui-test.page-id-1096 {
  background: #0a0e12 !important;
}

.is-modern-ui-test.page-id-1096 #content,
.is-modern-ui-test.page-id-1096 .site-content {
  position: relative !important;
  background:
    radial-gradient(circle at 86% 10%, rgba(38, 53, 73, 0.34), transparent 31rem),
    radial-gradient(circle at 18% 22%, rgba(18, 45, 77, 0.22), transparent 30rem),
    linear-gradient(145deg, #f8f3f4 0%, #eadfe2 22%, #283444 52%, #0b0f14 76%, #0a0d12 100%) !important;
}

.is-modern-ui-test.page-id-1096 #content::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    repeating-linear-gradient(118deg, rgba(255,255,255,0.045) 0 1px, transparent 1px 24px),
    radial-gradient(ellipse at 80% 20%, rgba(255,255,255,0.10), transparent 35%);
  mask-image: linear-gradient(to bottom, black 0%, black 52%, transparent 88%);
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 52%, transparent 88%);
  opacity: 0.55 !important;
}

.is-modern-ui-test.page-id-1096 .entry-header,
.is-modern-ui-test.page-id-1096 .entry-content {
  position: relative !important;
  z-index: 1 !important;
}

.is-modern-ui-test.page-id-1096 .entry-header {
  max-width: 1360px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 72px 30px 34px !important;
}

.is-modern-ui-test.page-id-1096 .entry-title {
  color: #0e1319 !important;
  margin: 0 !important;
}

.is-modern-ui-test.page-id-1096 .entry-title::after {
  content: "" !important;
  display: block !important;
  width: 54px !important;
  height: 3px !important;
  margin-top: 22px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #3a4f6b, #6a8dbb) !important;
}

.is-modern-ui-test.page-id-1096 .iswg-news {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
  padding: 28px 0 96px !important;
  margin: 0 !important;
}

.is-modern-ui-test.page-id-1096 .iswg-news .news {
  max-width: 1360px !important;
  width: calc(100% - 60px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  list-style: none !important;
}

.is-modern-ui-test.page-id-1096 .iswg-news .news li {
  position: relative !important;
  width: auto !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 330px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(45, 60, 81, 0.22), transparent 42%),
    linear-gradient(145deg, rgba(18, 24, 32, 0.96), rgba(10, 13, 18, 0.98)) !important;
  border: 1px solid var(--is-card-border) !important;
  box-shadow: 0 18px 44px rgba(10, 13, 18, 0.24) !important;
  transform: translateY(0) !important;
  transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease !important;
}

.is-modern-ui-test.page-id-1096 .iswg-news .news li:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(70, 96, 132, 0.44) !important;
  box-shadow: 0 28px 58px rgba(10, 13, 18, 0.34) !important;
}

.is-modern-ui-test.page-id-1096 .iswg-news .news li > a {
  width: 100% !important;
  height: 100% !important;
  min-height: 330px !important;
  display: grid !important;
  grid-template-columns: 42% 58% !important;
  align-items: stretch !important;
  color: inherit !important;
}

.is-modern-ui-test.page-id-1096 .iswg-news .news li .news-image {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 330px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #0d1116 !important;
}

.is-modern-ui-test.page-id-1096 .iswg-news .news li .news-image::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent 54%, rgba(10, 13, 18, 0.72) 100%) !important;
}

.is-modern-ui-test.page-id-1096 .iswg-news .news li .news-image a,
.is-modern-ui-test.page-id-1096 .iswg-news .news li .news-image picture {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.is-modern-ui-test.page-id-1096 .iswg-news .news li .news-image picture img,
.is-modern-ui-test.page-id-1096 .iswg-news .news li .news-image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 330px !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(0.82) contrast(1.04) !important;
  transform: scale(1.001) !important;
  transition: transform 600ms cubic-bezier(.2,.7,.2,1), filter 300ms ease !important;
}

.is-modern-ui-test.page-id-1096 .iswg-news .news li:hover .news-image img {
  transform: scale(1.045) !important;
  filter: saturate(0.96) contrast(1.06) !important;
}

.is-modern-ui-test.page-id-1096 .iswg-news .news li .news-info {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 24px 24px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  color: rgba(255, 255, 255, 0.82) !important;
  background: transparent !important;
}

.is-modern-ui-test.page-id-1096 .iswg-news .news li .news-info,
.is-modern-ui-test.page-id-1096 .iswg-news .news li .news-info p,
.is-modern-ui-test.page-id-1096 .iswg-news .news li .news-info span,
.is-modern-ui-test.page-id-1096 .iswg-news .news li .news-info div {
  font-family: "Neuton", serif !important;
}

.is-modern-ui-test.page-id-1096 .iswg-news .news li .news-info .news-categories {
  margin: 0 0 12px !important;
  color: #4c688f !important;
  font-family: "Barlow-Bold", sans-serif !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}

.is-modern-ui-test.page-id-1096 .iswg-news .news li .news-info h2 {
  margin: 0 0 16px !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-family: "Neuton", serif !important;
  font-size: 24px !important;
  line-height: 1.08 !important;
  font-weight: 400 !important;
  letter-spacing: -0.015em !important;
}

.is-modern-ui-test.page-id-1096 .iswg-news .news li .news-info h2::after {
  content: none !important;
  display: none !important;
}

.is-modern-ui-test.page-id-1096 .iswg-news .news li .news-info p {
  margin: 0 0 12px !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 17px !important;
  line-height: 1.48 !important;
}

.is-modern-ui-test.page-id-1096 .iswg-news .news li .news-info button,
.is-modern-ui-test.page-id-1096 .iswg-news .news li .news-info .publication-links {
  margin-top: auto !important;
}

.is-modern-ui-test.page-id-1096 .iswg-news .news li .news-info button {
  align-self: flex-start !important;
  width: auto !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.is-modern-ui-test.page-id-1096 .iswg-news .news li .news-info button a,
.is-modern-ui-test.page-id-1096 .iswg-news .news li .news-info .publication-links a {
  color: #51719d !important;
  font-family: "Neuton", serif !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

.is-modern-ui-test.page-id-1096 .iswg-news .news li .news-info button a::after,
.is-modern-ui-test.page-id-1096 .iswg-news .news li .news-info .publication-links a::after {
  content: "  →" !important;
}

/* Tablet */
@media only screen and (max-width: 1199px) {
  .is-modern-ui-test.page-id-1096 .iswg-news .news {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .is-modern-ui-test.page-id-1096 .iswg-news .news li,
  .is-modern-ui-test.page-id-1096 .iswg-news .news li > a,
  .is-modern-ui-test.page-id-1096 .iswg-news .news li .news-image,
  .is-modern-ui-test.page-id-1096 .iswg-news .news li .news-image img {
    min-height: 300px !important;
  }
}

/* Mobile — preserve the existing mobile menu; cards become one column */
@media only screen and (max-width: 699px) {
  .is-modern-ui-test.page-id-1096 .entry-header {
    padding: 44px 20px 24px !important;
  }

  .is-modern-ui-test.page-id-1096 .iswg-news {
    padding-bottom: 60px !important;
  }

  .is-modern-ui-test.page-id-1096 .iswg-news .news {
    width: calc(100% - 32px) !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .is-modern-ui-test.page-id-1096 .iswg-news .news li,
  .is-modern-ui-test.page-id-1096 .iswg-news .news li > a {
    min-height: 0 !important;
  }

  .is-modern-ui-test.page-id-1096 .iswg-news .news li > a {
    grid-template-columns: 1fr !important;
  }

  .is-modern-ui-test.page-id-1096 .iswg-news .news li .news-image,
  .is-modern-ui-test.page-id-1096 .iswg-news .news li .news-image img {
    min-height: 0 !important;
    height: 230px !important;
  }

  .is-modern-ui-test.page-id-1096 .iswg-news .news li .news-image::after {
    background: linear-gradient(180deg, transparent 60%, rgba(10, 13, 18, 0.66) 100%) !important;
  }

  .is-modern-ui-test.page-id-1096 .iswg-news .news li .news-info {
    padding: 22px 22px 24px !important;
  }
}

/* ============================================================
   V0.2 — MOCKUP MATCH PASS
   Stronger selectors deliberately beat the existing Custom CSS.
   ============================================================ */

/* ----- Desktop navigation: wine/navy bar, light links, soft pill hover ----- */
@media only screen and (min-width: 1200px) {
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu > li > a,
  body.is-modern-ui-test .site-header header.mainHeader .mainHeaderMenu .mainMenu > li > a {
    color: rgba(255,255,255,0.84) !important;
    background: transparent !important;
    padding: 0 9px !important;
    border-radius: 8px !important;
    font-family: "Neuton", serif !important;
    font-size: 17px !important;
    font-weight: 300 !important;
    text-decoration: none !important;
  }

  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu > li:hover > a,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu > li.current-menu-item > a,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu > li.current-menu-ancestor > a {
    color: #fff !important;
    background: rgba(255,255,255,0.065) !important;
  }

  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu > li > a::after {
    left: 9px !important;
    right: 9px !important;
    bottom: 7px !important;
    width: auto !important;
    height: 2px !important;
    background: linear-gradient(90deg, #3a4f6b, #6a8dbb) !important;
  }

  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu > li > a.title[href*="idealspaces.org"] {
    color: #698cba !important;
    background: transparent !important;
  }

  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu > li > ul {
    background: linear-gradient(145deg, rgba(20,20,34,.98), rgba(16, 23, 32, .98)) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-top: 0 !important;
    box-shadow: 0 24px 55px rgba(7,3,10,.38) !important;
  }

  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu > li > ul li a {
    color: rgba(255,255,255,.80) !important;
    background: transparent !important;
  }

  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu > li > ul li a:hover {
    color: #fff !important;
    background: rgba(58, 79, 107, .20) !important;
  }
}

/* ----- Page background: remove the old white shells and reveal one coherent scene ----- */
body.is-modern-ui-test.page-id-1096 {
  background:
    radial-gradient(circle at 92% 8%, rgba(43, 60, 82, 0.66) 0, rgba(43, 60, 82, 0) 34rem),
    radial-gradient(circle at 5% 86%, rgba(9, 35, 62, 0.72) 0, rgba(9,35,62,0) 38rem),
    linear-gradient(135deg, #f4edef 0%, #7b91ae 24%, #36465c 48%, #141a23 70%, #091827 100%) fixed !important;
  background-color: #0a0e12 !important;
}

body.is-modern-ui-test.page-id-1096 #page,
body.is-modern-ui-test.page-id-1096 .site,
body.is-modern-ui-test.page-id-1096 #content,
body.is-modern-ui-test.page-id-1096 .site-content,
body.is-modern-ui-test.page-id-1096 #primary,
body.is-modern-ui-test.page-id-1096 .content-area,
body.is-modern-ui-test.page-id-1096 .site-main,
body.is-modern-ui-test.page-id-1096 .site-main > article,
body.is-modern-ui-test.page-id-1096 article.page,
body.is-modern-ui-test.page-id-1096 .entry-content,
body.is-modern-ui-test.page-id-1096 .iswg-news,
body.is-modern-ui-test.page-id-1096 .iswg-news .news {
  background: transparent !important;
  background-color: transparent !important;
}

body.is-modern-ui-test.page-id-1096 #content,
body.is-modern-ui-test.page-id-1096 .site-content {
  min-height: 100vh !important;
  isolation: isolate !important;
}

body.is-modern-ui-test.page-id-1096 #content::before,
body.is-modern-ui-test.page-id-1096 .site-content::before {
  background:
    repeating-linear-gradient(116deg, rgba(255,255,255,.038) 0 1px, transparent 1px 26px),
    radial-gradient(ellipse at 84% 12%, rgba(255,255,255,.16), transparent 34%) !important;
  opacity: .58 !important;
}

/* ----- Cards: compact, equal-height and much closer to the mockup ----- */
@media only screen and (min-width: 1200px) {
  body.is-modern-ui-test.page-id-1096 .iswg-news {
    padding: 44px 0 100px !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news {
    max-width: 1460px !important;
    width: calc(100% - 72px) !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li {
    min-height: 0 !important;
    height: 310px !important;
    border-radius: 13px !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li > a {
    position: relative !important;
    min-height: 0 !important;
    height: 100% !important;
    grid-template-columns: 38% 62% !important;
    overflow: hidden !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li > a::after {
    content: "Explore  →" !important;
    position: absolute !important;
    right: 22px !important;
    bottom: 18px !important;
    z-index: 5 !important;
    color: #5478a9 !important;
    font-family: "Neuton", serif !important;
    font-size: 15px !important;
    line-height: 1 !important;
    letter-spacing: .01em !important;
    opacity: .94 !important;
    transform: translateX(0) !important;
    transition: transform 220ms ease, color 220ms ease !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li:hover > a::after {
    color: #698cbb !important;
    transform: translateX(4px) !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image a,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image picture,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image img,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image picture img {
    min-height: 0 !important;
    height: 310px !important;
    max-height: 310px !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image img,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image picture img {
    object-fit: cover !important;
    object-position: center center !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info {
    height: 310px !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 24px 22px 48px !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info h2 {
    margin: 0 0 14px !important;
    font-size: 22px !important;
    line-height: 1.08 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info p {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.43 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
    overflow: hidden !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info p ~ p {
    display: none !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info button,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info .publication-links {
    display: none !important;
  }
}

/* Tablet compact cards */
@media only screen and (min-width: 700px) and (max-width: 1199px) {
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li {
    min-height: 0 !important;
    height: 300px !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li > a {
    min-height: 0 !important;
    height: 300px !important;
    grid-template-columns: 40% 60% !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image img {
    min-height: 0 !important;
    height: 300px !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info {
    height: 300px !important;
    overflow: hidden !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info h2 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info p {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
    overflow: hidden !important;
  }
}


/* ============================================================
   V0.3 — EDITORIAL HEADER / DIRECTED BACKGROUND / DARK FOOTER
   ============================================================ */

/* ----- Desktop header: logo row + separate navigation row ----- */
@media only screen and (min-width: 1200px) {
  body.is-modern-ui-test .site-header {
    height: 124px !important;
    min-height: 124px !important;
    background:
      radial-gradient(ellipse at 20% -20%, rgba(45, 62, 85, .48), transparent 42%),
      linear-gradient(100deg, #0a1626 0%, #171222 52%, #0f141c 100%) !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 18px 42px rgba(8,4,11,.22) !important;
    overflow: visible !important;
  }

  body.is-modern-ui-test .site-header .mainHeader,
  body.is-modern-ui-test header.mainHeader {
    width: 100% !important;
    max-width: none !important;
    height: 124px !important;
    min-height: 124px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
  }

  body.is-modern-ui-test .site-header .mainHeader .mainHeaderLogo,
  body.is-modern-ui-test header.mainHeader .mainHeaderLogo {
    width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;
    padding: 0 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,.018) !important;
  }

  body.is-modern-ui-test .site-header .mainHeader .mainHeaderLogo .logo,
  body.is-modern-ui-test header.mainHeader .mainHeaderLogo .logo {
    position: static !important;
    inset: auto !important;
    height: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.is-modern-ui-test .site-header .mainHeader .mainHeaderLogo img,
  body.is-modern-ui-test header.mainHeader .mainHeaderLogo img {
    width: 170px !important;
    max-width: 170px !important;
    height: auto !important;
    max-height: 48px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
    opacity: .97 !important;
  }

  body.is-modern-ui-test .site-header .mainHeader .mainHeaderMenu,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu {
    width: 100% !important;
    height: 60px !important;
    min-height: 60px !important;
    margin: 0 !important;
    padding: 0 22px !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    background: rgba(5, 14, 25, .34) !important;
    border-top: 1px solid rgba(255,255,255,.07) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
  }

  body.is-modern-ui-test .site-header .mainHeader .mainHeaderMenu nav,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu nav {
    width: 100% !important;
    max-width: 1440px !important;
    height: 60px !important;
    min-height: 60px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
  }

  body.is-modern-ui-test .mainHeaderMenu .mainMenu {
    width: auto !important;
    height: 60px !important;
    min-height: 60px !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  body.is-modern-ui-test .mainHeaderMenu .mainMenu > li {
    height: 60px !important;
    min-height: 60px !important;
    padding: 0 6px !important;
    display: flex !important;
    align-items: center !important;
  }

  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu > li > a,
  body.is-modern-ui-test .site-header header.mainHeader .mainHeaderMenu .mainMenu > li > a {
    height: 60px !important;
    min-height: 60px !important;
    padding: 0 7px !important;
    display: flex !important;
    align-items: center !important;
    color: rgba(255,255,255,.79) !important;
    background: transparent !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    white-space: nowrap !important;
  }

  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu > li:hover > a,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu > li.current-menu-item > a,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu > li.current-menu-ancestor > a {
    color: #fff !important;
    background: transparent !important;
  }

  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu > li > a::after {
    left: 7px !important;
    right: 7px !important;
    bottom: 8px !important;
    width: auto !important;
    height: 2px !important;
    background: linear-gradient(90deg, #3a4f6b, #6a8dbb) !important;
  }

  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu > li > ul {
    top: 60px !important;
  }
}

/* ----- Podcasts background: a deliberate vertical visual journey ----- */
body.is-modern-ui-test.page-id-1096 {
  background-color: #081522 !important;
  background-image: none !important;
}

body.is-modern-ui-test.page-id-1096 #page,
body.is-modern-ui-test.page-id-1096 .site,
body.is-modern-ui-test.page-id-1096 #content,
body.is-modern-ui-test.page-id-1096 .site-content,
body.is-modern-ui-test.page-id-1096 #primary,
body.is-modern-ui-test.page-id-1096 .content-area,
body.is-modern-ui-test.page-id-1096 .site-main,
body.is-modern-ui-test.page-id-1096 .site-main > article,
body.is-modern-ui-test.page-id-1096 article.page,
body.is-modern-ui-test.page-id-1096 .entry-content,
body.is-modern-ui-test.page-id-1096 .iswg-news,
body.is-modern-ui-test.page-id-1096 .iswg-news .news {
  background-color: transparent !important;
}

body.is-modern-ui-test.page-id-1096 #content,
body.is-modern-ui-test.page-id-1096 .site-content {
  position: relative !important;
  background:
    radial-gradient(ellipse 780px 500px at 88% 1%, rgba(46, 63, 86, .72) 0%, rgba(46, 63, 86, 0) 70%),
    radial-gradient(ellipse 620px 500px at 0% 24%, rgba(42, 65, 96, .48) 0%, rgba(42, 65, 96, 0) 72%),
    linear-gradient(180deg,
      #495d78 0%,
      #2b394b 12%,
      #161d27 28%,
      #0c0f14 48%,
      #101421 70%,
      #081522 100%) !important;
  background-color: #081522 !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

body.is-modern-ui-test.page-id-1096 #content::before,
body.is-modern-ui-test.page-id-1096 .site-content::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10) 0%, transparent 13%),
    repeating-linear-gradient(118deg, rgba(255,255,255,.026) 0 1px, transparent 1px 34px) !important;
  opacity: .58 !important;
}

body.is-modern-ui-test.page-id-1096 #content::after,
body.is-modern-ui-test.page-id-1096 .site-content::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: -110px !important;
  width: 760px !important;
  height: 520px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    repeating-radial-gradient(ellipse at 100% 0%,
      transparent 0 24px,
      rgba(255,255,255,.08) 25px 26px,
      transparent 27px 48px) !important;
  -webkit-mask-image: linear-gradient(135deg, rgba(0,0,0,.95), transparent 72%) !important;
  mask-image: linear-gradient(135deg, rgba(0,0,0,.95), transparent 72%) !important;
  opacity: .56 !important;
  transform: rotate(-7deg) !important;
}

body.is-modern-ui-test.page-id-1096 .entry-header,
body.is-modern-ui-test.page-id-1096 .entry-content,
body.is-modern-ui-test.page-id-1096 .iswg-news {
  position: relative !important;
  z-index: 1 !important;
}

body.is-modern-ui-test.page-id-1096 .entry-header {
  padding-top: 64px !important;
  padding-bottom: 22px !important;
}

body.is-modern-ui-test.page-id-1096 .entry-title {
  color: #97afd0 !important;
  text-shadow: 0 10px 30px rgba(10, 13, 18, .18) !important;
}

body.is-modern-ui-test.page-id-1096 .entry-title::after {
  background: linear-gradient(90deg, #577cac, #425b7c) !important;
}

/* ----- Footer: no white island at the end of the dark page ----- */
body.is-modern-ui-test.page-id-1096 footer,
body.is-modern-ui-test.page-id-1096 #colophon,
body.is-modern-ui-test.page-id-1096 .site-footer,
body.is-modern-ui-test.page-id-1096 .mainFooter,
body.is-modern-ui-test.page-id-1096 .mainFooter .mainFooterIn {
  background:
    radial-gradient(ellipse at 88% 0%, rgba(32, 45, 62, .34), transparent 42%),
    linear-gradient(110deg, #07131f 0%, #101320 52%, #0b0f14 100%) !important;
  background-color: #07131f !important;
  color: rgba(255,255,255,.78) !important;
}

body.is-modern-ui-test.page-id-1096 .mainFooter {
  border-top: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 -22px 55px rgba(4,7,13,.20) !important;
}

body.is-modern-ui-test.page-id-1096 .mainFooter .mainFooterIn {
  max-width: 1460px !important;
  margin: 0 auto !important;
}

body.is-modern-ui-test.page-id-1096 .mainFooter,
body.is-modern-ui-test.page-id-1096 .mainFooter * {
  border-color: rgba(255,255,255,.10) !important;
}

body.is-modern-ui-test.page-id-1096 .mainFooter .mainFooterInfo,
body.is-modern-ui-test.page-id-1096 .mainFooter .mainFooterInfo span,
body.is-modern-ui-test.page-id-1096 .mainFooter .mainFooterInfo a,
body.is-modern-ui-test.page-id-1096 footer a {
  color: rgba(255,255,255,.72) !important;
}

body.is-modern-ui-test.page-id-1096 .mainFooter .mainFooterInfo a:hover,
body.is-modern-ui-test.page-id-1096 footer a:hover {
  color: #6083b1 !important;
}

body.is-modern-ui-test.page-id-1096 .mainFooter .mainFooterLogo img {
  filter: brightness(0) invert(1) !important;
  opacity: .92 !important;
}

body.is-modern-ui-test.page-id-1096 .mainFooter .mainFooterSocials ul li a {
  color: rgba(255,255,255,.78) !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 999px !important;
  transition: transform 180ms ease, background 180ms ease, color 180ms ease !important;
}

body.is-modern-ui-test.page-id-1096 .mainFooter .mainFooterSocials ul li a:hover {
  color: #fff !important;
  background: rgba(58, 79, 107, .22) !important;
  transform: translateY(-2px) !important;
}

body.is-modern-ui-test.page-id-1096 .mainFooter .mainFooterSocials svg,
body.is-modern-ui-test.page-id-1096 .mainFooter .mainFooterSocials svg path {
  fill: currentColor !important;
}

/* ============================================================
   V0.4 — LOCKED PODCAST DIRECTION
   Menu intentionally left exactly as v0.3.
   - Mockup-style light-left / wine-right background
   - Editorial page label + subtitle
   - Two-column podcast grid
   - 40% image / 60% copy
   - Equal-height 8px cards
   - First 8 items + JS load more in batches of 8
   - Responsive stacked mobile cards
   - Global dark footer with plain social icons
   ============================================================ */

/* ----- Podcasts page: light left, wine right, as in the approved mockup ----- */
body.is-modern-ui-test.page-id-1096 {
  background-color: #151d28 !important;
  background-image: none !important;
}

body.is-modern-ui-test.page-id-1096 #page,
body.is-modern-ui-test.page-id-1096 .site,
body.is-modern-ui-test.page-id-1096 #content,
body.is-modern-ui-test.page-id-1096 .site-content,
body.is-modern-ui-test.page-id-1096 #primary,
body.is-modern-ui-test.page-id-1096 .content-area,
body.is-modern-ui-test.page-id-1096 .site-main,
body.is-modern-ui-test.page-id-1096 .site-main > article,
body.is-modern-ui-test.page-id-1096 article.page,
body.is-modern-ui-test.page-id-1096 .entry-content,
body.is-modern-ui-test.page-id-1096 .iswg-news,
body.is-modern-ui-test.page-id-1096 .iswg-news .news {
  background: transparent !important;
  background-color: transparent !important;
}

body.is-modern-ui-test.page-id-1096 #content,
body.is-modern-ui-test.page-id-1096 .site-content {
  position: relative !important;
  min-height: 100vh !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background:
    radial-gradient(ellipse 720px 520px at 88% 18%, rgba(55, 74, 100, .48) 0%, rgba(55, 74, 100, 0) 72%),
    linear-gradient(104deg,
      #fbfaf8 0%,
      #f8f5f4 36%,
      #eadde1 49%,
      #3c4d65 67%,
      #212d3d 82%,
      #151d28 100%) !important;
}

/* Reset the older full-page line texture. */
body.is-modern-ui-test.page-id-1096 #content::before,
body.is-modern-ui-test.page-id-1096 .site-content::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse 620px 360px at 91% 9%, rgba(255,255,255,.12), transparent 72%) !important;
  opacity: 1 !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* One deliberate digital/spatial line detail in the top-right only. */
body.is-modern-ui-test.page-id-1096 #content::after,
body.is-modern-ui-test.page-id-1096 .site-content::after {
  content: "" !important;
  position: absolute !important;
  top: 18px !important;
  right: -120px !important;
  width: 760px !important;
  height: 430px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    repeating-radial-gradient(
      ellipse at 100% 0%,
      transparent 0 25px,
      rgba(255,255,255,.16) 26px 27px,
      transparent 28px 50px
    ) !important;
  -webkit-mask-image: linear-gradient(135deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.58) 50%, transparent 78%) !important;
  mask-image: linear-gradient(135deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.58) 50%, transparent 78%) !important;
  opacity: .42 !important;
  transform: rotate(-8deg) !important;
}

body.is-modern-ui-test.page-id-1096 .entry-header,
body.is-modern-ui-test.page-id-1096 .entry-content,
body.is-modern-ui-test.page-id-1096 .iswg-news {
  position: relative !important;
  z-index: 1 !important;
}

/* ----- Hero / title area ----- */
body.is-modern-ui-test.page-id-1096 .entry-header {
  max-width: 1180px !important;
  width: calc(100% - 64px) !important;
  margin: 0 auto !important;
  padding: 76px 0 30px !important;
}

body.is-modern-ui-test.page-id-1096 .entry-header::before {
  content: "PODCASTS & INTERVIEWS" !important;
  display: block !important;
  margin: 0 0 15px !important;
  color: #273548 !important;
  font-family: "Barlow-Bold", sans-serif !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
}

body.is-modern-ui-test.page-id-1096 .entry-title {
  max-width: 660px !important;
  margin: 0 !important;
  color: #11171e !important;
  text-shadow: none !important;
}

body.is-modern-ui-test.page-id-1096 .entry-title::after {
  content: none !important;
  display: none !important;
}

body.is-modern-ui-test.page-id-1096 .entry-header::after {
  content: "Conversations on cities, culture, community and the future of living spaces." !important;
  display: block !important;
  max-width: 610px !important;
  margin-top: 18px !important;
  color: #68545d !important;
  font-family: "Neuton", serif !important;
  font-size: 21px !important;
  line-height: 1.45 !important;
  font-weight: 300 !important;
}

/* ----- Two-column editorial card grid ----- */
body.is-modern-ui-test.page-id-1096 .iswg-news {
  padding: 28px 0 94px !important;
}

body.is-modern-ui-test.page-id-1096 .iswg-news .news {
  max-width: 1180px !important;
  width: calc(100% - 64px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 34px 32px !important;
  list-style: none !important;
}

body.is-modern-ui-test.page-id-1096 .iswg-news .news > li {
  position: relative !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 320px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #121821 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 18px 38px rgba(12, 16, 22, .22) !important;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 460ms ease, transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease !important;
}

body.is-modern-ui-test.page-id-1096 .iswg-news .news > li:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(84, 119, 167, .40) !important;
  box-shadow: 0 28px 54px rgba(12, 16, 22, .34) !important;
}

body.is-modern-ui-test.page-id-1096 .iswg-news .news > li:nth-child(n+9):not(.ismui-revealed) {
  display: none !important;
}

body.is-modern-ui-test.page-id-1096 .iswg-news .news > li.ismui-animate {
  opacity: 0 !important;
  transform: translateY(18px) !important;
}

body.is-modern-ui-test.page-id-1096 .iswg-news .news > li.ismui-animate.ismui-is-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

body.is-modern-ui-test.page-id-1096 .iswg-news .news > li.ismui-animate.ismui-is-visible:hover {
  transform: translateY(-6px) !important;
}

body.is-modern-ui-test.page-id-1096 .iswg-news .news > li > a {
  position: relative !important;
  width: 100% !important;
  height: 320px !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: 40% 60% !important;
  align-items: stretch !important;
  overflow: hidden !important;
  color: inherit !important;
  text-decoration: none !important;
}

body.is-modern-ui-test.page-id-1096 .iswg-news .news > li > a::after {
  content: "Explore  →" !important;
  position: absolute !important;
  right: 24px !important;
  bottom: 20px !important;
  z-index: 5 !important;
  color: #5376a6 !important;
  font-family: "Neuton", serif !important;
  font-size: 16px !important;
  line-height: 1 !important;
  opacity: .96 !important;
  transform: translateX(0) !important;
  transition: transform 220ms ease, color 220ms ease !important;
}

body.is-modern-ui-test.page-id-1096 .iswg-news .news > li:hover > a::after {
  color: #6a8dbb !important;
  transform: translateX(5px) !important;
}

body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image a,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image picture,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image img,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image picture img {
  width: 100% !important;
  min-width: 0 !important;
  height: 320px !important;
  min-height: 0 !important;
  max-height: 320px !important;
}

body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image {
  position: relative !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #0d1117 !important;
}

body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent 65%, rgba(18, 24, 33, .34) 100%) !important;
}

body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image img,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image picture img {
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(.88) contrast(1.03) !important;
  transform: scale(1.001) !important;
  transition: transform 600ms cubic-bezier(.2,.7,.2,1), filter 300ms ease !important;
}

body.is-modern-ui-test.page-id-1096 .iswg-news .news > li:hover .news-image img {
  transform: scale(1.045) !important;
  filter: saturate(1) contrast(1.05) !important;
}

body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 320px !important;
  min-height: 0 !important;
  padding: 25px 24px 52px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  color: rgba(255,255,255,.80) !important;
  background: transparent !important;
}

body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info p,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info span,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info div {
  font-family: "Neuton", serif !important;
}

body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info h2 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
  margin: 0 0 15px !important;
  padding: 0 !important;
  color: #fff !important;
  font-family: "Neuton", serif !important;
  font-size: 24px !important;
  line-height: 1.09 !important;
  font-weight: 400 !important;
  letter-spacing: -.015em !important;
}

body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info h2::after {
  content: none !important;
  display: none !important;
}

body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info p {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  overflow: hidden !important;
  margin: 0 !important;
  color: rgba(255,255,255,.76) !important;
  font-size: 17px !important;
  line-height: 1.46 !important;
}

body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info p ~ p,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info button,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info .publication-links {
  display: none !important;
}

/* ----- Load more: text-link treatment, not a heavy button ----- */
body.is-modern-ui-test.page-id-1096 .ismui-load-more {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: block !important;
  width: auto !important;
  margin: 48px auto 0 !important;
  padding: 8px 4px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(23, 31, 43, .34) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #1b2431 !important;
  font-family: "Neuton", serif !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  cursor: pointer !important;
  transition: color 200ms ease, transform 200ms ease, border-color 200ms ease !important;
}

body.is-modern-ui-test.page-id-1096 .ismui-load-more:hover {
  color: #2c3c51 !important;
  border-color: rgba(44, 60, 81, .62) !important;
  transform: translateY(2px) !important;
}

body.is-modern-ui-test.page-id-1096 .ismui-load-more:focus-visible {
  outline: 2px solid #2c3c51 !important;
  outline-offset: 5px !important;
}

/* ----- Global footer: dark navy/wine, no circles around social icons ----- */
body.is-modern-ui-test footer,
body.is-modern-ui-test #colophon,
body.is-modern-ui-test .site-footer,
body.is-modern-ui-test .mainFooter,
body.is-modern-ui-test .mainFooter .mainFooterIn {
  background:
    radial-gradient(ellipse at 90% 0%, rgba(31, 42, 58, .26), transparent 44%),
    linear-gradient(108deg, #07131f 0%, #111420 56%, #0b0f14 100%) !important;
  background-color: #07131f !important;
  color: rgba(255,255,255,.76) !important;
}

body.is-modern-ui-test .mainFooter {
  border-top: 1px solid rgba(255,255,255,.09) !important;
  box-shadow: none !important;
}

body.is-modern-ui-test .mainFooter .mainFooterIn {
  max-width: 1360px !important;
  margin: 0 auto !important;
}

body.is-modern-ui-test .mainFooter,
body.is-modern-ui-test .mainFooter * {
  border-color: rgba(255,255,255,.09) !important;
}

body.is-modern-ui-test .mainFooter .mainFooterInfo,
body.is-modern-ui-test .mainFooter .mainFooterInfo span,
body.is-modern-ui-test .mainFooter .mainFooterInfo a,
body.is-modern-ui-test footer a {
  color: rgba(255,255,255,.70) !important;
}

body.is-modern-ui-test .mainFooter .mainFooterInfo a:hover,
body.is-modern-ui-test footer a:hover {
  color: #5e81af !important;
}

body.is-modern-ui-test .mainFooter .mainFooterLogo img {
  filter: brightness(0) invert(1) !important;
  opacity: .92 !important;
}

body.is-modern-ui-test .mainFooter .mainFooterSocials ul li a,
body.is-modern-ui-test.page-id-1096 .mainFooter .mainFooterSocials ul li a {
  color: rgba(255,255,255,.72) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 4px !important;
  opacity: .78 !important;
  transition: color 180ms ease, opacity 180ms ease, transform 180ms ease !important;
}

body.is-modern-ui-test .mainFooter .mainFooterSocials ul li a:hover,
body.is-modern-ui-test.page-id-1096 .mainFooter .mainFooterSocials ul li a:hover {
  color: #5e81af !important;
  background: transparent !important;
  opacity: 1 !important;
  transform: translateY(-2px) !important;
}

body.is-modern-ui-test .mainFooter .mainFooterSocials svg,
body.is-modern-ui-test .mainFooter .mainFooterSocials svg path {
  fill: currentColor !important;
}

/* ----- Tablet / narrow desktop ----- */
@media only screen and (min-width: 900px) and (max-width: 1199px) {
  body.is-modern-ui-test.page-id-1096 .entry-header,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news {
    width: calc(100% - 48px) !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 26px 24px !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li > a,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image a,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image picture,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image img,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image picture img,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info {
    height: 300px !important;
    max-height: 300px !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li > a {
    grid-template-columns: 40% 60% !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info {
    padding: 22px 20px 48px !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info h2 {
    font-size: 21px !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info p {
    font-size: 15.5px !important;
  }
}

/* One-column horizontal cards on small tablets. */
@media only screen and (min-width: 700px) and (max-width: 899px) {
  body.is-modern-ui-test.page-id-1096 #content,
  body.is-modern-ui-test.page-id-1096 .site-content {
    background:
      radial-gradient(ellipse 620px 420px at 92% 14%, rgba(55, 74, 100, .46), transparent 72%),
      linear-gradient(112deg, #fbfaf8 0%, #f4eeee 46%, #344459 76%, #151d28 100%) !important;
  }

  body.is-modern-ui-test.page-id-1096 .entry-header,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news {
    width: calc(100% - 44px) !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li > a,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image a,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image picture,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image img,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image picture img,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info {
    height: 290px !important;
    max-height: 290px !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li > a {
    grid-template-columns: 40% 60% !important;
  }
}

/* ----- Mobile: image on top, copy below, one column ----- */
@media only screen and (max-width: 699px) {
  body.is-modern-ui-test.page-id-1096 #content,
  body.is-modern-ui-test.page-id-1096 .site-content {
    background:
      radial-gradient(ellipse 520px 360px at 112% 10%, rgba(55, 74, 100, .52), transparent 72%),
      linear-gradient(158deg, #fbfaf8 0%, #f5f0f0 43%, #3d4e66 72%, #151d28 100%) !important;
  }

  body.is-modern-ui-test.page-id-1096 #content::after,
  body.is-modern-ui-test.page-id-1096 .site-content::after {
    top: 14px !important;
    right: -260px !important;
    width: 620px !important;
    height: 360px !important;
    opacity: .30 !important;
  }

  body.is-modern-ui-test.page-id-1096 .entry-header {
    width: calc(100% - 40px) !important;
    padding: 48px 0 24px !important;
  }

  body.is-modern-ui-test.page-id-1096 .entry-header::before {
    margin-bottom: 12px !important;
    font-size: 10px !important;
  }

  body.is-modern-ui-test.page-id-1096 .entry-header::after {
    max-width: 100% !important;
    margin-top: 14px !important;
    font-size: 18px !important;
    line-height: 1.42 !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news {
    padding: 20px 0 64px !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news {
    width: calc(100% - 32px) !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li {
    height: 510px !important;
    border-radius: 8px !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li > a {
    height: 510px !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 230px minmax(0, 1fr) !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image a,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image picture,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image img,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image picture img {
    height: 230px !important;
    min-height: 230px !important;
    max-height: 230px !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image::after {
    background: linear-gradient(180deg, transparent 72%, rgba(18, 24, 33, .28) 100%) !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info {
    height: 280px !important;
    min-height: 280px !important;
    max-height: 280px !important;
    padding: 23px 22px 52px !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info h2 {
    margin-bottom: 13px !important;
    font-size: 23px !important;
    line-height: 1.08 !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info p {
    font-size: 16px !important;
    line-height: 1.43 !important;
  }

  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li > a::after {
    right: 22px !important;
    bottom: 20px !important;
  }

  body.is-modern-ui-test.page-id-1096 .ismui-load-more {
    margin-top: 38px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li *,
  body.is-modern-ui-test.page-id-1096 .ismui-load-more {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* ============================================================
   V0.4.1 — FOOTER SOCIAL ICON VISIBILITY FIX
   The live footer uses icon assets that can be raster/SVG/background
   elements rather than inline SVG paths. Force those assets to white.
   ============================================================ */
body.is-modern-ui-test .mainFooter .mainFooterSocials ul li a > img,
body.is-modern-ui-test .mainFooter .mainFooterSocials ul li a > picture img,
body.is-modern-ui-test .mainFooter .mainFooterSocials ul li a > span,
body.is-modern-ui-test .mainFooter .mainFooterSocials ul li a > i,
body.is-modern-ui-test .mainFooter .mainFooterSocials ul li a::before,
body.is-modern-ui-test .mainFooter .mainFooterSocials ul li a::after {
  filter: brightness(0) invert(1) !important;
  -webkit-filter: brightness(0) invert(1) !important;
  opacity: .84 !important;
}

body.is-modern-ui-test .mainFooter .mainFooterSocials ul li a svg {
  color: #ffffff !important;
  fill: #ffffff !important;
  opacity: .84 !important;
}

body.is-modern-ui-test .mainFooter .mainFooterSocials ul li a svg path,
body.is-modern-ui-test .mainFooter .mainFooterSocials ul li a svg circle,
body.is-modern-ui-test .mainFooter .mainFooterSocials ul li a svg rect,
body.is-modern-ui-test .mainFooter .mainFooterSocials ul li a svg polygon {
  fill: #ffffff !important;
}

body.is-modern-ui-test .mainFooter .mainFooterSocials ul li a:hover > img,
body.is-modern-ui-test .mainFooter .mainFooterSocials ul li a:hover > picture img,
body.is-modern-ui-test .mainFooter .mainFooterSocials ul li a:hover > span,
body.is-modern-ui-test .mainFooter .mainFooterSocials ul li a:hover > i,
body.is-modern-ui-test .mainFooter .mainFooterSocials ul li a:hover::before,
body.is-modern-ui-test .mainFooter .mainFooterSocials ul li a:hover::after,
body.is-modern-ui-test .mainFooter .mainFooterSocials ul li a:hover svg {
  opacity: 1 !important;
}

/* ============================================================
   V0.4.2 — WHITE PAGE BACKGROUND DIRECTION
   Keep page canvases editorial and neutral. Burgundy/navy remain
   in the header, cards and footer; the page background stays white.
   ============================================================ */
body.is-modern-ui-test.page-id-1096,
body.is-modern-ui-test.page-id-1096 #page,
body.is-modern-ui-test.page-id-1096 .site {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

body.is-modern-ui-test.page-id-1096 #content,
body.is-modern-ui-test.page-id-1096 .site-content {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Remove the coloured glow/contour scene from the page canvas. */
body.is-modern-ui-test.page-id-1096 #content::before,
body.is-modern-ui-test.page-id-1096 .site-content::before,
body.is-modern-ui-test.page-id-1096 #content::after,
body.is-modern-ui-test.page-id-1096 .site-content::after {
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

/* Keep the approved dark cards as the main colour anchor on white. */
body.is-modern-ui-test.page-id-1096 .iswg-news {
  background: #ffffff !important;
  background-color: #ffffff !important;
}


/* ============================================================
   V0.4.3 — MOBILE HEADER + FULL-SCREEN NAVIGATION
   Uses the existing theme interaction classes (.menuOpened,
   .isOpenedNavi and .openMobile) so the original JS behaviour
   remains intact. Only the presentation is replaced.
   ============================================================ */
@media only screen and (max-width: 1199px) {
  body.is-modern-ui-test {
    --button-bg: transparent !important;
    --button-line: #ffffff !important;
  }

  /* Match the global navy / wine identity on mobile. */
  body.is-modern-ui-test .site-header {
    height: 70px !important;
    min-height: 70px !important;
    background:
      radial-gradient(circle at 8% -25%, rgba(45, 62, 85, .44), transparent 42%),
      linear-gradient(102deg, #091624 0%, #171321 54%, #0f141c 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
    box-shadow: 0 12px 30px rgba(8, 4, 12, .18) !important;
    overflow: visible !important;
    z-index: 9999 !important;
  }

  body.is-modern-ui-test .site-header .mainHeader,
  body.is-modern-ui-test header.mainHeader {
    width: 100% !important;
    max-width: none !important;
    height: 70px !important;
    min-height: 70px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body.is-modern-ui-test .site-header .mainHeader .mainHeaderLogo,
  body.is-modern-ui-test header.mainHeader .mainHeaderLogo {
    position: relative !important;
    z-index: 130 !important;
    width: 100% !important;
    height: 70px !important;
    min-height: 70px !important;
    padding: 0 18px !important;
    display: flex !important;
    align-items: center !important;
  }

  body.is-modern-ui-test .site-header .mainHeader .mainHeaderLogo .logo,
  body.is-modern-ui-test header.mainHeader .mainHeaderLogo .logo {
    position: absolute !important;
    left: 18px !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    transform: translateY(-50%) !important;
  }

  body.is-modern-ui-test .site-header .mainHeader .mainHeaderLogo img,
  body.is-modern-ui-test header.mainHeader .mainHeaderLogo img {
    width: 168px !important;
    max-width: 168px !important;
    height: auto !important;
    max-height: 48px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(1) !important;
    opacity: .96 !important;
  }

  /* Remove the old white header plate. */
  body.is-modern-ui-test .mainHeaderMenu::before,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu::before {
    background: transparent !important;
    background-color: transparent !important;
    height: 70px !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* Keep the theme's animated hamburger, recolour it white. */
  body.is-modern-ui-test .hamburger {
    top: 3px !important;
    right: 8px !important;
    z-index: 150 !important;
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: scale(.72) !important;
  }

  body.is-modern-ui-test .hamburger::after {
    display: none !important;
    content: none !important;
  }

  body.is-modern-ui-test .hamburgerLineIin::before,
  body.is-modern-ui-test .hamburgerLineIin::after {
    background-color: #ffffff !important;
  }

  /* The theme reserves 130px even though its mobile header is 70px.
     Use the actual mobile header height so content starts immediately below it. */
  body.is-modern-ui-test .site-content {
    padding-top: 70px !important;
  }

  body.is-modern-ui-test.admin-bar .site-content {
    padding-top: 70px !important;
  }

  /* Full-screen mobile navigation. The original JS still toggles .menuOpened. */
  body.is-modern-ui-test .mainMenu {
    position: fixed !important;
    top: 70px !important;
    left: 0 !important;
    width: 100% !important;
    min-height: calc(100vh - 70px) !important;
    height: calc(100vh - 70px) !important;
    min-height: calc(100dvh - 70px) !important;
    height: calc(100dvh - 70px) !important;
    margin: 0 !important;
    padding: 18px 24px 46px !important;
    display: block !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    color: #ffffff !important;
    background:
      radial-gradient(ellipse at 100% 0%, rgba(33, 46, 63, .42), transparent 44%),
      radial-gradient(ellipse at 0% 100%, rgba(21, 52, 82, .32), transparent 50%),
      linear-gradient(145deg, #07131f 0%, #111420 54%, #0c1117 100%) !important;
    border-top: 1px solid rgba(255, 255, 255, .08) !important;
    z-index: 100 !important;
    transform: translate3d(0, -105%, 0) !important;
    transition: transform 360ms cubic-bezier(.22, .78, .24, 1) !important;
  }

  body.is-modern-ui-test .menuOpened .mainMenu {
    transform: translate3d(0, 0, 0) !important;
  }

  body.is-modern-ui-test .mainMenu::after,
  body.is-modern-ui-test .mainMenu > li::before,
  body.is-modern-ui-test .mainMenu > li::after {
    content: none !important;
    display: none !important;
  }

  body.is-modern-ui-test .mainMenu > li {
    width: 100% !important;
    max-width: 620px !important;
    height: auto !important;
    min-height: 52px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    border-bottom: 1px solid rgba(255, 255, 255, .085) !important;
  }

  body.is-modern-ui-test .site-header .mainHeader .mainHeaderMenu .mainMenu > li > a,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu > li > a {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 11px 46px 10px 4px !important;
    display: flex !important;
    align-items: center !important;
    color: rgba(255, 255, 255, .80) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-family: "Neuton", serif !important;
    font-size: clamp(24px, 5.6vw, 31px) !important;
    line-height: 1.08 !important;
    font-weight: 300 !important;
    letter-spacing: -.01em !important;
    text-align: left !important;
    text-transform: lowercase !important;
    text-decoration: none !important;
    white-space: normal !important;
    transition: color 180ms ease, padding-left 220ms ease !important;
  }

  body.is-modern-ui-test .site-header .mainHeader .mainHeaderMenu .mainMenu > li > a::after,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu > li > a::after {
    content: none !important;
    display: none !important;
  }

  body.is-modern-ui-test .site-header .mainHeader .mainHeaderMenu .mainMenu > li > a:hover,
  body.is-modern-ui-test .site-header .mainHeader .mainHeaderMenu .mainMenu > li > a:focus,
  body.is-modern-ui-test .site-header .mainHeader .mainHeaderMenu .mainMenu > li.current-menu-item > a,
  body.is-modern-ui-test .site-header .mainHeader .mainHeaderMenu .mainMenu > li.current-menu-ancestor > a {
    color: #ffffff !important;
    background: transparent !important;
    padding-left: 14px !important;
    box-shadow: inset 2px 0 0 #49658a !important;
  }

  body.is-modern-ui-test .site-header .mainHeader .mainHeaderMenu .mainMenu > li > a.title[href*="idealspaces.org"],
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu > li > a.title[href*="idealspaces.org"] {
    color: #5e81af !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Preserve submenu clicks but visually integrate the arrows. */
  body.is-modern-ui-test .mainMenu li a .arrow {
    top: 50% !important;
    left: auto !important;
    right: 4px !important;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateY(-50%) !important;
    opacity: .76 !important;
  }

  body.is-modern-ui-test .mainMenu li a .arrow::before {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    background-size: contain !important;
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(1) !important;
    opacity: .88 !important;
  }

  /* Mobile submenu panels use the same visual language. */
  body.is-modern-ui-test .mainMenu li > ul,
  body.is-modern-ui-test .mainMenu li.openMobile > ul {
    position: fixed !important;
    top: 70px !important;
    left: 0 !important;
    width: 100vw !important;
    min-width: 100vw !important;
    height: calc(100vh - 70px) !important;
    height: calc(100dvh - 70px) !important;
    margin: 0 !important;
    padding: 22px 24px 46px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background:
      radial-gradient(ellipse at 100% 0%, rgba(33, 46, 63, .42), transparent 44%),
      linear-gradient(145deg, #07131f 0%, #111420 54%, #0c1117 100%) !important;
    border: 0 !important;
    z-index: 160 !important;
  }

  body.is-modern-ui-test .mainMenu li.openMobile > ul {
    display: flex !important;
    flex-direction: column !important;
    pointer-events: auto !important;
  }

  body.is-modern-ui-test .mainMenu li > ul li {
    width: 100% !important;
    max-width: 620px !important;
    height: auto !important;
    min-height: 52px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    text-align: left !important;
    border-bottom: 1px solid rgba(255, 255, 255, .085) !important;
    opacity: 1 !important;
  }

  body.is-modern-ui-test .mainMenu li > ul li a {
    width: 100% !important;
    margin: 0 !important;
    padding: 11px 4px 10px !important;
    display: flex !important;
    align-items: center !important;
    color: rgba(255, 255, 255, .82) !important;
    background: transparent !important;
    font-family: "Neuton", serif !important;
    font-size: clamp(23px, 5.3vw, 29px) !important;
    line-height: 1.1 !important;
    text-align: left !important;
    text-decoration: none !important;
  }

  body.is-modern-ui-test .mainMenu li > ul li a:hover,
  body.is-modern-ui-test .mainMenu li > ul li a:focus {
    color: #ffffff !important;
    background: transparent !important;
  }

  body.is-modern-ui-test .mainMenu li > ul li.arrowBack {
    order: -1 !important;
    min-height: 48px !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    border-bottom: 0 !important;
    cursor: pointer !important;
  }

  body.is-modern-ui-test .mainMenu li > ul li.arrowBack::before {
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    background-size: contain !important;
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(1) !important;
    opacity: .86 !important;
  }
}

@media only screen and (max-width: 420px) {
  body.is-modern-ui-test .site-header .mainHeader .mainHeaderLogo img,
  body.is-modern-ui-test header.mainHeader .mainHeaderLogo img {
    width: 154px !important;
    max-width: 154px !important;
  }

  body.is-modern-ui-test .mainMenu {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  body.is-modern-ui-test .site-header .mainHeader .mainHeaderMenu .mainMenu > li > a,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu > li > a {
    font-size: 24px !important;
  }
}

/* ============================================================
   V0.4.4 — MOBILE SUBMENU CLEANUP
   Hide the still-visible parent menu row while its submenu panel
   is open, and out-specify the site's legacy blue link rule.
   ============================================================ */
@media only screen and (max-width: 1199px) {
  /* The legacy menu keeps the parent anchor visible above its fixed
     submenu. Once that branch is open, the back control is enough. */
  body.is-modern-ui-test .site-header header.mainHeader .mainHeaderMenu .mainMenu > li.openMobile > a,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu > li.openMobile > a {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.is-modern-ui-test .site-header header.mainHeader .mainHeaderMenu .mainMenu > li.openMobile > ul,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu > li.openMobile > ul {
    z-index: 9999 !important;
  }

  /* Legacy custom CSS forces every menu anchor blue with !important.
     Use the real header/menu chain so submenu links win specificity. */
  body.is-modern-ui-test .site-header header.mainHeader .mainHeaderMenu .mainMenu li > ul li a,
  body.is-modern-ui-test .site-header header.mainHeader .mainHeaderMenu .mainMenu li > ul li a:link,
  body.is-modern-ui-test .site-header header.mainHeader .mainHeaderMenu .mainMenu li > ul li a:visited,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu li > ul li a,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu li > ul li a:link,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu li > ul li a:visited {
    color: rgba(255, 255, 255, .82) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, .82) !important;
    background: transparent !important;
  }

  body.is-modern-ui-test .site-header header.mainHeader .mainHeaderMenu .mainMenu li > ul li a:hover,
  body.is-modern-ui-test .site-header header.mainHeader .mainHeaderMenu .mainMenu li > ul li a:focus,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu li > ul li a:hover,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu li > ul li a:focus {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}

/* ============================================================
   V0.4.5 — MOBILE SUBMENU STATE / STACKING FIX
   The legacy theme renders nested submenus as fixed panels inside
   top-level <li> elements. On mobile, a sibling top-level anchor
   can remain painted above that panel. JS adds the state classes
   below so only the currently open branch participates visually.
   ============================================================ */
@media only screen and (max-width: 1199px) {
  /* Collapse every top-level row while a submenu is open. The open
     branch itself stays overflow-visible so its fixed submenu panel
     remains fully interactive. */
  body.is-modern-ui-test .mainMenu.ismui-submenu-open > li {
    width: 100% !important;
    max-width: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: visible !important;
  }

  body.is-modern-ui-test .mainMenu.ismui-submenu-open > li > a {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Keep only the detected open branch's fixed panel visible. */
  body.is-modern-ui-test .mainMenu.ismui-submenu-open > li:not(.ismui-open-branch) > ul {
    display: none !important;
    pointer-events: none !important;
  }

  body.is-modern-ui-test .mainMenu.ismui-submenu-open > li.ismui-open-branch > ul {
    display: flex !important;
    pointer-events: auto !important;
    z-index: 10000 !important;
  }

  /* Intentional contextual title: show the ACTUAL open section
     (Perspectives, Contributions, About us, etc.), never a leaked
     first menu item such as “Who we are”. */
  body.is-modern-ui-test .mainMenu li > ul > li.ismui-mobile-submenu-title {
    order: -2 !important;
    width: 100% !important;
    max-width: 620px !important;
    height: auto !important;
    min-height: 58px !important;
    margin: 0 auto 2px !important;
    padding: 6px 4px 12px !important;
    display: flex !important;
    align-items: center !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    font-family: "Neuton", serif !important;
    font-size: clamp(25px, 5.8vw, 31px) !important;
    line-height: 1.08 !important;
    font-weight: 300 !important;
    letter-spacing: -.01em !important;
    text-align: left !important;
    text-transform: lowercase !important;
  }

  /* Make the real submenu links win over the old forced-blue custom CSS. */
  body.is-modern-ui-test .site-header .mainHeader .mainHeaderMenu .mainMenu.ismui-submenu-open > li.ismui-open-branch > ul > li:not(.ismui-mobile-submenu-title) > a,
  body.is-modern-ui-test .site-header .mainHeader .mainHeaderMenu .mainMenu.ismui-submenu-open > li.ismui-open-branch > ul > li:not(.ismui-mobile-submenu-title) > a:link,
  body.is-modern-ui-test .site-header .mainHeader .mainHeaderMenu .mainMenu.ismui-submenu-open > li.ismui-open-branch > ul > li:not(.ismui-mobile-submenu-title) > a:visited,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu.ismui-submenu-open > li.ismui-open-branch > ul > li:not(.ismui-mobile-submenu-title) > a,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu.ismui-submenu-open > li.ismui-open-branch > ul > li:not(.ismui-mobile-submenu-title) > a:link,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu.ismui-submenu-open > li.ismui-open-branch > ul > li:not(.ismui-mobile-submenu-title) > a:visited {
    color: rgba(255, 255, 255, .84) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, .84) !important;
    background: transparent !important;
  }

  body.is-modern-ui-test .site-header .mainHeader .mainHeaderMenu .mainMenu.ismui-submenu-open > li.ismui-open-branch > ul > li:not(.ismui-mobile-submenu-title) > a:hover,
  body.is-modern-ui-test .site-header .mainHeader .mainHeaderMenu .mainMenu.ismui-submenu-open > li.ismui-open-branch > ul > li:not(.ismui-mobile-submenu-title) > a:focus,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu.ismui-submenu-open > li.ismui-open-branch > ul > li:not(.ismui-mobile-submenu-title) > a:hover,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu.ismui-submenu-open > li.ismui-open-branch > ul > li:not(.ismui-mobile-submenu-title) > a:focus {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}

/* ============================================================
   V0.5 — MOBILE NAV HIERARCHY + NEWS & UPDATES ARCHIVE
   ============================================================ */

/* ---------- Mobile submenu: explicit breadcrumb + section label ---------- */
@media only screen and (max-width: 1199px) {
  body.is-modern-ui-test .mainMenu.ismui-submenu-open > li,
  body.is-modern-ui-test .mainMenu.ismui-deep-submenu-open li {
    overflow: visible !important;
  }

  body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    padding: 38px 40px 70px !important;
    background: linear-gradient(112deg, #061526 0%, #0a1425 46%, #0d1117 100%) !important;
    z-index: 10020 !important;
  }

  body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel > li {
    width: 100% !important;
    max-width: 620px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Old injected context title from v0.4.5 is replaced by a real hierarchy. */
  body.is-modern-ui-test .ismui-mobile-submenu-title {
    display: none !important;
  }

  body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel > li.ismui-mobile-breadcrumb {
    order: -4 !important;
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    margin: 0 auto 30px !important;
    padding: 0 !important;
    color: rgba(255,255,255,.74) !important;
    -webkit-text-fill-color: rgba(255,255,255,.74) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    border: 0 !important;
  }

  body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel > li.ismui-mobile-breadcrumb::before {
    content: "←" !important;
    margin-right: 12px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 22px !important;
    line-height: 1 !important;
    color: rgba(255,255,255,.86) !important;
  }

  body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel > li.ismui-mobile-section-label {
    order: -3 !important;
    display: block !important;
    min-height: auto !important;
    margin: 0 auto 22px !important;
    padding: 0 0 14px !important;
    color: #4c6c97 !important;
    -webkit-text-fill-color: #4c6c97 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
  }

  body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel > li.ismui-mobile-section-label::after {
    content: "" !important;
    display: block !important;
    width: 62px !important;
    height: 2px !important;
    margin-top: 14px !important;
    background: #425c7f !important;
  }

  /* Hide the theme's bare arrow-back row: breadcrumb above is now the back cue. */
  body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel > li.arrowBack {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 82px !important;
    min-height: 82px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    z-index: 3 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
  }

  body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel > li:not(.arrowBack):not(.ismui-mobile-breadcrumb):not(.ismui-mobile-section-label):not(.ismui-mobile-submenu-title) {
    margin: 0 auto !important;
    padding: 0 !important;
    min-height: 66px !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
  }

  body.is-modern-ui-test .site-header .mainHeader .mainHeaderMenu .mainMenu ul.ismui-active-mobile-panel > li:not(.arrowBack):not(.ismui-mobile-breadcrumb):not(.ismui-mobile-section-label):not(.ismui-mobile-submenu-title) > a,
  body.is-modern-ui-test header.mainHeader .mainHeaderMenu .mainMenu ul.ismui-active-mobile-panel > li:not(.arrowBack):not(.ismui-mobile-breadcrumb):not(.ismui-mobile-section-label):not(.ismui-mobile-submenu-title) > a {
    min-height: 66px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 4px !important;
    color: rgba(255,255,255,.92) !important;
    -webkit-text-fill-color: rgba(255,255,255,.92) !important;
    font-family: "Neuton", serif !important;
    font-size: clamp(23px, 5.4vw, 29px) !important;
    line-height: 1.1 !important;
    font-weight: 300 !important;
    text-transform: lowercase !important;
    background: transparent !important;
    border: 0 !important;
  }
}

/* ---------- News & Updates page ---------- */
body.is-modern-ui-test.ismui-news-page,
body.is-modern-ui-test.ismui-news-page #page,
body.is-modern-ui-test.ismui-news-page .site-content,
body.is-modern-ui-test.ismui-news-page #content,
body.is-modern-ui-test.ismui-news-page main,
body.is-modern-ui-test.ismui-news-page article {
  background: #ffffff !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-shell {
  width: min(1180px, calc(100% - 72px)) !important;
  margin: 0 auto !important;
  padding: 68px 0 72px !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-hero {
  margin: 0 0 34px !important;
  padding: 0 !important;
  color: #091523 !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-kicker {
  margin: 0 0 14px !important;
  color: #364963 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-title {
  margin: 0 !important;
  color: #091523 !important;
  font-family: "Neuton", serif !important;
  font-size: clamp(50px, 5.1vw, 74px) !important;
  line-height: .95 !important;
  font-weight: 300 !important;
  letter-spacing: -.025em !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-rule {
  width: 34px !important;
  height: 2px !important;
  margin: 18px 0 16px !important;
  background: #3a4f6b !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-intro {
  max-width: 620px !important;
  margin: 0 !important;
  color: #27313d !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news > p:first-child,
body.is-modern-ui-test.ismui-news-page .iswg-news > hr:first-of-type {
  display: none !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  width: 100% !important;
  height: 230px !important;
  min-height: 230px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(26, 37, 50, .13) !important;
  border-radius: 8px !important;
  background: #fcfafa !important;
  box-shadow: 0 8px 24px rgba(9, 21, 35, .055) !important;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(54, 73, 99, .28) !important;
  box-shadow: 0 15px 38px rgba(9, 21, 35, .11) !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li > a {
  position: absolute !important;
  inset: 0 !important;
  z-index: 8 !important;
  display: block !important;
  font-size: 0 !important;
  color: transparent !important;
  background: transparent !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image {
  flex: 0 0 40% !important;
  width: 40% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #e8e5e3 !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image a,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image picture {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image img,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image picture img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: none !important;
  transition: transform .45s ease !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li:hover .news-image img {
  transform: scale(1.025) !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info {
  position: relative !important;
  flex: 1 1 60% !important;
  width: 60% !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 26px 28px 48px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  color: #091523 !important;
  background: #fcfafa !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .ismui-news-label {
  margin: 0 0 12px !important;
  color: #364963 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info h2 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
  margin: 0 0 12px !important;
  color: #091523 !important;
  font-family: "Neuton", serif !important;
  font-size: clamp(22px, 1.65vw, 28px) !important;
  line-height: 1.03 !important;
  font-weight: 400 !important;
  letter-spacing: -.015em !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info p {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
  margin: 0 !important;
  color: #4b535d !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info p ~ p,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info .news-categories,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info button,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info .publication-links {
  display: none !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info::after {
  content: "Explore  →" !important;
  position: absolute !important;
  left: 28px !important;
  bottom: 19px !important;
  color: #364963 !important;
  font-family: "Neuton", serif !important;
  font-size: 16px !important;
  line-height: 1 !important;
  transition: transform .28s ease !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li:hover .news-info::after {
  transform: translateX(6px) !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li.ismui-hidden-card {
  display: none !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li.ismui-animate {
  opacity: 0 !important;
  transform: translateY(16px) !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li.ismui-animate.ismui-is-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: opacity .52s ease, transform .52s ease, box-shadow .28s ease, border-color .28s ease !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-load-more {
  appearance: none !important;
  display: block !important;
  margin: 34px auto 0 !important;
  padding: 8px 14px !important;
  border: 0 !important;
  background: transparent !important;
  color: #364963 !important;
  font-family: "Neuton", serif !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  transition: transform .25s ease, color .25s ease !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-load-more::before {
  content: "" !important;
  display: inline-block !important;
  width: 30px !important;
  height: 1px !important;
  margin: 0 14px 5px 0 !important;
  background: #3a4f6b !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-load-more:hover {
  color: #243245 !important;
  transform: translateY(-1px) !important;
}

@media only screen and (max-width: 900px) {
  body.is-modern-ui-test.ismui-news-page .ismui-news-shell {
    width: min(100% - 38px, 720px) !important;
    padding: 48px 0 58px !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}

@media only screen and (max-width: 620px) {
  body.is-modern-ui-test.ismui-news-page .ismui-news-shell {
    width: calc(100% - 32px) !important;
    padding: 42px 0 54px !important;
  }

  body.is-modern-ui-test.ismui-news-page .ismui-news-title {
    font-size: clamp(44px, 14vw, 62px) !important;
  }

  body.is-modern-ui-test.ismui-news-page .ismui-news-intro {
    font-size: 15px !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li {
    flex-direction: column !important;
    height: 430px !important;
    min-height: 430px !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image {
    flex: 0 0 48% !important;
    width: 100% !important;
    height: 48% !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info {
    flex: 1 1 52% !important;
    width: 100% !important;
    height: 52% !important;
    padding: 22px 22px 48px !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info::after {
    left: 22px !important;
    bottom: 19px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li *,
  body.is-modern-ui-test.ismui-news-page .ismui-news-load-more {
    transition: none !important;
    animation: none !important;
  }
}

/* ============================================================
   V0.5.1 — ONE ARCHIVE DESIGN SYSTEM + ROBUST LOAD-MORE HIDING
   Podcasts and News now share the same Neuton-led hierarchy,
   card proportions, spacing, colour anchors and motion language.
   News keeps its category label as the content-specific difference.
   ============================================================ */

/* The actual site font family is "Neuton". Synthetic family names
   such as Neuton-Light / Neuton-Regular can fall back to browser serif. */
body.is-modern-ui-test .entry-title,
body.is-modern-ui-test .ismui-news-title,
body.is-modern-ui-test .ismui-news-intro,
body.is-modern-ui-test .iswg-news .news > li .news-info,
body.is-modern-ui-test .iswg-news .news > li .news-info h2,
body.is-modern-ui-test .iswg-news .news > li .news-info p,
body.is-modern-ui-test .ismui-load-more,
body.is-modern-ui-test .ismui-news-load-more {
  font-family: "Neuton", serif !important;
}

/* Shared page-heading language. */
body.is-modern-ui-test.ismui-podcasts-page .entry-header,
body.is-modern-ui-test.ismui-news-page .ismui-news-hero {
  max-width: 1180px !important;
  width: calc(100% - 64px) !important;
  margin: 0 auto !important;
  padding: 76px 0 30px !important;
}

body.is-modern-ui-test.ismui-podcasts-page .entry-title,
body.is-modern-ui-test.ismui-news-page .ismui-news-title {
  max-width: 780px !important;
  margin: 0 !important;
  color: #11171e !important;
  font-family: "Neuton", serif !important;
  font-size: clamp(50px, 5vw, 72px) !important;
  line-height: .98 !important;
  font-weight: 400 !important;
  letter-spacing: -.025em !important;
  text-shadow: none !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-kicker,
body.is-modern-ui-test.ismui-podcasts-page .entry-header::before {
  margin-bottom: 15px !important;
  color: #273548 !important;
  font-family: "Barlow-Bold", Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-rule {
  display: none !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-intro,
body.is-modern-ui-test.ismui-podcasts-page .entry-header::after {
  display: block !important;
  max-width: 610px !important;
  margin: 18px 0 0 !important;
  color: #68545d !important;
  font-family: "Neuton", serif !important;
  font-size: 21px !important;
  line-height: 1.45 !important;
  font-weight: 300 !important;
}

/* Robust load-more state. This rule is intentionally last in the
   stylesheet so later legacy display:flex rules cannot reveal cards. */
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li.ismui-hidden-card,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li.ismui-hidden-card {
  display: none !important;
  visibility: hidden !important;
}

/* News uses the SAME archive-card language as Podcasts. The category
   label is the main content-specific distinction. */
body.is-modern-ui-test.ismui-news-page .ismui-news-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 94px !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news {
  padding: 28px 0 0 !important;
  background: #ffffff !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news {
  max-width: 1180px !important;
  width: calc(100% - 64px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 34px 32px !important;
  list-style: none !important;
  background: transparent !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  width: auto !important;
  min-width: 0 !important;
  height: 320px !important;
  min-height: 320px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #151d27 0%, #0d1117 100%) !important;
  box-shadow: 0 18px 38px rgba(12, 16, 22, .22) !important;
  transition: opacity .46s ease, transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(84, 119, 167, .40) !important;
  box-shadow: 0 28px 54px rgba(12, 16, 22, .34) !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image {
  position: relative !important;
  flex: 0 0 40% !important;
  width: 40% !important;
  height: 320px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #0d1117 !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent 65%, rgba(18, 24, 33, .34) 100%) !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image a,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image picture,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image img,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image picture img {
  display: block !important;
  width: 100% !important;
  height: 320px !important;
  max-width: none !important;
  max-height: 320px !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image img,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image picture img {
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(.88) contrast(1.03) !important;
  transform: scale(1.001) !important;
  transition: transform .6s cubic-bezier(.2,.7,.2,1), filter .3s ease !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li:hover .news-image img {
  transform: scale(1.045) !important;
  filter: saturate(1) contrast(1.05) !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info {
  position: relative !important;
  flex: 1 1 60% !important;
  width: 60% !important;
  min-width: 0 !important;
  height: 320px !important;
  margin: 0 !important;
  padding: 25px 24px 52px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  color: rgba(255,255,255,.80) !important;
  background: transparent !important;
  font-family: "Neuton", serif !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .ismui-news-label {
  margin: 0 0 12px !important;
  color: #5e81af !important;
  font-family: "Barlow-Bold", Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info h2 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
  margin: 0 0 15px !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-family: "Neuton", serif !important;
  font-size: 24px !important;
  line-height: 1.09 !important;
  font-weight: 400 !important;
  letter-spacing: -.015em !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info p {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  overflow: hidden !important;
  margin: 0 !important;
  color: rgba(255,255,255,.76) !important;
  font-family: "Neuton", serif !important;
  font-size: 17px !important;
  line-height: 1.46 !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info::after {
  content: "Explore  →" !important;
  position: absolute !important;
  left: 24px !important;
  bottom: 20px !important;
  color: #5376a6 !important;
  font-family: "Neuton", serif !important;
  font-size: 16px !important;
  line-height: 1 !important;
  transition: transform .22s ease, color .22s ease !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li:hover .news-info::after {
  color: #6a8dbb !important;
  transform: translateX(5px) !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-load-more {
  margin: 48px auto 0 !important;
  padding: 8px 4px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(23, 31, 43, .34) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #1b2431 !important;
  font-family: "Neuton", serif !important;
  font-size: 18px !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-load-more::before {
  content: none !important;
  display: none !important;
}

@media only screen and (max-width: 900px) {
  body.is-modern-ui-test.ismui-podcasts-page .entry-header,
  body.is-modern-ui-test.ismui-news-page .ismui-news-hero,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news {
    width: min(calc(100% - 38px), 720px) !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}

@media only screen and (max-width: 620px) {
  body.is-modern-ui-test.ismui-podcasts-page .entry-header,
  body.is-modern-ui-test.ismui-news-page .ismui-news-hero,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news {
    width: calc(100% - 32px) !important;
  }

  body.is-modern-ui-test.ismui-podcasts-page .entry-header,
  body.is-modern-ui-test.ismui-news-page .ismui-news-hero {
    padding-top: 42px !important;
  }

  body.is-modern-ui-test.ismui-podcasts-page .entry-title,
  body.is-modern-ui-test.ismui-news-page .ismui-news-title {
    font-size: clamp(44px, 14vw, 62px) !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li {
    flex-direction: column !important;
    height: 430px !important;
    min-height: 430px !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image a,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image picture,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image img,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image picture img {
    flex: 0 0 48% !important;
    width: 100% !important;
    height: 206px !important;
    max-height: 206px !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info {
    flex: 1 1 52% !important;
    width: 100% !important;
    height: 224px !important;
    padding: 22px 22px 48px !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info::after {
    left: 22px !important;
    bottom: 19px !important;
  }
}


/* ============================================================
   V0.5.2 — NEWS HERO PARITY + REAL LOAD-MORE BOUNDARY
   - News heading uses the exact Podcasts spacing/alignment language.
   - Legacy event archive embedded after the first News list is hidden here;
     Events will receive its own one-column treatment on its own page.
   - News now reveals 8 cards per batch, matching Podcasts.
   ============================================================ */

body.is-modern-ui-test.ismui-news-page article > .entry-header,
body.is-modern-ui-test.ismui-news-page .entry-content > hr,
body.is-modern-ui-test.ismui-news-page .entry-content > .wp-block-separator,
body.is-modern-ui-test.ismui-news-page .ismui-news-legacy-events-hidden {
  display: none !important;
  visibility: hidden !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 94px !important;
  background: #ffffff !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-hero {
  display: block !important;
  max-width: 1180px !important;
  width: calc(100% - 64px) !important;
  margin: 0 auto !important;
  padding: 76px 0 30px !important;
  text-align: left !important;
  color: #11171e !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-kicker,
body.is-modern-ui-test.ismui-news-page .ismui-news-title,
body.is-modern-ui-test.ismui-news-page .ismui-news-intro {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: left !important;
  float: none !important;
  transform: none !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-kicker {
  margin-top: 0 !important;
  margin-bottom: 15px !important;
  color: #273548 !important;
  font-family: "Barlow-Bold", Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-title {
  max-width: 780px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  color: #11171e !important;
  font-family: "Neuton", serif !important;
  font-size: clamp(50px, 5vw, 72px) !important;
  line-height: .98 !important;
  font-weight: 400 !important;
  letter-spacing: -.025em !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-rule {
  display: none !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-intro {
  max-width: 610px !important;
  margin-top: 18px !important;
  margin-bottom: 0 !important;
  color: #68545d !important;
  font-family: "Neuton", serif !important;
  font-size: 21px !important;
  line-height: 1.45 !important;
  font-weight: 300 !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news {
  padding: 28px 0 0 !important;
}

/* Secondary legacy .news grids must never appear underneath Load more. */
body.is-modern-ui-test.ismui-news-page .iswg-news .news:not(:first-of-type) {
  display: none !important;
  visibility: hidden !important;
}

@media only screen and (max-width: 900px) {
  body.is-modern-ui-test.ismui-news-page .ismui-news-hero {
    width: min(calc(100% - 38px), 720px) !important;
  }
}

@media only screen and (max-width: 620px) {
  body.is-modern-ui-test.ismui-news-page .ismui-news-hero {
    width: calc(100% - 32px) !important;
    padding-top: 42px !important;
  }

  body.is-modern-ui-test.ismui-news-page .ismui-news-title {
    font-size: clamp(44px, 14vw, 62px) !important;
  }
}

/* ============================================================
   V0.6.0 — ONE IDEAL SPACES SYSTEM / THREE DENSITIES
   1) Header + footer remain the shared brand frame.
   2) Podcasts + News use the same two-column content-card system.
   3) Perspectives / Research / Events / Publications use one-column
      feature rows: large imagery, compact corner information, same type,
      radius, shadows, accent and motion language.
   ============================================================ */

/* ---- Correct theme font family names (real theme @font-face names) ---- */
body.is-modern-ui-test.ismui-podcasts-page .entry-title,
body.is-modern-ui-test.ismui-news-page .ismui-news-title,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info h2,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info h2,
body.is-modern-ui-test .ismui-archive-title {
  font-family: "Neuton-Regular", Georgia, serif !important;
}

body.is-modern-ui-test.ismui-podcasts-page .entry-header p,
body.is-modern-ui-test.ismui-news-page .ismui-news-intro,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info p,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info p,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info::after,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info::after,
body.is-modern-ui-test .ismui-load-more,
body.is-modern-ui-test .ismui-news-load-more {
  font-family: "Neuton-Light", Georgia, serif !important;
}

/* ---- News: every legacy .news list is merged into the first one by JS. ---- */
body.is-modern-ui-test.ismui-news-page .ismui-merged-news-list,
body.is-modern-ui-test.ismui-news-page .ismui-merged-news-root {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* The first list is the single visual archive after merge. */
body.is-modern-ui-test.ismui-news-page .iswg-news .news:first-of-type {
  display: grid !important;
  visibility: visible !important;
}

/* Make Podcast and News page heads genuinely identical in geometry. */
body.is-modern-ui-test.ismui-podcasts-page .entry-header,
body.is-modern-ui-test.ismui-news-page .ismui-news-hero {
  box-sizing: border-box !important;
  max-width: 1180px !important;
  width: calc(100% - 64px) !important;
  margin: 0 auto !important;
  padding: 76px 0 30px !important;
  text-align: left !important;
}

body.is-modern-ui-test.ismui-podcasts-page .entry-title,
body.is-modern-ui-test.ismui-news-page .ismui-news-title {
  display: block !important;
  width: auto !important;
  max-width: 780px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  color: #11171e !important;
  font-size: clamp(50px, 5vw, 72px) !important;
  line-height: .98 !important;
  font-weight: 400 !important;
  letter-spacing: -.025em !important;
  transform: none !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-kicker {
  margin: 0 0 15px !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-intro {
  max-width: 610px !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

/* ---- Shared one-column archive page base ---- */
body.is-modern-ui-test.ismui-feature-row-page,
body.is-modern-ui-test.ismui-feature-row-page #content,
body.is-modern-ui-test.ismui-feature-row-page .site-content,
body.is-modern-ui-test.ismui-feature-row-page article,
body.is-modern-ui-test.ismui-feature-row-page .entry,
body.is-modern-ui-test.ismui-feature-row-page .entry-content {
  background: #ffffff !important;
}

body.is-modern-ui-test.ismui-feature-row-page article > .entry-header,
body.is-modern-ui-test.ismui-feature-row-page .entry-content > hr:first-child,
body.is-modern-ui-test.ismui-feature-row-page .entry-content > .wp-block-separator:first-child,
body.is-modern-ui-test.ismui-feature-row-page .iswg-projects > h2,
body.is-modern-ui-test.ismui-feature-row-page .wp-block-iswg-projects > h2,
body.is-modern-ui-test.ismui-publications-page .iswg-publications > h2 {
  display: none !important;
}

body.is-modern-ui-test .ismui-archive-hero {
  box-sizing: border-box !important;
  display: block !important;
  max-width: 1280px !important;
  width: calc(100% - 72px) !important;
  margin: 0 auto !important;
  padding: 76px 0 42px !important;
  text-align: left !important;
  color: #11171e !important;
}

body.is-modern-ui-test .ismui-archive-kicker {
  display: block !important;
  margin: 0 0 15px !important;
  padding: 0 !important;
  color: #273548 !important;
  font-family: "Barlow-Bold", Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  text-align: left !important;
}

body.is-modern-ui-test .ismui-archive-title {
  display: block !important;
  max-width: 860px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #11171e !important;
  font-size: clamp(50px, 5vw, 72px) !important;
  line-height: .98 !important;
  font-weight: 400 !important;
  letter-spacing: -.025em !important;
  text-align: left !important;
}

/* ---- Perspectives / Research / Events: same existing project block, one column ---- */
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .iswg-projects,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .wp-block-iswg-projects,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .entry .entry-content .wp-block-iswg-projects {
  box-sizing: border-box !important;
  max-width: 1280px !important;
  width: calc(100% - 72px) !important;
  margin: 0 auto !important;
  padding: 0 0 96px !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .iswg-projects .projects,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .wp-block-iswg-projects .projects,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .entry .entry-content .wp-block-iswg-projects .projects {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects.projects-emphasizeFirstProject > li,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects.projects-smallerColumn > li,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects.projects-flatProportion > li,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects.projects-two-images > li {
  box-sizing: border-box !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 440px !important;
  min-height: 440px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(36, 48, 64, .22) !important;
  border-radius: 8px !important;
  background: #140b12 !important;
  box-shadow: 0 18px 46px rgba(16,24,38,.10) !important;
  transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease, border-color .35s ease !important;
  isolation: isolate !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(54, 73, 99, .40) !important;
  box-shadow: 0 26px 62px rgba(16,24,38,.16) !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .projects-proportion {
  display: none !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .project-image,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .project-image a,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .project-image picture,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .project-image img,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .project-image picture img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .project-image img,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .project-image picture img {
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(.88) contrast(1.03) brightness(.88) !important;
  transform: scale(1.001) !important;
  transition: transform .75s cubic-bezier(.2,.7,.2,1), filter .4s ease !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li:hover .project-image img {
  transform: scale(1.035) !important;
  filter: saturate(.98) contrast(1.04) brightness(.90) !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(6,16,29,.03) 20%, rgba(8,11,20,.18) 63%, rgba(12,8,15,.72) 100%),
    linear-gradient(90deg, rgba(6,16,29,.20) 0%, transparent 55%) !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .project-info {
  box-sizing: border-box !important;
  position: absolute !important;
  left: 28px !important;
  right: auto !important;
  top: auto !important;
  bottom: 28px !important;
  z-index: 3 !important;
  display: block !important;
  width: min(620px, calc(100% - 56px)) !important;
  max-width: 58% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 7px !important;
  overflow: hidden !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, rgba(7,21,34,.94), rgba(16, 22, 31, .92)) !important;
  box-shadow: 0 14px 38px rgba(0,0,0,.22) !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .project-info .project-info-in {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 24px 28px 28px !important;
  color: #ffffff !important;
  background: transparent !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .project-info .project-info-in::after {
  content: "" !important;
  position: static !important;
  display: block !important;
  width: 46px !important;
  height: 2px !important;
  margin: 18px 0 0 !important;
  background: #5376a6 !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .project-additionalInfo {
  order: 0 !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: #5e81af !important;
  font-family: "Barlow-Bold", Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .project-title,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .project-title a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-family: "Neuton-Regular", Georgia, serif !important;
  font-size: clamp(29px, 3vw, 44px) !important;
  line-height: 1.02 !important;
  font-weight: 400 !important;
  letter-spacing: -.02em !important;
  text-decoration: none !important;
}

/* ---- Publications: same one-row language, content-aware image treatment ---- */
body.is-modern-ui-test.ismui-publications-page .iswg-publications {
  box-sizing: border-box !important;
  max-width: 1280px !important;
  width: calc(100% - 72px) !important;
  margin: 0 auto !important;
  padding: 0 0 96px !important;
}

body.is-modern-ui-test.ismui-publications-page .iswg-publications .publications {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.is-modern-ui-test.ismui-publications-page .iswg-publications .publications > li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
}

body.is-modern-ui-test.ismui-publications-page .iswg-publications .publication {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 38% minmax(0, 62%) !important;
  min-height: 360px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(36, 48, 64, .22) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #071522 0%, #0d1015 48%, #151e29 100%) !important;
  box-shadow: 0 18px 46px rgba(16,24,38,.10) !important;
  transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease, border-color .35s ease !important;
}

body.is-modern-ui-test.ismui-publications-page .iswg-publications .publication:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(54, 73, 99, .40) !important;
  box-shadow: 0 26px 62px rgba(16,24,38,.16) !important;
}

body.is-modern-ui-test.ismui-publications-page .publication .publication-cover,
body.is-modern-ui-test.ismui-publications-page .publication .publication-no-cover {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 360px !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 28px !important;
  background: #f7f5f3 !important;
  overflow: hidden !important;
}

body.is-modern-ui-test.ismui-publications-page .publication .publication-cover picture {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

body.is-modern-ui-test.ismui-publications-page .publication .publication-cover img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 304px !important;
  margin: 0 auto !important;
  border: 0 !important;
  object-fit: contain !important;
  box-shadow: 0 16px 34px rgba(16,24,38,.14) !important;
  transition: transform .6s cubic-bezier(.2,.7,.2,1) !important;
}

body.is-modern-ui-test.ismui-publications-page .publication:hover .publication-cover img {
  transform: scale(1.025) !important;
}

body.is-modern-ui-test.ismui-publications-page .publication .publication-info {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 34px 40px !important;
  color: rgba(255,255,255,.80) !important;
  background: transparent !important;
  font-family: "Neuton-Light", Georgia, serif !important;
}

body.is-modern-ui-test.ismui-publications-page .publication .publication-info h2,
body.is-modern-ui-test.ismui-publications-page .publication .publication-info h3,
body.is-modern-ui-test.ismui-publications-page .publication .publication-info .publication-title,
body.is-modern-ui-test.ismui-publications-page .publication .publication-info .publication-title a {
  margin: 0 0 16px !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-family: "Neuton-Regular", Georgia, serif !important;
  font-size: clamp(30px, 3vw, 44px) !important;
  line-height: 1.04 !important;
  font-weight: 400 !important;
  letter-spacing: -.02em !important;
  text-decoration: none !important;
}

body.is-modern-ui-test.ismui-publications-page .publication .publication-info p,
body.is-modern-ui-test.ismui-publications-page .publication .publication-info div {
  color: rgba(255,255,255,.78) !important;
  font-family: "Neuton-Light", Georgia, serif !important;
  line-height: 1.45 !important;
}

body.is-modern-ui-test.ismui-publications-page .publication .publication-info a,
body.is-modern-ui-test.ismui-publications-page .publication .publication-info button a {
  color: #5376a6 !important;
  text-decoration: none !important;
}

body.is-modern-ui-test.ismui-publications-page .publication .publication-info button {
  width: auto !important;
  align-self: flex-start !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #5376a6 !important;
  font-family: "Neuton-Light", Georgia, serif !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
}

/* Shared reveal motion for one-column rows too. */
body.is-modern-ui-test.ismui-feature-row-page .ismui-animate {
  opacity: 0 !important;
  transform: translateY(18px) !important;
}

body.is-modern-ui-test.ismui-feature-row-page .ismui-animate.ismui-is-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: opacity .55s ease, transform .55s cubic-bezier(.2,.7,.2,1) !important;
}

/* ---- Tablet ---- */
@media only screen and (max-width: 900px) {
  body.is-modern-ui-test .ismui-archive-hero,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .iswg-projects,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .wp-block-iswg-projects,
  body.is-modern-ui-test.ismui-publications-page .iswg-publications {
    width: min(calc(100% - 38px), 720px) !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li {
    height: 390px !important;
    min-height: 390px !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .project-info {
    max-width: 72% !important;
  }

  body.is-modern-ui-test.ismui-publications-page .iswg-publications .publication {
    grid-template-columns: 42% minmax(0, 58%) !important;
  }
}

/* ---- Mobile: same brand, readability first ---- */
@media only screen and (max-width: 620px) {
  body.is-modern-ui-test.ismui-podcasts-page .entry-header,
  body.is-modern-ui-test.ismui-news-page .ismui-news-hero {
    width: calc(100% - 32px) !important;
    padding-top: 42px !important;
  }

  body.is-modern-ui-test .ismui-archive-hero,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .iswg-projects,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .wp-block-iswg-projects,
  body.is-modern-ui-test.ismui-publications-page .iswg-publications {
    width: calc(100% - 32px) !important;
  }

  body.is-modern-ui-test .ismui-archive-hero {
    padding: 42px 0 28px !important;
  }

  body.is-modern-ui-test .ismui-archive-title,
  body.is-modern-ui-test.ismui-podcasts-page .entry-title,
  body.is-modern-ui-test.ismui-news-page .ismui-news-title {
    font-size: clamp(44px, 14vw, 62px) !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .iswg-projects,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .wp-block-iswg-projects,
  body.is-modern-ui-test.ismui-publications-page .iswg-publications {
    padding-bottom: 72px !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects {
    gap: 18px !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 430px !important;
    background: linear-gradient(135deg, #071522 0%, #0d1015 52%, #151e29 100%) !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li::before {
    content: none !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .project-image,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .project-image a,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .project-image picture,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .project-image img,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .project-image picture img {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: 238px !important;
    min-height: 238px !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .project-info {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .project-info .project-info-in {
    padding: 23px 22px 28px !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .project-title,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects > li .project-title a {
    font-size: 30px !important;
  }

  body.is-modern-ui-test.ismui-publications-page .iswg-publications .publications {
    gap: 18px !important;
  }

  body.is-modern-ui-test.ismui-publications-page .iswg-publications .publication {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  body.is-modern-ui-test.ismui-publications-page .publication .publication-cover,
  body.is-modern-ui-test.ismui-publications-page .publication .publication-no-cover {
    min-height: 245px !important;
    height: 245px !important;
    padding: 22px !important;
  }

  body.is-modern-ui-test.ismui-publications-page .publication .publication-cover img {
    max-height: 202px !important;
  }

  body.is-modern-ui-test.ismui-publications-page .publication .publication-info {
    padding: 26px 23px 30px !important;
  }

  body.is-modern-ui-test.ismui-publications-page .publication .publication-info h2,
  body.is-modern-ui-test.ismui-publications-page .publication .publication-info h3,
  body.is-modern-ui-test.ismui-publications-page .publication .publication-info .publication-title,
  body.is-modern-ui-test.ismui-publications-page .publication .publication-info .publication-title a {
    font-size: 31px !important;
  }
}

/* ============================================================
   V0.6.1 — LEGACY-SLUG ARCHIVES + COMPACT FEATURE ROWS
   - Targets the actual archive card anatomy, not only wrapper names.
   - /magazine/ (Perspectives), /conceptions/ (Research) and /projects/
     (Events) share one visual language.
   - One image only on mobile; information remains a corner overlay.
   - Publications receive more breathing room on desktop and mobile.
   ============================================================ */

/* Generic JS-marked feature archive roots/lists. */
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-root {
  box-sizing: border-box !important;
  max-width: 1280px !important;
  width: calc(100% - 72px) !important;
  margin: 0 auto !important;
  padding: 0 0 96px !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-list {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 30px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-card {
  box-sizing: border-box !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 390px !important;
  min-height: 390px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(36, 48, 64, .22) !important;
  border-radius: 8px !important;
  background: #140b12 !important;
  box-shadow: 0 18px 46px rgba(16,24,38,.10) !important;
  isolation: isolate !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(54, 73, 99, .40) !important;
  box-shadow: 0 26px 62px rgba(16,24,38,.16) !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-card .projects-proportion {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media > a,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media picture,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media img,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media picture img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media img,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media picture img {
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(.88) contrast(1.04) !important;
  transform: scale(1.001) !important;
  transition: transform .7s cubic-bezier(.2,.7,.2,1), filter .35s ease !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-card:hover .ismui-feature-media img {
  transform: scale(1.035) !important;
  filter: saturate(.98) contrast(1.05) !important;
}

/* Guard against legacy blocks outputting more than one visual source. */
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media > picture:nth-of-type(n+2),
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media > img:nth-of-type(n+2),
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media > a > picture:nth-of-type(n+2),
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media > a > img:nth-of-type(n+2) {
  display: none !important;
  visibility: hidden !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, rgba(5,17,29,.10) 0%, rgba(20,10,18,.03) 50%, rgba(12, 17, 24, .16) 100%) !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info {
  box-sizing: border-box !important;
  position: absolute !important;
  left: 22px !important;
  bottom: 22px !important;
  z-index: 4 !important;
  width: auto !important;
  max-width: min(56%, 660px) !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 7px !important;
  color: rgba(255,255,255,.80) !important;
  background: linear-gradient(118deg, rgba(6,21,34,.94) 0%, rgba(10, 14, 18, .94) 58%, rgba(21, 29, 40, .92) 100%) !important;
  box-shadow: 0 16px 38px rgba(5,11,20,.26) !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
  overflow: hidden !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info .project-info-in,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info.news-info {
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 24px 28px 27px !important;
  background: transparent !important;
  color: rgba(255,255,255,.80) !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info .project-info-in::after {
  content: "" !important;
  position: static !important;
  display: block !important;
  width: 48px !important;
  height: 2px !important;
  margin-top: 18px !important;
  background: #476287 !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info .project-additionalInfo,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info .news-categories {
  margin: 0 0 10px !important;
  color: #5e81af !important;
  font-family: "Barlow-Bold", Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info .project-title,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info .project-title a,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info h2,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info h2 a {
  margin: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: "Neuton-Regular", Georgia, serif !important;
  font-size: clamp(29px, 3vw, 43px) !important;
  line-height: 1.04 !important;
  font-weight: 400 !important;
  letter-spacing: -.02em !important;
  text-decoration: none !important;
}

/* Publications: the layout is approved; only increase the rhythm. */
body.is-modern-ui-test.ismui-publications-page .iswg-publications .publications {
  gap: 48px !important;
  row-gap: 48px !important;
}

body.is-modern-ui-test.ismui-publications-page .iswg-publications .publications > li,
body.is-modern-ui-test.ismui-publications-page .iswg-publications .publication {
  margin: 0 !important;
}

@media only screen and (max-width: 900px) {
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-root {
    width: min(calc(100% - 38px), 720px) !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-card {
    height: 360px !important;
    min-height: 360px !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info {
    max-width: min(68%, 560px) !important;
  }
}

@media only screen and (max-width: 620px) {
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-root {
    width: calc(100% - 32px) !important;
    padding-bottom: 72px !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-list {
    gap: 24px !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-card {
    display: block !important;
    flex-direction: initial !important;
    height: 360px !important;
    min-height: 360px !important;
    background: #140b12 !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media > a,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media picture,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media img,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media picture img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info {
    position: absolute !important;
    left: 14px !important;
    right: 14px !important;
    top: auto !important;
    bottom: 14px !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    flex: none !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    border-radius: 7px !important;
    background: linear-gradient(118deg, rgba(6,21,34,.94) 0%, rgba(10, 14, 18, .94) 58%, rgba(21, 29, 40, .92) 100%) !important;
    box-shadow: 0 14px 30px rgba(5,11,20,.24) !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info .project-info-in,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info.news-info {
    padding: 19px 20px 21px !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info .project-title,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info .project-title a,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info h2,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info h2 a {
    font-size: 29px !important;
  }

  body.is-modern-ui-test.ismui-publications-page .iswg-publications .publications {
    gap: 32px !important;
    row-gap: 32px !important;
  }
}

/* ============================================================
   V0.6.2 — CONSISTENCY / MOBILE PARITY / FEATURE CARD CLEANUP
   - All redesigned page heroes sit slightly lower below the global header.
   - Perspectives / Research / Events keep one shared image-led row language.
   - Removes glass blur and long archive excerpts from corner panels.
   - Neutralises the legacy project-image background so mobile shows one image.
   - News mobile cards mirror the approved Podcasts mobile card anatomy.
   - Publications receive more vertical breathing room.
   ============================================================ */

/* ----- Shared archive hero rhythm: same system, slightly lower ----- */
body.is-modern-ui-test.ismui-podcasts-page .entry-header,
body.is-modern-ui-test.ismui-news-page .ismui-news-hero,
body.is-modern-ui-test .ismui-archive-hero {
  padding-top: 96px !important;
  scroll-margin-top: 110px !important;
}

/* ----- Feature archives: one real image, one compact solid information panel ----- */
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media {
  background: #140b12 !important;
  background-image: none !important;
  background-size: auto !important;
  background-position: initial !important;
  background-repeat: no-repeat !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media::before,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* The legacy block can carry both a CSS background image and a real <img>.
   The image is our only visual source in the modern layer. */
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media > picture,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media > img,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media > a > picture,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media > a > img {
  display: none !important;
  visibility: hidden !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media > picture:first-of-type,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media > img:first-of-type,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media > a > picture:first-of-type,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media > a > img:first-of-type {
  display: block !important;
  visibility: visible !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info {
  max-width: min(54%, 620px) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: linear-gradient(125deg, #081522 0%, #0c0f14 58%, #151d28 100%) !important;
  background-color: #0c0f14 !important;
  box-shadow: 0 16px 38px rgba(5,11,20,.24) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  transform: none !important;
}

/* Magazine / conceptions use news-info anatomy. Reset the old article-like flow. */
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info.news-info {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  width: auto !important;
  height: auto !important;
  max-height: calc(100% - 44px) !important;
  padding: 24px 28px 27px !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: rgba(255,255,255,.82) !important;
  background: linear-gradient(125deg, #081522 0%, #0c0f14 58%, #151d28 100%) !important;
  text-align: left !important;
  transform: none !important;
}

/* These are archive cards, not article previews. Keep hierarchy to label + title. */
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info.news-info > p,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info.news-info .news-start-date,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info.news-info .news-end-date,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info.news-info .news-place,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info.news-info .publication-links,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info.news-info button {
  display: none !important;
  visibility: hidden !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info.news-info h2,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info.news-info h2 a {
  position: relative !important;
  inset: auto !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: "Neuton-Regular", Georgia, serif !important;
  font-size: clamp(29px, 3vw, 43px) !important;
  line-height: 1.04 !important;
  font-weight: 400 !important;
  letter-spacing: -.02em !important;
  text-decoration: none !important;
  text-align: left !important;
  transform: none !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info.news-info h2::after {
  content: none !important;
  display: none !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info.news-info::after {
  content: "" !important;
  position: static !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: 48px !important;
  height: 2px !important;
  margin: 18px 0 0 !important;
  background: #5376a6 !important;
}

/* Events stay image-led but more compact than the earlier oversized version. */
body.is-modern-ui-test.ismui-events-page .ismui-feature-card {
  height: 360px !important;
  min-height: 360px !important;
}

body.is-modern-ui-test.ismui-events-page .ismui-feature-info {
  max-width: min(50%, 560px) !important;
}

/* ----- News mobile = Podcasts mobile: image first, wine information block below ----- */
@media only screen and (max-width: 620px) {
  body.is-modern-ui-test.ismui-podcasts-page .entry-header,
  body.is-modern-ui-test.ismui-news-page .ismui-news-hero,
  body.is-modern-ui-test .ismui-archive-hero {
    padding-top: 56px !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news {
    gap: 22px !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li {
    display: flex !important;
    flex-direction: column !important;
    height: 510px !important;
    min-height: 510px !important;
    max-height: 510px !important;
    border-radius: 8px !important;
    background: #121821 !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image a,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image picture,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image img,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image picture img {
    flex: 0 0 230px !important;
    width: 100% !important;
    height: 230px !important;
    min-height: 230px !important;
    max-height: 230px !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image::after {
    background: linear-gradient(180deg, transparent 72%, rgba(18, 24, 33, .28) 100%) !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info {
    flex: 0 0 280px !important;
    width: 100% !important;
    height: 280px !important;
    min-height: 280px !important;
    max-height: 280px !important;
    padding: 23px 22px 52px !important;
    background: transparent !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .ismui-news-label {
    margin-bottom: 10px !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info h2 {
    margin: 0 0 13px !important;
    font-family: "Neuton-Regular", Georgia, serif !important;
    font-size: 23px !important;
    line-height: 1.08 !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info p {
    font-family: "Neuton-Light", Georgia, serif !important;
    font-size: 16px !important;
    line-height: 1.43 !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info::after {
    left: 22px !important;
    bottom: 20px !important;
  }

  /* Feature pages remain full-image cards with a compact corner panel on mobile. */
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-card,
  body.is-modern-ui-test.ismui-events-page .ismui-feature-card {
    height: 285px !important;
    min-height: 285px !important;
    max-height: 285px !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100% - 24px) !important;
    border-radius: 7px !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info .project-info-in,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info.news-info {
    padding: 17px 18px 18px !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info .project-title,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info .project-title a,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info h2,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info h2 a {
    -webkit-line-clamp: 3 !important;
    font-size: 26px !important;
    line-height: 1.04 !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info .project-info-in::after,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info.news-info::after {
    width: 42px !important;
    margin-top: 13px !important;
  }

  /* More space between Publications cards, while preserving the approved layout. */
  body.is-modern-ui-test.ismui-publications-page .iswg-publications .publications {
    gap: 40px !important;
    row-gap: 40px !important;
  }
}

@media only screen and (min-width: 621px) {
  body.is-modern-ui-test.ismui-publications-page .iswg-publications .publications {
    gap: 64px !important;
    row-gap: 64px !important;
  }
}

/* ============================================================
   V0.6.3 — ONE CARD RHYTHM + UNIFIED FEATURE CARDS
   - One spacing token for every redesigned card archive.
   - Larger breathing room between cards on desktop and mobile.
   - Events / Perspectives / Research use the same mobile image-led
     card and the same navy-to-wine information panel.
   ============================================================ */

body.is-modern-ui-test {
  --ismui-card-gap: 56px;
  --ismui-feature-panel: linear-gradient(125deg, #081522 0%, #0c0f14 58%, #151d28 100%);
}

/* One card spacing rhythm across the whole modern UI layer. */
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news,
body.is-modern-ui-test.ismui-news-page .iswg-news .news,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-list,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects,
body.is-modern-ui-test.ismui-publications-page .iswg-publications .publications {
  gap: var(--ismui-card-gap) !important;
  row-gap: var(--ismui-card-gap) !important;
  column-gap: var(--ismui-card-gap) !important;
}

/* One panel colour system for Events / Perspectives / Research. */
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info.news-info,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info.project-info {
  color: rgba(255,255,255,.84) !important;
  background: var(--ismui-feature-panel) !important;
  background-color: #0c0f14 !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  box-shadow: 0 16px 38px rgba(5,11,20,.25) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info .project-info-in,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info.news-info {
  background: transparent !important;
  background-color: transparent !important;
}

/* Mobile feature cards mirror the desktop card language: full image + corner panel.
   No separate black lower section on Events. */
@media only screen and (max-width: 620px) {
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-card {
    position: relative !important;
    display: block !important;
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #140b12 !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media > a,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media picture,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media img,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media picture img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media img,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-media picture img {
    object-fit: cover !important;
    object-position: center !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info.news-info,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info.project-info {
    position: absolute !important;
    left: 14px !important;
    right: auto !important;
    top: auto !important;
    bottom: 14px !important;
    z-index: 5 !important;
    display: block !important;
    width: auto !important;
    max-width: calc(100% - 28px) !important;
    height: auto !important;
    max-height: calc(100% - 28px) !important;
    margin: 0 !important;
    border-radius: 7px !important;
    overflow: hidden !important;
    background: var(--ismui-feature-panel) !important;
    background-color: #0c0f14 !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info .project-info-in,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info.news-info {
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 18px 20px 20px !important;
    background: transparent !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info .project-title,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info .project-title a,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info h2,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info h2 a {
    -webkit-line-clamp: 3 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-family: "Neuton-Regular", Georgia, serif !important;
    font-size: 27px !important;
    line-height: 1.04 !important;
  }

  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info .project-additionalInfo,
  body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info .news-categories {
    color: #5e81af !important;
  }
}


/* ============================================================
   V0.6.4 — FINAL CONSISTENCY + MOBILE CARD FIXES
   - One generous card gap across every redesigned archive.
   - Perspectives / Research use the exact opaque feature panel treatment.
   - News mobile now follows the Podcast stacked card anatomy.
   - Events keep a full-image card with an overlay panel on mobile.
   - Explore sits at the right edge on content cards.
   - The first Podcast and News item receives a clear NEW badge.
   ============================================================ */

body.is-modern-ui-test {
  --ismui-card-gap: 72px;
  --ismui-feature-panel-solid: linear-gradient(125deg, #081522 0%, #0c0f14 58%, #151d28 100%);
}

/* ---- One spacing token, forced on every redesigned card list ---- */
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news,
body.is-modern-ui-test.ismui-news-page .iswg-news .news,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-list,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects,
body.is-modern-ui-test.ismui-publications-page .iswg-publications .publications {
  row-gap: var(--ismui-card-gap) !important;
  column-gap: var(--ismui-card-gap) !important;
  gap: var(--ismui-card-gap) !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-list,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .projects {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-card,
body.is-modern-ui-test.ismui-publications-page .iswg-publications .publications > li {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ---- NEW badge: newest card only, added by JS ---- */
body.is-modern-ui-test.ismui-podcasts-page .ismui-new-badge,
body.is-modern-ui-test.ismui-news-page .ismui-new-badge {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  z-index: 30 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 25px !important;
  margin: 0 !important;
  padding: 5px 9px 4px !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  border-radius: 3px !important;
  background: #5376a6 !important;
  color: #0d1015 !important;
  box-shadow: 0 6px 18px rgba(10, 13, 18, .20) !important;
  font-family: "Barlow-Bold", Arial, Helvetica, sans-serif !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  pointer-events: none !important;
}

/* ---- Perspectives + Research: exact same opaque panel as Events ---- */
body.is-modern-ui-test.ismui-perspectives-page .ismui-feature-info,
body.is-modern-ui-test.ismui-perspectives-page .ismui-feature-info.news-info,
body.is-modern-ui-test.ismui-research-page .ismui-feature-info,
body.is-modern-ui-test.ismui-research-page .ismui-feature-info.news-info {
  opacity: 1 !important;
  background: var(--ismui-feature-panel-solid) !important;
  background-image: var(--ismui-feature-panel-solid) !important;
  background-color: #0c0f14 !important;
  background-blend-mode: normal !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

body.is-modern-ui-test.ismui-perspectives-page .ismui-feature-info::before,
body.is-modern-ui-test.ismui-perspectives-page .ismui-feature-info.news-info::before,
body.is-modern-ui-test.ismui-research-page .ismui-feature-info::before,
body.is-modern-ui-test.ismui-research-page .ismui-feature-info.news-info::before {
  content: none !important;
  display: none !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}

body.is-modern-ui-test.ismui-perspectives-page .ismui-feature-info > *,
body.is-modern-ui-test.ismui-research-page .ismui-feature-info > *,
body.is-modern-ui-test.ismui-perspectives-page .ismui-feature-info .project-info-in,
body.is-modern-ui-test.ismui-research-page .ismui-feature-info .project-info-in {
  opacity: 1 !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  text-shadow: none !important;
}

/* ---- Stable full-card anchor: prevents legacy mobile stacking/background blocks ---- */
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-card > a {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  background-color: transparent !important;
  color: inherit !important;
  text-decoration: none !important;
}

/* ---- Events Explore: same right-side alignment as Podcasts ---- */
body.is-modern-ui-test.ismui-events-page .ismui-feature-info {
  padding-bottom: 0 !important;
}

body.is-modern-ui-test.ismui-events-page .ismui-feature-info .project-info-in,
body.is-modern-ui-test.ismui-events-page .ismui-feature-info.news-info {
  padding-bottom: 58px !important;
}

body.is-modern-ui-test.ismui-events-page .ismui-feature-explore {
  position: absolute !important;
  right: 24px !important;
  left: auto !important;
  bottom: 20px !important;
  z-index: 8 !important;
  display: block !important;
  margin: 0 !important;
  color: #5376a6 !important;
  font-family: "Neuton-Light", Georgia, serif !important;
  font-size: 16px !important;
  line-height: 1 !important;
  pointer-events: none !important;
  transition: transform .22s ease, color .22s ease !important;
}

body.is-modern-ui-test.ismui-events-page .ismui-feature-card:hover .ismui-feature-explore {
  color: #6a8dbb !important;
  transform: translateX(5px) !important;
}

/* News is Podcasts' sibling: Explore belongs on the right too. */
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info::after {
  left: auto !important;
  right: 24px !important;
}

/* ---- Mobile: News must use the same stacked anatomy as Podcasts ---- */
@media only screen and (max-width: 620px) {
  body.is-modern-ui-test.ismui-news-page .iswg-news .news {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: var(--ismui-card-gap) !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    height: 510px !important;
    min-height: 510px !important;
    max-height: 510px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #151d27 0%, #0d1117 100%) !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li > a {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    align-items: stretch !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image a,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image picture,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image img,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image picture img {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 230px !important;
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 230px !important;
    min-height: 230px !important;
    max-height: 230px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image img,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image picture img {
    object-fit: cover !important;
    object-position: center !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 280px !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 280px !important;
    min-height: 280px !important;
    max-height: 280px !important;
    margin: 0 !important;
    padding: 23px 22px 54px !important;
    background: transparent !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info::after {
    left: auto !important;
    right: 22px !important;
    bottom: 20px !important;
  }

  /* Events use the same full-image + opaque corner-panel language as Research/Perspectives. */
  body.is-modern-ui-test.ismui-events-page .ismui-feature-card {
    position: relative !important;
    display: block !important;
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
    overflow: hidden !important;
    background: #140b12 !important;
  }

  body.is-modern-ui-test.ismui-events-page .ismui-feature-card > a,
  body.is-modern-ui-test.ismui-events-page .ismui-feature-media,
  body.is-modern-ui-test.ismui-events-page .ismui-feature-media > a,
  body.is-modern-ui-test.ismui-events-page .ismui-feature-media picture,
  body.is-modern-ui-test.ismui-events-page .ismui-feature-media img,
  body.is-modern-ui-test.ismui-events-page .ismui-feature-media picture img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body.is-modern-ui-test.ismui-events-page .ismui-feature-media img,
  body.is-modern-ui-test.ismui-events-page .ismui-feature-media picture img {
    object-fit: cover !important;
    object-position: center !important;
  }

  body.is-modern-ui-test.ismui-events-page .ismui-feature-info,
  body.is-modern-ui-test.ismui-perspectives-page .ismui-feature-info,
  body.is-modern-ui-test.ismui-research-page .ismui-feature-info {
    position: absolute !important;
    left: 14px !important;
    right: auto !important;
    top: auto !important;
    bottom: 14px !important;
    z-index: 7 !important;
    display: block !important;
    width: auto !important;
    max-width: calc(100% - 28px) !important;
    height: auto !important;
    max-height: calc(100% - 28px) !important;
    margin: 0 !important;
    opacity: 1 !important;
    overflow: hidden !important;
    background: var(--ismui-feature-panel-solid) !important;
    background-image: var(--ismui-feature-panel-solid) !important;
    background-color: #0c0f14 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
  }

  body.is-modern-ui-test.ismui-events-page .ismui-feature-info .project-info-in {
    padding: 18px 20px 54px !important;
  }

  body.is-modern-ui-test.ismui-events-page .ismui-feature-explore {
    right: 18px !important;
    bottom: 16px !important;
    font-size: 16px !important;
  }
}

/* ============================================================
   V0.6.5 — HARD OPAQUE PANEL FIX FOR PERSPECTIVES / RESEARCH
   The legacy archive CSS can paint a translucent/glass layer on the
   original .project-info / .project-info-in elements.  Force both the
   JS-marked panel and the original theme anatomy to use the exact same
   opaque navy-to-wine surface as Events.
   ============================================================ */

html body.is-modern-ui-test.ismui-perspectives-page.ismui-feature-row-page .ismui-feature-list > li.ismui-feature-card .project-info.ismui-feature-info,
html body.is-modern-ui-test.ismui-perspectives-page.ismui-feature-row-page .ismui-feature-list > li.ismui-feature-card .news-info.ismui-feature-info,
html body.is-modern-ui-test.ismui-research-page.ismui-feature-row-page .ismui-feature-list > li.ismui-feature-card .project-info.ismui-feature-info,
html body.is-modern-ui-test.ismui-research-page.ismui-feature-row-page .ismui-feature-list > li.ismui-feature-card .news-info.ismui-feature-info,
html body.is-modern-ui-test.ismui-perspectives-page .project-info.ismui-feature-info,
html body.is-modern-ui-test.ismui-research-page .project-info.ismui-feature-info {
  opacity: 1 !important;
  background: var(--ismui-feature-panel-solid) !important;
  background-image: var(--ismui-feature-panel-solid) !important;
  background-color: #0c0f14 !important;
  background-blend-mode: normal !important;
  background-clip: padding-box !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  -webkit-filter: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  isolation: isolate !important;
}

html body.is-modern-ui-test.ismui-perspectives-page.ismui-feature-row-page .ismui-feature-list > li.ismui-feature-card .project-info.ismui-feature-info .project-info-in,
html body.is-modern-ui-test.ismui-perspectives-page.ismui-feature-row-page .ismui-feature-list > li.ismui-feature-card .news-info.ismui-feature-info,
html body.is-modern-ui-test.ismui-research-page.ismui-feature-row-page .ismui-feature-list > li.ismui-feature-card .project-info.ismui-feature-info .project-info-in,
html body.is-modern-ui-test.ismui-research-page.ismui-feature-row-page .ismui-feature-list > li.ismui-feature-card .news-info.ismui-feature-info,
html body.is-modern-ui-test.ismui-perspectives-page .ismui-feature-info .project-info-in,
html body.is-modern-ui-test.ismui-research-page .ismui-feature-info .project-info-in {
  opacity: 1 !important;
  background: var(--ismui-feature-panel-solid) !important;
  background-image: var(--ismui-feature-panel-solid) !important;
  background-color: #0c0f14 !important;
  background-blend-mode: normal !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  -webkit-filter: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

/* Kill only legacy glass layers; keep the accent line on .project-info-in::after. */
html body.is-modern-ui-test.ismui-perspectives-page .ismui-feature-info::before,
html body.is-modern-ui-test.ismui-research-page .ismui-feature-info::before,
html body.is-modern-ui-test.ismui-perspectives-page .ismui-feature-info .project-info-in::before,
html body.is-modern-ui-test.ismui-research-page .ismui-feature-info .project-info-in::before {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  -webkit-filter: none !important;
  filter: none !important;
}


/* ============================================================
   V1.0.2 — USE THE THEME'S EXISTING PAGE TITLES
   News and Publications already provide their own native page heading.
   Keep those headings and suppress only the duplicate headings previously
   generated by this plugin. Card layouts and all other page behavior remain
   unchanged.
   ============================================================ */
body.is-modern-ui-test.ismui-news-page article > .entry-header,
body.is-modern-ui-test.ismui-publications-page article > .entry-header {
  display: block !important;
  visibility: visible !important;
}

body.is-modern-ui-test.ismui-news-page .ismui-news-hero,
body.is-modern-ui-test.ismui-publications-page .ismui-archive-hero {
  display: none !important;
}

/* ============================================================
   V1.0.11 — NEWS + PODCASTS SQUARE CORNERS ONLY
   No layout, spacing, colour, shadow, image, text, or interaction changes.
   ============================================================ */

/* Podcasts & Interviews */
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li > a,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image a,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image picture,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image img,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-image picture img,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li > a,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-image,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-image a,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-image picture,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-image img,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-image picture img,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info,

/* News & Updates */
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li > a,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image a,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image picture,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image img,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-image picture img,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info {
  border-radius: 0 !important;
}

/* ============================================================
   V1.0.11.1 — FOOTER SOCIAL LINKS ONLY
   Built directly on v1.0.11. No header, menu, colour or layout changes.
   ============================================================ */
body.is-modern-ui-test .mainFooter .mainFooterSocials ul li.ismui-added-social a {
  width: 30px !important;
  height: 30px !important;
  padding: 3px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

body.is-modern-ui-test .mainFooter .mainFooterSocials ul li.ismui-added-social svg {
  width: var(--ismui-social-icon-size, 24px) !important;
  height: var(--ismui-social-icon-size, 24px) !important;
  max-width: none !important;
  max-height: none !important;
  display: block !important;
  flex: 0 0 auto !important;
  color: currentColor !important;
  fill: currentColor !important;
  opacity: .84 !important;
  transform-origin: center !important;
}

/* Optical correction: these two logos have more internal negative space. */
body.is-modern-ui-test .mainFooter .mainFooterSocials ul li.ismui-social-medium svg,
body.is-modern-ui-test .mainFooter .mainFooterSocials ul li.ismui-social-reddit svg {
  transform: scale(1.08) !important;
}

body.is-modern-ui-test .mainFooter .mainFooterSocials ul li.ismui-added-social a:hover svg {
  opacity: 1 !important;
}



/* ============================================================
   V1.0.11.2 — ACCENT COLOUR ONLY
   Base: v1.0.11.1 (itself built directly from v1.0.11).
   Only the existing burgundy/pink accent palette is translated to
   the approved Ideal Spaces blue #3A4F6B. No menu, layout, sizing,
   interaction, content, or responsive rules are changed.
   ============================================================ */
body.is-modern-ui-test {
  --is-brand-accent: #3a4f6b;
  --is-wine: #3a4f6b;
  --is-wine-bright: #6a8dbb;
}

/* ============================================================
   v1.0.11.8 — RESTORE FULL-BLEED HOME + TRUE BUILDING BLUE
   - Restore the homepage hero to the theme's original full-bleed cover mode.
   - Use the sampled architectural blue #335482 as the visible accent.
   - Remove near-black colour mixing from News and Podcasts surfaces.
   ============================================================ */

body.is-modern-ui-test {
  --is-brand-accent: #335482 !important;
  --is-wine: #335482 !important;
  --is-wine-bright: #5f7fae !important;
  --ismui-feature-panel: linear-gradient(125deg, #335482 0%, #456895 55%, #5f7fae 100%) !important;
  --ismui-feature-panel-solid: linear-gradient(125deg, #335482 0%, #456895 55%, #5f7fae 100%) !important;
}

/* Homepage: fill the complete hero area as the original site did.
   Cover is intentional; it avoids letterboxing while limiting crop to the
   minimum required by the viewport aspect ratio. */
body.home.is-modern-ui-test .iswg-hero-slider,
body.home.is-modern-ui-test .iswg-hero-slider > div,
body.home.is-modern-ui-test .iswg-hero-slider > div .swiper-container,
body.home.is-modern-ui-test .iswg-hero-slider > div .swiper-container .swiper-slide,
body.home.is-modern-ui-test .iswg-hero-slider > div .swiper-container .swiper-slide figure,
body.home.is-modern-ui-test .iswg-hero-slider > div .swiper-container .swiper-slide picture {
  background-color: #335482 !important;
}

body.home.is-modern-ui-test .iswg-hero-slider > div .swiper-container .swiper-slide figure {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

body.home.is-modern-ui-test .iswg-hero-slider > div .swiper-container .swiper-slide img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
}

/* Clear, recognisably blue accents — never mixed with near-black. */
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a::after,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a::after,
body.is-modern-ui-test .ismui-news-rule,
body.is-modern-ui-test .ismui-archive-rule,
body.is-modern-ui-test .ismui-feature-info .project-info-in::after,
body.is-modern-ui-test .ismui-feature-info.news-info::after,
body.is-modern-ui-test .iswg-news .news > li .news-info::after {
  background: linear-gradient(90deg, #335482 0%, #5f7fae 100%) !important;
}

/* News + Podcasts: visible architectural-blue cards instead of black/navy. */
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li {
  background: linear-gradient(125deg, #335482 0%, #456895 58%, #5f7fae 100%) !important;
  background-color: #335482 !important;
  border-color: rgba(51, 84, 130, .34) !important;
}

body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info {
  color: #ffffff !important;
  background: transparent !important;
  background-color: transparent !important;
}

body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info h2,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info h2 a,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info h2,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info h2 a,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info p,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info p,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .ismui-news-label,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .ismui-news-label,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info::after,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info::after {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Events / Perspectives / Research panels use the same blue family. */
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info.news-info,
body.is-modern-ui-test.ismui-feature-row-page:not(.ismui-publications-page) .ismui-feature-info.project-info,
body.is-modern-ui-test.ismui-events-page .ismui-feature-info,
body.is-modern-ui-test.ismui-perspectives-page .ismui-feature-info,
body.is-modern-ui-test.ismui-research-page .ismui-feature-info,
body.is-modern-ui-test.ismui-perspectives-page .ismui-feature-info .project-info-in,
body.is-modern-ui-test.ismui-research-page .ismui-feature-info .project-info-in {
  background: linear-gradient(125deg, #335482 0%, #456895 55%, #5f7fae 100%) !important;
  background-image: linear-gradient(125deg, #335482 0%, #456895 55%, #5f7fae 100%) !important;
  background-color: #335482 !important;
}

/* ============================================================
   v1.0.11.9 — VISIBLE BUILDING-BLUE GRADIENTS
   Use the sampled #335482 and lighter values from the same hue family.
   No black or near-black colour stop is used in News/Podcasts cards.
   Publications is restored by PHP to the native theme archive and therefore
   deliberately receives none of the feature-row redesign rules below.
   ============================================================ */
body.is-modern-ui-test {
  --is-brand-accent: #335482 !important;
  --is-wine: #335482 !important;
  --is-wine-bright: #6d8db7 !important;
  --ismui-building-blue-gradient:
    linear-gradient(135deg, #335482 0%, #456b99 54%, #6d8db7 100%);
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border-color: rgba(51, 84, 130, .28) !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info {
  background: var(--ismui-building-blue-gradient) !important;
  background-image: var(--ismui-building-blue-gradient) !important;
  background-color: #335482 !important;
  color: #ffffff !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info h2,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info h2 a,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info p,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .ismui-news-label,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info::after,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info h2,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info h2 a,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info p,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .ismui-news-label,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info::after {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Keep the Explore text as text; do not paint a gradient rectangle behind it. */
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info::after,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info::after {
  background: none !important;
  background-image: none !important;
}


/* ============================================================
   v1.0.11.10 — TARGETED PUBLICATIONS + FOOTER REPAIR
   Publications return to one consistent card size. Footer uses the exact same
   blue family as the header. No other archive/page structure is changed.
   ============================================================ */
body.is-modern-ui-test {
  --ismui-brand-blue-surface:
    linear-gradient(102deg, #29466f 0%, #335482 46%, #5879a6 100%);
  --ismui-publication-blue:
    linear-gradient(135deg, #335482 0%, #456b99 54%, #6d8db7 100%);
}

/* Footer colour: same family and direction as the header, including Podcasts. */
body.is-modern-ui-test footer,
body.is-modern-ui-test #colophon,
body.is-modern-ui-test .site-footer,
body.is-modern-ui-test .mainFooter,
body.is-modern-ui-test .mainFooter .mainFooterIn,
body.is-modern-ui-test.page-id-1096 footer,
body.is-modern-ui-test.page-id-1096 #colophon,
body.is-modern-ui-test.page-id-1096 .site-footer,
body.is-modern-ui-test.page-id-1096 .mainFooter,
body.is-modern-ui-test.page-id-1096 .mainFooter .mainFooterIn {
  background: var(--ismui-brand-blue-surface) !important;
  background-image: var(--ismui-brand-blue-surface) !important;
  background-color: #335482 !important;
}

body.is-modern-ui-test .mainFooter,
body.is-modern-ui-test.page-id-1096 .mainFooter {
  border-top-color: rgba(255, 255, 255, .16) !important;
}

body.is-modern-ui-test .mainFooter .mainFooterInfo a:hover,
body.is-modern-ui-test footer a:hover,
body.is-modern-ui-test.page-id-1096 .mainFooter .mainFooterInfo a:hover,
body.is-modern-ui-test.page-id-1096 footer a:hover {
  color: #ffffff !important;
}

/* Uniform publication rows. Existing markup/data is untouched. */
body.is-modern-ui-test.ismui-publications-page .iswg-publications .publication {
  background: var(--ismui-publication-blue) !important;
  background-image: var(--ismui-publication-blue) !important;
  background-color: #335482 !important;
  border-color: rgba(51, 84, 130, .32) !important;
}

body.is-modern-ui-test.ismui-publications-page .publication .publication-info {
  background: transparent !important;
  background-image: none !important;
  color: rgba(255,255,255,.86) !important;
}

body.is-modern-ui-test.ismui-publications-page .publication .publication-info p,
body.is-modern-ui-test.ismui-publications-page .publication .publication-info div,
body.is-modern-ui-test.ismui-publications-page .publication .publication-info .publication-authors,
body.is-modern-ui-test.ismui-publications-page .publication .publication-info .publication-subtitle,
body.is-modern-ui-test.ismui-publications-page .publication .publication-info .publication-year {
  color: rgba(255,255,255,.84) !important;
}

body.is-modern-ui-test.ismui-publications-page .publication .publication-info a,
body.is-modern-ui-test.ismui-publications-page .publication .publication-info button,
body.is-modern-ui-test.ismui-publications-page .publication .publication-info button a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media only screen and (min-width: 901px) {
  body.is-modern-ui-test.ismui-publications-page .iswg-publications .publication {
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
    grid-template-columns: 38% minmax(0, 62%) !important;
  }

  body.is-modern-ui-test.ismui-publications-page .publication .publication-cover,
  body.is-modern-ui-test.ismui-publications-page .publication .publication-no-cover,
  body.is-modern-ui-test.ismui-publications-page .publication .publication-info {
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
  }

  body.is-modern-ui-test.ismui-publications-page .publication .publication-cover img {
    max-height: 320px !important;
    max-width: 100% !important;
    object-fit: contain !important;
  }

  body.is-modern-ui-test.ismui-publications-page .publication .publication-info {
    overflow: hidden !important;
    padding: 30px 38px !important;
  }

  body.is-modern-ui-test.ismui-publications-page .publication .publication-info h2,
  body.is-modern-ui-test.ismui-publications-page .publication .publication-info h3,
  body.is-modern-ui-test.ismui-publications-page .publication .publication-info .publication-title,
  body.is-modern-ui-test.ismui-publications-page .publication .publication-info .publication-title a {
    font-size: clamp(29px, 2.45vw, 39px) !important;
    line-height: 1.06 !important;
  }
}

@media only screen and (min-width: 621px) and (max-width: 900px) {
  body.is-modern-ui-test.ismui-publications-page .iswg-publications .publication {
    height: 390px !important;
    min-height: 390px !important;
    max-height: 390px !important;
  }

  body.is-modern-ui-test.ismui-publications-page .publication .publication-cover,
  body.is-modern-ui-test.ismui-publications-page .publication .publication-no-cover,
  body.is-modern-ui-test.ismui-publications-page .publication .publication-info {
    height: 390px !important;
    min-height: 390px !important;
    max-height: 390px !important;
  }
}

/* ============================================================
   v1.0.11.13 — COLOUR SYSTEM ONLY + MOBILE COLOUR PARITY
   No layout, spacing, sizing, images, typography, menu, footer structure,
   JavaScript, or interaction changes.
   - Podcasts keep the approved architectural blue.
   - News & Updates use the earlier burgundy family.
   - Mobile page shells no longer fall back to black.
   ============================================================ */

/* Podcasts: preserve blue panels on every viewport. */
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info {
  background: linear-gradient(135deg, #335482 0%, #456b99 54%, #6d8db7 100%) !important;
  background-image: linear-gradient(135deg, #335482 0%, #456b99 54%, #6d8db7 100%) !important;
  background-color: #335482 !important;
  color: #ffffff !important;
}

body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li > a::after,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li > a::after,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info::after,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info::after {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  background-image: none !important;
}

/* News & Updates: restore the approved burgundy family instead of blue. */
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info {
  background: linear-gradient(135deg, #4a1028 0%, #681f3e 56%, #8b2850 100%) !important;
  background-image: linear-gradient(135deg, #4a1028 0%, #681f3e 56%, #8b2850 100%) !important;
  background-color: #4a1028 !important;
  color: #ffffff !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info h2,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info h2 a,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info p,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info span,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .ismui-news-label,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info::after,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li > a::after {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info::after {
  background: none !important;
  background-image: none !important;
}

/* Mobile/tablet: colour shells explicitly so the theme cannot reveal black. */
@media only screen and (max-width: 1199px) {
  /* News: warm light page, burgundy content panels. */
  body.is-modern-ui-test.ismui-news-page {
    background: #f7f1f3 !important;
    background-image: none !important;
    background-color: #f7f1f3 !important;
  }

  body.is-modern-ui-test.ismui-news-page #page,
  body.is-modern-ui-test.ismui-news-page .site,
  body.is-modern-ui-test.ismui-news-page #content,
  body.is-modern-ui-test.ismui-news-page .site-content,
  body.is-modern-ui-test.ismui-news-page #primary,
  body.is-modern-ui-test.ismui-news-page .content-area,
  body.is-modern-ui-test.ismui-news-page .site-main,
  body.is-modern-ui-test.ismui-news-page .site-main > article,
  body.is-modern-ui-test.ismui-news-page article.page,
  body.is-modern-ui-test.ismui-news-page .entry-content,
  body.is-modern-ui-test.ismui-news-page .iswg-news,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news {
    background: #f7f1f3 !important;
    background-image: none !important;
    background-color: #f7f1f3 !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li {
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
  }

  /* Podcasts: explicit blue page atmosphere instead of a black fallback. */
  body.is-modern-ui-test.ismui-podcasts-page,
  body.is-modern-ui-test.page-id-1096 {
    background: #335482 !important;
    background-color: #335482 !important;
  }

  body.is-modern-ui-test.ismui-podcasts-page #page,
  body.is-modern-ui-test.ismui-podcasts-page .site,
  body.is-modern-ui-test.ismui-podcasts-page #primary,
  body.is-modern-ui-test.ismui-podcasts-page .content-area,
  body.is-modern-ui-test.ismui-podcasts-page .site-main,
  body.is-modern-ui-test.ismui-podcasts-page .site-main > article,
  body.is-modern-ui-test.ismui-podcasts-page article.page,
  body.is-modern-ui-test.ismui-podcasts-page .entry-content,
  body.is-modern-ui-test.ismui-podcasts-page .iswg-news,
  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news,
  body.is-modern-ui-test.page-id-1096 #page,
  body.is-modern-ui-test.page-id-1096 .site,
  body.is-modern-ui-test.page-id-1096 #primary,
  body.is-modern-ui-test.page-id-1096 .content-area,
  body.is-modern-ui-test.page-id-1096 .site-main,
  body.is-modern-ui-test.page-id-1096 .site-main > article,
  body.is-modern-ui-test.page-id-1096 article.page,
  body.is-modern-ui-test.page-id-1096 .entry-content,
  body.is-modern-ui-test.page-id-1096 .iswg-news,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news {
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
  }

  body.is-modern-ui-test.ismui-podcasts-page #content,
  body.is-modern-ui-test.ismui-podcasts-page .site-content,
  body.is-modern-ui-test.page-id-1096 #content,
  body.is-modern-ui-test.page-id-1096 .site-content {
    background:
      linear-gradient(180deg, #e7edf4 0%, #c5d1df 34%, #7c95b5 66%, #335482 100%) !important;
    background-color: #335482 !important;
  }

  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li {
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
  }
}

/* ============================================================
   v1.0.11.14 — BURGUNDY CARD SURFACES + MOBILE COLOUR PARITY
   Colour-only override. Header, menu, footer, layout, spacing, images,
   typography and JavaScript are intentionally untouched.
   ============================================================ */

body.is-modern-ui-test {
  --ismui-burgundy-card:
    linear-gradient(105deg, #55142f 0%, #3d0d22 56%, #240711 100%);
}

/* Podcasts + News: the CARD information panels use the approved burgundy.
   The page backgrounds remain separate and are not recoloured on desktop. */
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border-color: rgba(82, 20, 47, .34) !important;
}

body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info {
  background: var(--ismui-burgundy-card) !important;
  background-image: var(--ismui-burgundy-card) !important;
  background-color: #3d0d22 !important;
  color: #ffffff !important;
}

body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info h2,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info h2 a,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info p,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info span,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info h2,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info h2 a,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info p,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info span,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info h2,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info h2 a,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info p,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info span,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .ismui-news-label {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Explore remains visually distinct like the older approved card treatment.
   It is rendered inside the existing full-card anchor, so it is clickable. */
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li > a,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li > a,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li > a {
  cursor: pointer !important;
}

body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li > a::after,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li > a::after,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li > a::after,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info::after,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info::after,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info::after {
  color: #f08aad !important;
  -webkit-text-fill-color: #f08aad !important;
  background: none !important;
  background-image: none !important;
  pointer-events: none !important;
}

body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li:hover > a::after,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li:hover > a::after,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li:hover > a::after,
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li:hover .news-info::after,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li:hover .news-info::after,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li:hover .news-info::after {
  color: #ffc0d6 !important;
  -webkit-text-fill-color: #ffc0d6 !important;
}

/* Mobile/tablet: remove black fallbacks while preserving the corresponding
   desktop page atmosphere. This does not target the header or footer. */
@media only screen and (max-width: 1199px) {
  /* News stays on its existing clean white page surface. */
  body.is-modern-ui-test.ismui-news-page,
  body.is-modern-ui-test.ismui-news-page #page,
  body.is-modern-ui-test.ismui-news-page .site,
  body.is-modern-ui-test.ismui-news-page #content,
  body.is-modern-ui-test.ismui-news-page .site-content,
  body.is-modern-ui-test.ismui-news-page #primary,
  body.is-modern-ui-test.ismui-news-page .content-area,
  body.is-modern-ui-test.ismui-news-page .site-main,
  body.is-modern-ui-test.ismui-news-page .site-main > article,
  body.is-modern-ui-test.ismui-news-page article.page,
  body.is-modern-ui-test.ismui-news-page .entry-content,
  body.is-modern-ui-test.ismui-news-page .iswg-news,
  body.is-modern-ui-test.ismui-news-page .iswg-news .news {
    background: #ffffff !important;
    background-image: none !important;
    background-color: #ffffff !important;
  }

  body.is-modern-ui-test.ismui-news-page .iswg-news .news > li {
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
  }

  /* Podcasts uses the same non-black page gradient already approved on desktop. */
  body.is-modern-ui-test.ismui-podcasts-page,
  body.is-modern-ui-test.page-id-1096 {
    background: #151d28 !important;
    background-color: #151d28 !important;
  }

  body.is-modern-ui-test.ismui-podcasts-page #page,
  body.is-modern-ui-test.ismui-podcasts-page .site,
  body.is-modern-ui-test.ismui-podcasts-page #primary,
  body.is-modern-ui-test.ismui-podcasts-page .content-area,
  body.is-modern-ui-test.ismui-podcasts-page .site-main,
  body.is-modern-ui-test.ismui-podcasts-page .site-main > article,
  body.is-modern-ui-test.ismui-podcasts-page article.page,
  body.is-modern-ui-test.ismui-podcasts-page .entry-content,
  body.is-modern-ui-test.ismui-podcasts-page .iswg-news,
  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news,
  body.is-modern-ui-test.page-id-1096 #page,
  body.is-modern-ui-test.page-id-1096 .site,
  body.is-modern-ui-test.page-id-1096 #primary,
  body.is-modern-ui-test.page-id-1096 .content-area,
  body.is-modern-ui-test.page-id-1096 .site-main,
  body.is-modern-ui-test.page-id-1096 .site-main > article,
  body.is-modern-ui-test.page-id-1096 article.page,
  body.is-modern-ui-test.page-id-1096 .entry-content,
  body.is-modern-ui-test.page-id-1096 .iswg-news,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news {
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
  }

  body.is-modern-ui-test.ismui-podcasts-page #content,
  body.is-modern-ui-test.ismui-podcasts-page .site-content,
  body.is-modern-ui-test.page-id-1096 #content,
  body.is-modern-ui-test.page-id-1096 .site-content {
    background:
      radial-gradient(ellipse 720px 520px at 88% 18%, rgba(55, 74, 100, .48) 0%, rgba(55, 74, 100, 0) 72%),
      linear-gradient(104deg,
        #fbfaf8 0%,
        #f8f5f4 36%,
        #eadde1 49%,
        #3c4d65 67%,
        #212d3d 82%,
        #151d28 100%) !important;
    background-color: #151d28 !important;
  }

  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li {
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
  }
}


/* ============================================================
   v1.0.11.15 — FINAL BURGUNDY SURFACE CORRECTIONS
   Colour/background overrides only. No menu, header, footer, layout,
   spacing, sizing, images, typography or JavaScript changes.
   ============================================================ */
body.is-modern-ui-test {
  --ismui-burgundy-lighter-right:
    linear-gradient(105deg, #55142f 0%, #74314d 56%, #a36279 100%);
}

/* Publications: preserve the current card structure and replace only the
   existing blue surface with burgundy. */
body.is-modern-ui-test.ismui-publications-page .iswg-publications .publication {
  background: var(--ismui-burgundy-lighter-right) !important;
  background-image: var(--ismui-burgundy-lighter-right) !important;
  background-color: #74314d !important;
  border-color: rgba(85, 20, 47, .32) !important;
}

body.is-modern-ui-test.ismui-publications-page .publication .publication-info {
  background: transparent !important;
  background-image: none !important;
}

/* Podcasts + News: burgundy must become lighter toward the right, never black. */
body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li .news-info,
body.is-modern-ui-test.page-id-1096 .iswg-news .news > li .news-info,
body.is-modern-ui-test.ismui-news-page .iswg-news .news > li .news-info {
  background: var(--ismui-burgundy-lighter-right) !important;
  background-image: var(--ismui-burgundy-lighter-right) !important;
  background-color: #74314d !important;
}

/* Mobile/tablet: keep the content page white instead of allowing a black
   fallback. Card panels retain the burgundy gradient above. Header/footer are
   deliberately not included in these selectors. */
@media only screen and (max-width: 1199px) {
  body.is-modern-ui-test.ismui-podcasts-page,
  body.is-modern-ui-test.page-id-1096,
  body.is-modern-ui-test.ismui-podcasts-page #page,
  body.is-modern-ui-test.page-id-1096 #page,
  body.is-modern-ui-test.ismui-podcasts-page .site,
  body.is-modern-ui-test.page-id-1096 .site,
  body.is-modern-ui-test.ismui-podcasts-page #content,
  body.is-modern-ui-test.page-id-1096 #content,
  body.is-modern-ui-test.ismui-podcasts-page .site-content,
  body.is-modern-ui-test.page-id-1096 .site-content,
  body.is-modern-ui-test.ismui-podcasts-page #primary,
  body.is-modern-ui-test.page-id-1096 #primary,
  body.is-modern-ui-test.ismui-podcasts-page .content-area,
  body.is-modern-ui-test.page-id-1096 .content-area,
  body.is-modern-ui-test.ismui-podcasts-page .site-main,
  body.is-modern-ui-test.page-id-1096 .site-main,
  body.is-modern-ui-test.ismui-podcasts-page .site-main > article,
  body.is-modern-ui-test.page-id-1096 .site-main > article,
  body.is-modern-ui-test.ismui-podcasts-page article.page,
  body.is-modern-ui-test.page-id-1096 article.page,
  body.is-modern-ui-test.ismui-podcasts-page .entry-content,
  body.is-modern-ui-test.page-id-1096 .entry-content,
  body.is-modern-ui-test.ismui-podcasts-page .iswg-news,
  body.is-modern-ui-test.page-id-1096 .iswg-news,
  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news {
    background: #ffffff !important;
    background-image: none !important;
    background-color: #ffffff !important;
  }

  body.is-modern-ui-test.ismui-podcasts-page .iswg-news .news > li,
  body.is-modern-ui-test.page-id-1096 .iswg-news .news > li {
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
  }
}


/* ============================================================
   v1.0.11.16 — PUBLICATIONS CORNERS ONLY
   The approved Publications colour, background, layout and typography remain
   unchanged. Only rounded corners are removed.
   ============================================================ */
body.is-modern-ui-test.ismui-publications-page .iswg-publications .publication,
body.is-modern-ui-test.ismui-publications-page .publication .publication-cover,
body.is-modern-ui-test.ismui-publications-page .publication .publication-no-cover,
body.is-modern-ui-test.ismui-publications-page .publication .publication-info {
  border-radius: 0 !important;
}