html body:is(.public-shell, .portal-workspace-page) .site-shell main :is(input, textarea, select) {
  background-color: #ffffff !important;
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
  border-color: #9fb0a7 !important;
  caret-color: #17201d !important;
}

html body:is(.public-shell, .portal-workspace-page) .site-shell main :is(input, textarea)::placeholder {
  color: #5d6863 !important;
  -webkit-text-fill-color: #5d6863 !important;
  opacity: 1 !important;
}

html body:is(.public-shell, .portal-workspace-page) .site-shell main :is(input, textarea, select):focus {
  border-color: #26775f !important;
  box-shadow: 0 0 0 4px rgba(38, 119, 95, 0.16) !important;
  outline: none !important;
}

html body.public-shell .site-header:not(.admin-workspace):not(.landing-workspace) .main-nav a {
  min-height: 40px !important;
  min-width: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-block: 0.45rem !important;
}

html body.public-shell .site-header:not(.admin-workspace):not(.landing-workspace) .language-control select {
  min-height: 40px !important;
  padding-block: 0.45rem !important;
  background: #17201d !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.34) !important;
}

html body.public-shell .site-header:not(.admin-workspace):not(.landing-workspace) .header-auth-actions {
  display: flex !important;
}

html body.public-shell .site-header:not(.admin-workspace):not(.landing-workspace) .header-auth-actions .button {
  border-color: #26775f !important;
  background: #26775f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-header:not(.admin-workspace):not(.landing-workspace) .header-auth-actions .button:hover,
html body.public-shell .site-header:not(.admin-workspace):not(.landing-workspace) .header-auth-actions .button:focus-visible {
  border-color: #3a7f68 !important;
  background: #3a7f68 !important;
}

@media (min-width: 1081px) {
  html body.public-shell .site-shell .site-header:not(.admin-workspace):not(.landing-workspace) .main-nav,
  html body.portal-workspace-page .site-shell .site-header:not(.admin-workspace):not(.landing-workspace) .main-nav {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    justify-content: space-between !important;
  }
}

html body .site-shell main .flash-stack {
  margin-top: clamp(0.8rem, 1.8vw, 1.25rem) !important;
}

html body .site-shell main .flash-message {
  align-items: center !important;
  border: 0 !important;
  border-left: 3px solid #60927e !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--text) !important;
  -webkit-text-fill-color: initial !important;
  padding: 0.55rem 0.75rem !important;
}

html body .site-shell main .flash-message span {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

html body .site-shell main .flash-success {
  border-left-color: #60927e !important;
}

html body .site-shell main .flash-info {
  border-left-color: #9fd0bb !important;
}

html body .site-shell main .flash-warning {
  border-left-color: #e9c97a !important;
}

html body .site-shell main .flash-error,
html body .site-shell main .flash-danger {
  border-left-color: #e48f86 !important;
}

html body .site-shell main .flash-dismiss {
  color: currentColor !important;
  background: transparent !important;
  opacity: 0.72 !important;
}

html body .site-shell main .flash-dismiss:hover,
html body .site-shell main .flash-dismiss:focus-visible {
  color: currentColor !important;
  background: rgba(159, 208, 187, 0.12) !important;
  opacity: 1 !important;
}

html body.public-shell .site-shell main .coming-soon-panel .coming-soon-label {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #9fd0bb !important;
  -webkit-text-fill-color: #9fd0bb !important;
  box-shadow: none !important;
}

html body.public-shell .site-shell main .coming-soon-panel .button {
  margin-top: 1rem !important;
}

html body.public-shell .hero-carousel-dots {
  gap: 0.55rem !important;
}

html body.public-shell .hero-carousel-dots button {
  position: relative !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 999px !important;
}

html body.public-shell .hero-carousel-dots button::after {
  content: "";
  position: absolute;
  inset: 15px;
  border-radius: inherit;
  background: currentColor;
}

@media (hover: hover) and (pointer: fine) {
  html body.public-shell .site-shell main > .hero .hero-carousel-dots {
    gap: 0.4rem !important;
  }

  html body.public-shell .site-shell main > .hero .hero-carousel-dots button {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
  }

  html body.public-shell .site-shell main > .hero .hero-carousel-dots button::after {
    inset: 8px !important;
  }
}

html body.public-shell :is(a, button, summary, input, textarea, select):focus-visible {
  outline: 3px solid #9ccbb8 !important;
  outline-offset: 3px !important;
}

html body.public-shell .site-shell :is(p, li, dd) {
  text-wrap: pretty;
}

html body.public-shell .site-footer :is(a, button) {
  min-height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
}

html body.public-shell .footer-links {
  gap: 0.15rem !important;
}

html body:is(.admin-workspace-page, .portal-workspace-page) :is(a, button, summary, input, textarea, select):focus-visible {
  outline: 3px solid #245f73 !important;
  outline-offset: 3px !important;
}

html body:is(.admin-workspace-page, .portal-workspace-page) .site-header :is(a, button, select),
html body:is(.admin-workspace-page, .portal-workspace-page) .site-footer :is(a, button),
html body:is(.admin-workspace-page, .portal-workspace-page) :is(.button, .button-outline, .button-secondary, .admin-entry, .admin-quick-action, .admin-section-link, .admin-view-tab, .admin-account-manage, .text-link) {
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
}

html body:is(.admin-workspace-page, .portal-workspace-page) :is(input[type="checkbox"], input[type="radio"]) {
  min-width: 20px !important;
  min-height: 20px !important;
}

html body.public-shell .site-shell .text-link,
html body.public-shell .site-shell .news-card-link,
html body.public-shell .site-shell .journal-local-nav a,
html body.public-shell .site-shell .journal-nav-archive,
html body.public-shell .site-shell .qualification-matrix-cell {
  min-height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
}

@media (max-width: 640px) {
  html body.public-shell .site-shell main .news-rail-shell-grid .news-editorial-rail.news-editorial-grid {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-template-rows: 1fr !important;
    grid-template-columns: none !important;
    grid-auto-columns: min(84vw, 20rem) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: var(--page-gutter, 1rem) !important;
    padding-inline: 0 !important;
    padding-bottom: 0.75rem !important;
  }

  html body.public-shell .site-shell main .news-rail-shell-grid .news-editorial-rail.news-editorial-grid > .news-rail-card,
  html body.public-shell .site-shell main .news-rail-shell-grid .news-editorial-rail.news-editorial-grid > .news-rail-card-priority {
    width: 100% !important;
    min-width: 0 !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }
}

html body.public-shell .site-shell main .pagination-link {
  color: #d7e8df !important;
  -webkit-text-fill-color: #d7e8df !important;
}

html body.public-shell .site-shell main .pagination {
  border-color: rgba(159, 208, 187, 0.34) !important;
  background-color: #17201d !important;
}

html body.public-shell .site-shell main .pagination-info,
html body.public-shell .site-shell main .pagination-disabled {
  color: #e7ede8 !important;
  -webkit-text-fill-color: #e7ede8 !important;
}

html body.public-shell .site-shell .membership-access-section {
  background:
    radial-gradient(circle at 88% 12%, rgba(159, 208, 187, 0.24), transparent 30%),
    linear-gradient(135deg, #101719 0%, #17201d 58%, #1b4f41 100%) !important;
}

html body.public-shell .site-shell .membership-newsletter-section {
  background:
    radial-gradient(circle at 12% 10%, rgba(96, 146, 126, 0.18), transparent 30%),
    linear-gradient(180deg, #f7f8f5 0%, #eef3ef 100%) !important;
}

html body.public-shell .site-shell .membership-newsletter-card {
  color: #17201d !important;
  background: #ffffff !important;
  border-color: rgba(42, 82, 65, 0.18) !important;
  box-shadow: 0 24px 70px rgba(27, 50, 43, 0.16) !important;
}

html body.public-shell .site-shell .membership-newsletter-copy .kicker {
  color: #315f58 !important;
  -webkit-text-fill-color: #315f58 !important;
}

html body.public-shell .site-shell .membership-newsletter-copy h2 {
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
}

html body.public-shell .site-shell .membership-newsletter-copy p {
  color: #53605a !important;
  -webkit-text-fill-color: #53605a !important;
}

html body.public-shell .site-shell .membership-newsletter-copy .membership-tier-fit {
  color: #315f58 !important;
  -webkit-text-fill-color: #315f58 !important;
  background: rgba(96, 146, 126, 0.14) !important;
  border-color: rgba(49, 95, 88, 0.28) !important;
}

html body.public-shell .site-shell .membership-newsletter-form label span {
  color: #315f58 !important;
  -webkit-text-fill-color: #315f58 !important;
}

html body.public-shell .site-shell main .membership-tier-card {
  --tier-banner: #b87333;
  --tier-banner-soft: #e8c39b;
  --tier-banner-text: #101719;
  display: flex !important;
  gap: 0.95rem !important;
  padding: clamp(0.78rem, 1.2vw, 1rem) !important;
  background: #ffffff !important;
  border: 1px solid #d8ddd8 !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 38px rgba(16, 23, 25, 0.12) !important;
  color: #17201d !important;
  -webkit-text-fill-color: initial !important;
}

html body.public-shell .site-shell main .membership-tier-card-professional {
  --tier-banner: #c6ccd0;
  --tier-banner-soft: #f4f7f7;
  --tier-banner-text: #101719;
}

html body.public-shell .site-shell main .membership-tier-card-fellow {
  --tier-banner: #d4a72c;
  --tier-banner-soft: #ffe9a8;
  --tier-banner-text: #101719;
}

html body.public-shell .site-shell main .membership-tier-card-institutional {
  --tier-banner: #26775f;
  --tier-banner-soft: #6fb69a;
  --tier-banner-text: #ffffff;
}

html body.public-shell .site-shell main .membership-hero-copy.membership-hero-copy {
  border-width: 0 !important;
  border-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: initial !important;
}

html body.public-shell .site-shell main .membership-hero .membership-hero-copy.page-copy-feature {
  border-width: 0 !important;
  border-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: initial !important;
}

html body.public-shell .site-shell main .membership-hero-copy.membership-hero-copy :is(.kicker, h1, p, .lead, a, span, strong),
html body.public-shell .site-shell main .membership-hero .membership-hero-copy.page-copy-feature :is(.kicker, h1, p, .lead, a, span, strong) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background-color: transparent !important;
  background-image: none !important;
}

html body.public-shell .site-shell main .membership-hero-copy.membership-hero-copy .page-copy-tag {
  border-color: rgba(159, 208, 187, 0.34) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html body.public-shell .site-shell main .membership-hero-copy.membership-hero-copy .button-outline {
  border-color: rgba(255, 255, 255, 0.42) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main .membership-hero-crest-panel {
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 0 !important;
  min-height: 100% !important;
  padding: clamp(1rem, 2.2vw, 1.6rem) !important;
  border: 1px solid rgba(159, 208, 187, 0.2) !important;
  border-radius: 18px !important;
  background: radial-gradient(circle at 50% 34%, rgba(159, 208, 187, 0.18), transparent 48%), rgba(255, 255, 255, 0.045) !important;
  box-shadow: 0 18px 48px rgba(16, 23, 25, 0.22) !important;
  text-align: center !important;
}

html body.public-shell .site-shell main .membership-hero-crest-panel img {
  width: clamp(12rem, 24vw, 21rem) !important;
  max-width: 92% !important;
  height: auto !important;
  opacity: 0.92 !important;
  filter: drop-shadow(0 18px 34px rgba(0, 0, 0, 0.24)) !important;
}

html body.public-shell .site-shell main .membership-hero-crest-panel span {
  max-width: 18ch !important;
  color: #dcebe4 !important;
  -webkit-text-fill-color: #dcebe4 !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}

html body.public-shell .site-shell main .membership-tier-banner {
  position: relative !important;
  display: grid !important;
  align-content: end !important;
  gap: 0.35rem !important;
  min-height: 142px !important;
  max-height: none !important;
  padding: clamp(0.9rem, 1.7vw, 1.2rem) !important;
  overflow: hidden !important;
  border: 1px solid rgba(16, 23, 25, 0.14) !important;
  border-radius: 10px !important;
  width: calc(100% + (clamp(0.78rem, 1.2vw, 1rem) * 2)) !important;
  margin: calc(clamp(0.78rem, 1.2vw, 1rem) * -1) calc(clamp(0.78rem, 1.2vw, 1rem) * -1) 0 !important;
  border-radius: 12px 12px 10px 10px !important;
  background: radial-gradient(circle at 86% 10%, color-mix(in srgb, var(--tier-banner-soft) 76%, white), transparent 34%), linear-gradient(135deg, var(--tier-banner-soft) 0%, var(--tier-banner) 100%) !important;
  color: var(--tier-banner-text) !important;
  -webkit-text-fill-color: var(--tier-banner-text) !important;
}

html body.public-shell .site-shell main .membership-tier-card-institutional .membership-tier-banner {
  background: radial-gradient(circle at 82% 10%, rgba(159, 208, 187, 0.58), transparent 34%), linear-gradient(135deg, #1d4f42 0%, #26775f 46%, #57947d 100%) !important;
}

html body.public-shell .site-shell main .membership-tier-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.34), transparent 34%, rgba(16, 23, 25, 0.1) 72%, transparent) !important;
}

html body.public-shell .site-shell main .membership-tier-banner::after {
  content: "";
  position: absolute;
  right: -2.8rem;
  bottom: -3.2rem;
  width: clamp(120px, 15vw, 190px);
  aspect-ratio: 1;
  pointer-events: none;
  opacity: 0.16;
  background: url(../images/main-site/symbol-green.webp) 50% / contain no-repeat !important;
  filter: brightness(0) saturate(0);
}

html body.public-shell .site-shell main .membership-tier-card-institutional .membership-tier-banner::after {
  opacity: 0.22;
  filter: brightness(0) invert(1);
}

html body.public-shell .site-shell main .membership-tier-band-label,
html body.public-shell .site-shell main .membership-tier-title {
  position: relative !important;
  z-index: 1 !important;
  color: var(--tier-banner-text) !important;
  -webkit-text-fill-color: var(--tier-banner-text) !important;
}

html body.public-shell .site-shell main .membership-tier-band-label {
  width: fit-content !important;
  padding: 0.25rem 0.55rem !important;
  border: 1px solid color-mix(in srgb, var(--tier-banner-text) 36%, transparent) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--tier-banner-text) 12%, transparent) !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  font-size: 0.7rem !important;
  font-weight: 900 !important;
}

html body.public-shell .site-shell main .membership-tier-title {
  display: block !important;
  justify-self: stretch !important;
  align-self: end !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  font-family: var(--font-display) !important;
  font-size: clamp(2rem, 3vw, 3rem) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.045em !important;
  text-align: left !important;
}

html body.public-shell .site-shell main .membership-tier-name {
  color: #3f5f50 !important;
  -webkit-text-fill-color: #3f5f50 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
}

html body.public-shell .site-shell main .membership-tier-card p {
  color: #45534d !important;
  -webkit-text-fill-color: #45534d !important;
}

html body.public-shell .site-shell main .membership-tier-dropdown {
  border-color: #b7c3bb !important;
  background: #f8faf7 !important;
}

html body.public-shell .site-shell main .membership-tier-dropdown summary {
  min-height: 52px !important;
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
  background: linear-gradient(90deg, color-mix(in srgb, var(--tier-banner) 22%, white), #f8faf7) !important;
  border-radius: 10px !important;
}

html body.public-shell .site-shell main .membership-tier-dropdown summary::after {
  min-width: 1.55rem !important;
  min-height: 1.55rem !important;
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
  border-color: color-mix(in srgb, var(--tier-banner) 52%, #17201d) !important;
  background: #ffffff !important;
}

html body.public-shell .site-shell main .membership-tier-actions .button {
  min-height: 46px !important;
  border-color: #26775f !important;
  background: #26775f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 900 !important;
}

html body.public-shell .site-shell main .membership-tier-card-fellow .membership-tier-actions .button,
html body.public-shell .site-shell main .membership-tier-card-institutional .membership-tier-actions .button {
  border-color: #26775f !important;
  background: #ffffff !important;
  color: #245b48 !important;
  -webkit-text-fill-color: #245b48 !important;
}

html body.public-shell .site-shell main .membership-tier-actions .button:hover,
html body.public-shell .site-shell main .membership-tier-actions .button:focus-visible {
  border-color: #1f604c !important;
  background: #1f604c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main .membership-tier-card-fellow .membership-tier-actions .button:hover,
html body.public-shell .site-shell main .membership-tier-card-fellow .membership-tier-actions .button:focus-visible,
html body.public-shell .site-shell main .membership-tier-card-institutional .membership-tier-actions .button:hover,
html body.public-shell .site-shell main .membership-tier-card-institutional .membership-tier-actions .button:focus-visible {
  background: #26775f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main .membership-hero-summary span {
  background: #ffffff !important;
  border-color: #c9d4cd !important;
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
}

html body.public-shell .site-shell main .membership-access-panel {
  background: radial-gradient(circle at 92% 10%, rgba(159, 208, 187, 0.22), transparent 32%), linear-gradient(135deg, #101719 0%, #17201d 58%, #1d372f 100%) !important;
  border-color: rgba(159, 208, 187, 0.28) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: initial !important;
}

html body.public-shell .site-shell main .membership-access-panel :is(h2, h3, p, strong, small, span, .kicker) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main .membership-access-panel p,
html body.public-shell .site-shell main .membership-access-step small {
  color: #dce5df !important;
  -webkit-text-fill-color: #dce5df !important;
}

html body.public-shell .site-shell main .membership-access-step {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(159, 208, 187, 0.26) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: initial !important;
}

html body.public-shell .site-shell main .membership-access-step span {
  background: rgba(159, 208, 187, 0.16) !important;
  color: #bfe6d5 !important;
  -webkit-text-fill-color: #bfe6d5 !important;
}

html body.public-shell .site-shell main .membership-access-step:hover,
html body.public-shell .site-shell main .membership-access-step:focus-visible {
  background: rgba(159, 208, 187, 0.16) !important;
  border-color: rgba(159, 208, 187, 0.66) !important;
}

@media (max-width: 720px) {
  html body.public-shell .site-shell main .membership-tier-card {
    gap: 0.75rem !important;
  }

  html body.public-shell .site-shell main .membership-tier-banner {
    min-height: 116px !important;
  }

  html body.public-shell .site-shell main .membership-tier-title {
    font-size: clamp(1.75rem, 12vw, 2.45rem) !important;
  }
}

html body.public-shell .site-shell .journal-local-nav {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

html body.public-shell .site-shell main .news-editorial-hero {
  padding-top: clamp(0.55rem, 1.2vw, 0.9rem) !important;
  padding-bottom: clamp(0.55rem, 1.2vw, 0.9rem) !important;
}

html body.public-shell .site-shell main .news-editorial-hero-inner {
  align-items: center !important;
  gap: clamp(0.7rem, 1.5vw, 1.25rem) !important;
}

html body.public-shell .site-shell main .news-editorial-hero-copy {
  gap: 0.35rem !important;
}

html body.public-shell .site-shell main .news-editorial-hero-copy h1 {
  font-size: clamp(1.75rem, 3vw, 2.65rem) !important;
  line-height: 0.98 !important;
  max-width: 18ch !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body.public-shell .site-shell main .news-editorial-hero:not(.news-detail-hero):not(.news-archive-hero) .news-editorial-hero-copy h1 {
  white-space: nowrap !important;
}

html body.public-shell .site-shell main :is(.news-detail-hero, .news-archive-hero) .news-editorial-hero-copy h1 {
  max-width: 22ch !important;
  line-height: 1.04 !important;
}

html body.public-shell .site-shell main .news-editorial-hero-copy p {
  max-width: 46ch !important;
  font-size: clamp(0.94rem, 1vw, 1rem) !important;
  line-height: 1.38 !important;
}

html body.public-shell .site-shell main .news-editorial-hero-copy .kicker {
  margin-bottom: 0.2rem !important;
}

html body.public-shell .site-shell main .news-editorial-hero-copy :is(h1, p) {
  margin-bottom: 0 !important;
}

html body.public-shell .site-shell main .news-hero-latest-copy {
  max-width: 430px !important;
  margin-top: 0 !important;
  padding: clamp(0.65rem, 1.2vw, 0.9rem) !important;
  border: 1px solid rgba(159, 208, 187, 0.22) !important;
  border-radius: 16px !important;
}

html body.public-shell .site-shell main .news-hero-latest-copy h2 {
  margin: 0 0 0.25rem !important;
  font-size: clamp(1.05rem, 1.45vw, 1.25rem) !important;
  line-height: 1.08 !important;
}

html body.public-shell .site-shell main .news-hero-latest-copy p {
  color: #eef3ef !important;
  -webkit-text-fill-color: #eef3ef !important;
  font-size: clamp(0.9rem, 0.95vw, 0.96rem) !important;
  line-height: 1.38 !important;
}

html body.public-shell .site-shell main .news-rail-section {
  padding-top: clamp(0.85rem, 1.8vw, 1.35rem) !important;
  padding-bottom: clamp(0.85rem, 1.8vw, 1.35rem) !important;
}

html body.public-shell .site-shell main .news-rail-section .news-section-bar {
  margin-bottom: 0.55rem !important;
}

html body.public-shell .site-shell main :is(.news-detail-hero, .news-archive-hero, .events-overview-section, .event-detail-hero) {
  background: radial-gradient(circle at 88% 12%, rgba(95, 168, 131, 0.18), transparent 30%), linear-gradient(135deg, #101719 0%, #17201d 58%, #1d372f 100%) !important;
  border-bottom: 1px solid rgba(159, 208, 187, 0.2) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main :is(.news-detail-hero, .news-archive-hero, .events-overview-section, .event-detail-hero) :is(.kicker, h1, h2, h3, p, span, strong, .lead, .page-copy-tag, .breadcrumb a) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main :is(.news-detail-hero, .news-archive-hero, .events-overview-section, .event-detail-hero) :is(.breadcrumb, .news-editorial-meta, .news-editorial-meta span) {
  color: #d8e0da !important;
  -webkit-text-fill-color: #d8e0da !important;
}

html body.public-shell .site-shell main :is(.news-detail-hero, .event-detail-hero) .page-hero-highlights {
  margin-top: clamp(1rem, 2vw, 1.45rem) !important;
}

html body.public-shell .site-shell main :is(.news-detail-hero, .event-detail-hero) .page-hero-highlight,
html body.public-shell .site-shell main :is(.news-hero-latest-copy, .news-aside-card, .events-programme-card) {
  border-color: rgba(159, 208, 187, 0.26) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.2) !important;
}

html body.public-shell .site-shell main :is(.news-detail-hero, .event-detail-hero) .page-hero-highlight :is(span, strong) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main .news-detail-hero-inner,
html body.public-shell .site-shell main .event-detail-hero-inner,
html body.public-shell .site-shell main .events-overview-shell {
  align-items: center !important;
}

html body.public-shell .site-shell main .news-detail-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.36fr) !important;
  align-items: start !important;
  gap: clamp(1rem, 2.4vw, 1.65rem) !important;
}

html body.public-shell .site-shell main .news-detail-layout > * {
  min-width: 0 !important;
}

html body.public-shell .site-shell main .news-detail-actions,
html body.public-shell .site-shell main .news-aside-actions,
html body.public-shell .site-shell main .events-overview-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.75rem !important;
  margin-top: 1rem !important;
}

html body.public-shell .site-shell main .news-detail-hero-image {
  overflow: hidden !important;
  margin: 0 !important;
  border: 1px solid rgba(159, 208, 187, 0.28) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.26) !important;
}

html body.public-shell .site-shell main .news-detail-hero-image img {
  display: block !important;
  width: 100% !important;
  min-height: clamp(260px, 34vw, 480px) !important;
  object-fit: cover !important;
}

html body.public-shell .site-shell main .news-detail-hero-image figcaption {
  padding: 0.65rem 0.85rem !important;
  color: #d8e0da !important;
  -webkit-text-fill-color: #d8e0da !important;
}

html body.public-shell .site-shell main :is(.news-detail-section, .news-archive-page-section) {
  background: #f4f3ef !important;
  background-image: none !important;
}

html body.public-shell .site-shell main .news-detail-article,
html body.public-shell .site-shell main .news-archive-search,
html body.public-shell .site-shell main .news-archive-page-card,
html body.public-shell .site-shell main .event-detail-hero .news-aside-card {
  border: 1px solid rgba(38, 119, 95, 0.16) !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
  box-shadow: 0 18px 48px rgba(16, 23, 25, 0.08) !important;
}

html body.public-shell .site-shell main .news-detail-article {
  padding: clamp(1.2rem, 2.6vw, 2rem) !important;
}

html body.public-shell .site-shell main .news-detail-body,
html body.public-shell .site-shell main .news-detail-article {
  line-height: 1.7 !important;
}

html body.public-shell .site-shell main .news-detail-body p {
  max-width: 74ch !important;
}

html body.public-shell .site-shell main :is(.news-aside-card, .event-participation-card) :is(h3, p, li, strong),
html body.public-shell .site-shell main .news-detail-article :is(.kicker, h2, p) {
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
}

html body.public-shell .site-shell main :is(.news-aside-card, .event-participation-card) .panel-topline,
html body.public-shell .site-shell main .news-detail-article .kicker {
  color: #26775f !important;
  -webkit-text-fill-color: #26775f !important;
}

html body.public-shell .site-shell main .news-events-editorial-section {
  background: radial-gradient(circle at 88% 12%, rgba(95, 168, 131, 0.18), transparent 30%), #101719 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main .news-events-editorial-section :is(.kicker, h2, h3, p, span, a, strong) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main .news-events-editorial-section .news-section-intro,
html body.public-shell .site-shell main .news-events-editorial-section .section-heading p,
html body.public-shell .site-shell main .news-events-editorial-section .journey-card p {
  color: #d8e0da !important;
  -webkit-text-fill-color: #d8e0da !important;
}

html body.public-shell .site-shell main .news-event-rail-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: clamp(1rem, 2vw, 1.35rem) !important;
  overflow: visible !important;
}

html body.public-shell .site-shell main .news-event-card,
html body.public-shell .site-shell main .news-events-editorial-section .journey-card {
  border-color: rgba(159, 208, 187, 0.25) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18) !important;
}

html body.public-shell .site-shell main .news-event-date span {
  background: #26775f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main .news-archive-search {
  justify-self: stretch !important;
  padding: clamp(1rem, 2vw, 1.35rem) !important;
}

html body.public-shell .site-shell main .news-archive-search :is(label, input) {
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
}

html body.public-shell .site-shell main .news-archive-search-row {
  display: flex !important;
  gap: 0.65rem !important;
  align-items: center !important;
}

html body.public-shell .site-shell main .news-archive-search input {
  min-height: 44px !important;
}

html body.public-shell .site-shell main :is(.news-card-link, .news-aside-card .text-link, .news-detail-actions .text-link, .news-section-bar .text-link) {
  color: #9fd0bb !important;
  -webkit-text-fill-color: #9fd0bb !important;
}

html body.public-shell .site-shell main :is(.news-aside-card .text-link) {
  color: #14533f !important;
  -webkit-text-fill-color: #14533f !important;
}

@media (max-width: 860px) {
  html body.public-shell .site-shell main .news-detail-hero-inner,
  html body.public-shell .site-shell main .event-detail-hero-inner,
  html body.public-shell .site-shell main .events-overview-shell {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  html body.public-shell .site-shell main .news-archive-search-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  html body.public-shell .site-shell main .news-detail-layout {
    grid-template-columns: 1fr !important;
  }

  html body.public-shell .site-shell main :is(.news-detail-hero, .news-archive-hero) .news-editorial-hero-copy h1 {
    max-width: none !important;
  }
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html body.public-shell .site-shell main :is(.journal-suite-hero, .journal-landing-hero, .article-library-hero, .paper-detail-hero) {
  background: radial-gradient(circle at 86% 16%, rgba(159, 208, 187, 0.22), transparent 30%), linear-gradient(135deg, #101719 0%, #17201d 58%, #1d372f 100%) !important;
  border-bottom: 1px solid rgba(159, 208, 187, 0.18) !important;
}

html body.public-shell .site-shell main :is(.journal-suite-hero, .journal-landing-hero, .article-library-hero, .paper-detail-hero) :is(.kicker, h1, h2, h3, p, .lead, .page-copy-tag, span) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main :is(.journal-suite-hero, .journal-landing-hero, .article-library-hero, .paper-detail-hero) .page-copy-feature,
html body.public-shell .site-shell main :is(.journal-suite-hero, .journal-landing-hero, .article-library-hero, .paper-detail-hero) .journal-hero-copy {
  border-color: rgba(159, 208, 187, 0.26) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22) !important;
}

html body.public-shell .site-shell main .journal-section-nav {
  top: 80px !important;
  background: rgba(16, 23, 25, 0.96) !important;
  border-color: rgba(159, 208, 187, 0.22) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18) !important;
}

html body.public-shell .site-shell main .journal-section-nav-inner {
  position: relative !important;
  gap: 0.5rem !important;
  padding-block: 0.62rem !important;
}

html body.public-shell .site-shell main .journal-section-skip {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  z-index: 2 !important;
  transform: translateY(-50%) translateX(-120%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body.public-shell .site-shell main .journal-section-skip:focus-visible {
  transform: translateY(-50%) translateX(0) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

html body.public-shell .site-shell main .journal-section-nav :is(a, span.is-active) {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 40px !important;
  padding: 0.38rem 0.72rem !important;
  border-radius: 999px !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

html body.public-shell .site-shell main .journal-section-nav a:hover,
html body.public-shell .site-shell main .journal-section-nav a:focus-visible,
html body.public-shell .site-shell main .journal-section-nav :is(a, span).is-active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #26775f !important;
  border-color: #9fd0bb !important;
  outline: none !important;
}

html body.public-shell .site-shell main .journal-section-nav :is(a, span).is-active,
html body.public-shell .site-shell main .journal-section-nav :is(a, span).is-active:visited,
html body.public-shell .site-shell main .journal-section-nav :is(a, span).is-active:hover,
html body.public-shell .site-shell main .journal-section-nav :is(a, span).is-active:focus-visible {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main .journal-section-nav a:focus-visible,
html body.public-shell .site-shell main :is(.journal-release-card, .journal-contents-panel, .journal-archive-card, .journal-policy-panel, .journal-board-card, .journal-issue-card, .journal-check-item, .journal-current-issue, .journal-download-card, .journal-final-cta, .paper-card):focus-visible {
  box-shadow: 0 0 0 3px rgba(159, 208, 187, 0.46), 0 12px 34px rgba(16, 23, 25, 0.18) !important;
}

html body.public-shell .site-shell main :is(.journal-release-card, .journal-contents-panel, .journal-archive-card, .journal-policy-panel, .journal-board-card, .journal-issue-card, .journal-check-item, .journal-main-panel, .journal-current-issue, .journal-download-card, .journal-final-cta) {
  border-color: rgba(38, 119, 95, 0.18) !important;
  background: #ffffff !important;
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
  box-shadow: 0 12px 30px rgba(23, 32, 29, 0.08) !important;
}

html body.public-shell .site-shell main :is(.journal-release-card, .journal-contents-panel, .journal-archive-card, .journal-policy-panel, .journal-board-card, .journal-issue-card, .journal-check-item, .journal-main-panel, .journal-current-issue, .journal-download-card, .journal-final-cta) :is(h2, h3, h4, p, dt, dd, small, strong) {
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
}

html body.public-shell .site-shell main :is(.journal-release-label, .journal-archive-card > span, .journal-pathway-card span, .journal-board-card span, .journal-issue-card > span, .journal-check-item span, .journal-document-meta dt, .journal-edition-meta dt, .journal-facts-list dt) {
  color: #26775f !important;
  -webkit-text-fill-color: #26775f !important;
}

html body.public-shell .site-shell main .journal-call-banner-link {
  min-height: 52px !important;
}

html body.public-shell .site-shell main :is(#journal-content, #current-journal, #access) {
  scroll-margin-top: 150px !important;
}

html body.public-shell .site-shell main :is(#journal-content, #current-journal, #access):focus-visible {
  outline: 3px solid rgba(38, 119, 95, 0.58) !important;
  outline-offset: 6px !important;
}

html body.public-shell .site-shell main :is(.journal-main-panel, .journal-release-card, .journal-contents-panel, .journal-current-issue, .journal-issue-card, .journal-download-card, .paper-detail-main, .research-filter-panel, .paper-card) {
  line-height: 1.62 !important;
}

html body.public-shell .site-shell main :is(.journal-main-panel, .journal-release-card, .journal-contents-panel, .journal-current-issue, .journal-issue-card, .journal-download-card, .paper-detail-main, .research-filter-panel) p,
html body.public-shell .site-shell main :is(.journal-admin-copy, .paper-card-summary, .paper-detail-standfirst, .section-intro) {
  max-width: 72ch !important;
}

html body.public-shell .site-shell main :is(.journal-policy-panel, .journal-board-card, .journal-check-item, .journal-download-card, .journal-issue-card, .paper-card) {
  min-height: 100% !important;
}

html body.public-shell .site-shell main :is(.journal-featured-paper, .journal-archive-card-link, .paper-card):focus-visible {
  outline: 3px solid rgba(38, 119, 95, 0.72) !important;
  outline-offset: 4px !important;
}

html body.public-shell .site-shell main :is(.journal-featured-paper, .paper-card) :is(strong, .paper-card-title) {
  line-height: 1.25 !important;
}

html body.public-shell .site-shell main .research-search-form :is(input, select, button, a) {
  min-height: 44px !important;
}

html body.public-shell .site-shell main .research-search-form :is(input, select):focus-visible {
  outline: 3px solid rgba(38, 119, 95, 0.45) !important;
  outline-offset: 2px !important;
  border-color: #26775f !important;
}

html body.public-shell .site-shell main .paper-detail-meta-strip,
html body.public-shell .site-shell main .journal-local-nav,
html body.public-shell .site-shell main .paper-card-meta,
html body.public-shell .site-shell main .journal-edition-meta {
  gap: 0.55rem !important;
}

html body.public-shell .site-shell main .journal-author-pathway-section .card {
  background: #ffffff !important;
  border-color: rgba(38, 119, 95, 0.18) !important;
}

html body.public-shell .site-shell main .journal-author-pathway-section .card :is(.card-placeholder, .card-kicker, h3, h3 a, .card-summary, .card-footer, .card-footer span) {
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
}

html body.public-shell .site-shell main .journal-author-pathway-section .card h3 a:focus-visible {
  outline: 3px solid rgba(38, 119, 95, 0.58) !important;
  outline-offset: 3px !important;
}

html body.public-shell .site-shell main .research-filter-fieldset {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 1080px) {
  html body.public-shell .site-shell main .journal-section-nav {
    top: 58px !important;
  }
}

@media (max-width: 700px) {
  html body.public-shell .site-shell main .journal-section-nav-inner {
    overflow-x: auto !important;
    justify-content: flex-start !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-padding-inline: var(--page-gutter) !important;
  }

  html body.public-shell .site-shell main .journal-section-nav :is(a, span.is-active) {
    min-height: 44px !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  html body.public-shell .site-shell main :is(.journal-main-panel, .journal-release-card, .journal-contents-panel, .journal-current-issue, .journal-issue-card, .journal-download-card, .paper-detail-main, .research-filter-panel, .paper-card) {
    line-height: 1.68 !important;
  }
}

html body.public-shell .site-shell main .about-landing-hero-grid {
  align-items: stretch !important;
}

html body.public-shell .site-shell main .about-hero-glance.about-hero-glance {
  grid-template-rows: minmax(0, 1fr) auto !important;
  row-gap: clamp(0.55rem, 1vw, 0.85rem) !important;
  align-self: stretch !important;
  height: 100% !important;
}

html body.public-shell .site-shell main .about-hero-glance.about-hero-glance .about-hero-glance-graphic {
  min-height: clamp(300px, 30vw, 460px) !important;
  max-height: none !important;
  height: 100% !important;
}

html body.public-shell .site-shell main .about-hero-glance.about-hero-glance .about-hero-glance-graphic picture {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

html body.public-shell .site-shell main .about-hero-glance.about-hero-glance .about-hero-glance-graphic img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: saturate(1.08) contrast(1.04) brightness(1.14) !important;
}

html body.public-shell .site-shell main .about-hero-glance.about-hero-glance .about-hero-glance-panel {
  margin-top: 0 !important;
  align-self: end !important;
}

@media (max-width: 700px) {
  html body.public-shell .site-shell main .about-hero-glance.about-hero-glance .about-hero-glance-graphic {
    min-height: 190px !important;
    max-height: none !important;
  }
}

html body.public-shell .site-shell main .news-event-date span {
  background: #14533f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main .news-event-date :is(strong, small) {
  color: #101719 !important;
  -webkit-text-fill-color: #101719 !important;
}

html body.public-shell .site-shell main .projects-page-shell {
  background: #f4f3ef !important;
}

html body.public-shell .site-shell main .projects-hero {
  background:
    radial-gradient(circle at 88% 8%, rgba(159, 208, 187, 0.18), transparent 28rem),
    linear-gradient(180deg, #101719 0%, #17201d 100%) !important;
  padding-block: clamp(1.3rem, 3vw, 2.4rem) !important;
}

html body.public-shell .site-shell main .projects-hero-grid {
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.74fr) !important;
  align-items: stretch !important;
  gap: clamp(1rem, 2vw, 1.5rem) !important;
}

html body.public-shell .site-shell main .projects-hero-copy {
  justify-content: center !important;
  border-color: rgba(159, 208, 187, 0.2) !important;
  background:
    linear-gradient(135deg, rgba(38, 119, 95, 0.22), transparent 44%),
    linear-gradient(180deg, #101719 0%, #17201d 100%) !important;
  box-shadow: 0 18px 42px rgba(16, 23, 25, 0.24) !important;
}

html body.public-shell .site-shell main .projects-hero-copy :is(.kicker, h1, p, .lead, span, strong) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main .projects-hero-copy .kicker,
html body.public-shell .site-shell main .projects-hero-copy .page-copy-tag,
html body.public-shell .site-shell main .projects-panel-label,
html body.public-shell .site-shell main .projects-next-card > span,
html body.public-shell .site-shell main .projects-skill-badge {
  color: #9fd0bb !important;
  -webkit-text-fill-color: #9fd0bb !important;
}

html body.public-shell .site-shell main .projects-hero-copy .page-copy-tag {
  border-color: rgba(159, 208, 187, 0.28) !important;
  background: rgba(159, 208, 187, 0.1) !important;
}

html body.public-shell .site-shell main .projects-hero-copy :is(.lead, .projects-hero-summary) {
  color: #e7ede8 !important;
  -webkit-text-fill-color: #e7ede8 !important;
}

html body.public-shell .site-shell main .projects-hero-summary {
  max-width: 64ch !important;
  margin: 0 !important;
  font-size: clamp(0.96rem, 1vw, 1.04rem) !important;
  line-height: 1.55 !important;
}

html body.public-shell .site-shell main .projects-hero .page-hero-highlight {
  border-color: rgba(159, 208, 187, 0.2) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

html body.public-shell .site-shell main .projects-routes-panel {
  display: grid !important;
  gap: clamp(0.8rem, 1.6vw, 1rem) !important;
}

html body.public-shell .site-shell main .projects-route-card,
html body.public-shell .site-shell main .projects-search-panel,
html body.public-shell .site-shell main .projects-framework-panel,
html body.public-shell .site-shell main .projects-next-tile {
  border: 1px solid rgba(159, 208, 187, 0.2) !important;
  border-radius: 1.35rem !important;
  background: linear-gradient(135deg, #101719 0%, #17201d 54%, #1d372f 100%) !important;
  box-shadow: 0 18px 42px rgba(16, 23, 25, 0.2) !important;
}

html body.public-shell .site-shell main .projects-route-card,
html body.public-shell .site-shell main .projects-search-panel {
  padding: clamp(0.95rem, 1.8vw, 1.3rem) !important;
}

html body.public-shell .site-shell main .projects-panel-label,
html body.public-shell .site-shell main .projects-skill-badge,
html body.public-shell .site-shell main .projects-next-card > span {
  display: inline-flex !important;
  width: fit-content !important;
  align-items: center !important;
  min-height: 28px !important;
  font-size: 0.74rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.09em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

html body.public-shell .site-shell main .projects-route-card :is(h2, strong),
html body.public-shell .site-shell main .projects-search-panel :is(h2, h3, label, span),
html body.public-shell .site-shell main .projects-framework-panel :is(h2, p),
html body.public-shell .site-shell main .projects-next-tile :is(h2, h3, p, strong) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main .projects-route-card h2 {
  margin: 0.45rem 0 0.85rem !important;
  font-size: clamp(1.35rem, 2.1vw, 1.85rem) !important;
  line-height: 1.08 !important;
}

html body.public-shell .site-shell main .projects-route-list {
  display: grid !important;
  gap: 0.55rem !important;
}

html body.public-shell .site-shell main .projects-route-list a {
  display: grid !important;
  grid-template-columns: 2.2rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.65rem !important;
  min-height: 48px !important;
  border: 1px solid rgba(159, 208, 187, 0.18) !important;
  border-radius: 0.85rem !important;
  background: rgba(255, 255, 255, 0.07) !important;
  padding: 0.55rem 0.65rem !important;
  text-decoration: none !important;
}

html body.public-shell .site-shell main .projects-route-list a:hover,
html body.public-shell .site-shell main .projects-route-list a:focus-visible {
  border-color: rgba(159, 208, 187, 0.42) !important;
  background: rgba(159, 208, 187, 0.13) !important;
}

html body.public-shell .site-shell main .projects-route-list a span {
  display: grid !important;
  place-items: center !important;
  width: 2.1rem !important;
  height: 2.1rem !important;
  border-radius: 999px !important;
  background: rgba(159, 208, 187, 0.16) !important;
  color: #9fd0bb !important;
  -webkit-text-fill-color: #9fd0bb !important;
  font-size: 0.74rem !important;
  font-weight: 900 !important;
}

html body.public-shell .site-shell main .projects-search-panel .research-search-form {
  margin-top: 0.65rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.public-shell .site-shell main .projects-search-panel .text-link {
  margin-top: 0.55rem !important;
  color: #9fd0bb !important;
  -webkit-text-fill-color: #9fd0bb !important;
}

html body.public-shell .site-shell main [data-projects-section-nav] {
  border-top: 1px solid rgba(159, 208, 187, 0.18) !important;
}

html body.public-shell .site-shell main .projects-people-section,
html body.public-shell .site-shell main .projects-framework-section {
  background: #f4f3ef !important;
}

html body.public-shell .site-shell main .projects-initiatives-section,
html body.public-shell .site-shell main .projects-next-section {
  background: #4d5852 !important;
}

html body.public-shell .site-shell main .projects-initiatives-section .section-heading :is(.kicker, h2, p),
html body.public-shell .site-shell main .projects-next-section .section-heading :is(.kicker, h2, p) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main .projects-initiative-card {
  border-color: rgba(159, 208, 187, 0.22) !important;
  border-radius: 1.05rem !important;
  background: rgba(255, 255, 255, 0.08) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.public-shell .site-shell main .projects-initiative-card :is(.panel-topline, h3, p, .text-link) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main .projects-initiative-card .panel-topline,
html body.public-shell .site-shell main .projects-initiative-card .text-link {
  color: #9fd0bb !important;
  -webkit-text-fill-color: #9fd0bb !important;
}

html body.public-shell .site-shell main .projects-person-card {
  border-radius: 1.05rem !important;
  border-color: rgba(38, 119, 95, 0.18) !important;
  box-shadow: 0 10px 26px rgba(16, 23, 25, 0.08) !important;
}

html body.public-shell .site-shell main .projects-skill-badge {
  border: 1px solid rgba(38, 119, 95, 0.18) !important;
  border-radius: 999px !important;
  background: #e1efe8 !important;
  padding: 0.3rem 0.58rem !important;
  color: #14533f !important;
  -webkit-text-fill-color: #14533f !important;
}

html body.public-shell .site-shell main .projects-empty-state {
  border-color: rgba(38, 119, 95, 0.18) !important;
  background: #ffffff !important;
}

html body.public-shell .site-shell main .projects-empty-state-dark {
  border-color: rgba(159, 208, 187, 0.22) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

html body.public-shell .site-shell main .projects-empty-state-dark p {
  color: #e7ede8 !important;
  -webkit-text-fill-color: #e7ede8 !important;
}

html body.public-shell .site-shell main .projects-framework-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: clamp(1rem, 2vw, 1.5rem) !important;
  padding: clamp(1rem, 2.3vw, 1.65rem) !important;
}

html body.public-shell .site-shell main .projects-framework-panel h2,
html body.public-shell .site-shell main .projects-next-tile h2 {
  margin: 0.35rem 0 0.55rem !important;
  max-width: 18ch !important;
  font-size: clamp(1.75rem, 3vw, 2.55rem) !important;
  line-height: 1.05 !important;
}

html body.public-shell .site-shell main .projects-framework-panel p,
html body.public-shell .site-shell main .projects-next-tile p {
  margin: 0 !important;
  color: #e7ede8 !important;
  -webkit-text-fill-color: #e7ede8 !important;
}

html body.public-shell .site-shell main .projects-next-tile {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) repeat(2, minmax(220px, 0.72fr)) !important;
  align-items: stretch !important;
  gap: clamp(0.85rem, 1.8vw, 1.2rem) !important;
  padding: clamp(1rem, 2.3vw, 1.65rem) !important;
}

html body.public-shell .site-shell main .projects-next-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

html body.public-shell .site-shell main .projects-next-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 0.55rem !important;
  min-height: 100% !important;
  border: 1px solid rgba(159, 208, 187, 0.2) !important;
  border-radius: 1rem !important;
  background: rgba(255, 255, 255, 0.08) !important;
  padding: clamp(0.9rem, 1.7vw, 1.2rem) !important;
  text-decoration: none !important;
}

html body.public-shell .site-shell main .projects-next-card:hover,
html body.public-shell .site-shell main .projects-next-card:focus-visible {
  border-color: rgba(159, 208, 187, 0.44) !important;
  background: rgba(159, 208, 187, 0.13) !important;
}

html body.public-shell .site-shell main .projects-next-card strong {
  color: #9fd0bb !important;
  -webkit-text-fill-color: #9fd0bb !important;
}

@media (max-width: 900px) {
  html body.public-shell .site-shell main .projects-hero-grid,
  html body.public-shell .site-shell main .projects-framework-panel,
  html body.public-shell .site-shell main .projects-next-tile {
    grid-template-columns: 1fr !important;
  }

  html body.public-shell .site-shell main .projects-framework-panel .button {
    width: fit-content !important;
  }
}

@media (max-width: 640px) {
  html body.public-shell .site-shell main .projects-hero {
    padding-block: 1rem !important;
  }

  html body.public-shell .site-shell main .projects-hero-copy,
  html body.public-shell .site-shell main .projects-route-card,
  html body.public-shell .site-shell main .projects-search-panel,
  html body.public-shell .site-shell main .projects-framework-panel,
  html body.public-shell .site-shell main .projects-next-tile {
    border-radius: 1rem !important;
  }

  html body.public-shell .site-shell main .projects-framework-panel .button {
    width: 100% !important;
  }
}

html body.portal-workspace-page .portal-review-workspace {
  align-items: start !important;
  gap: clamp(1rem, 2vw, 1.5rem) !important;
}

html body.portal-workspace-page .review-manuscript-heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: clamp(0.85rem, 1.8vw, 1.25rem) !important;
  align-items: start !important;
}

html body.portal-workspace-page .review-manuscript-heading h1 {
  margin-bottom: 0.35rem !important;
}

html body.portal-workspace-page .blind-review-summary,
html body.portal-workspace-page .blind-review-meta-grid,
html body.portal-workspace-page .blind-review-prompts,
html body.portal-workspace-page .portal-review-stats-grid {
  display: grid !important;
  gap: 0.65rem !important;
}

html body.portal-workspace-page .blind-review-summary {
  justify-items: end !important;
  min-width: 180px !important;
}

html body.portal-workspace-page .blind-review-summary > span:not(.status-badge) {
  color: #405049 !important;
  -webkit-text-fill-color: #405049 !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
}

html body.portal-workspace-page .blind-review-meta-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin: clamp(0.9rem, 1.8vw, 1.2rem) 0 !important;
}

html body.portal-workspace-page .blind-review-meta-grid > div,
html body.portal-workspace-page .submission-next-step,
html body.portal-workspace-page .submission-blind-note {
  border: 1px solid rgba(38, 119, 95, 0.18) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  padding: 0.82rem 0.92rem !important;
}

html body.portal-workspace-page .blind-review-meta-grid strong,
html body.portal-workspace-page .submission-next-step p,
html body.portal-workspace-page .submission-blind-note :is(strong, p) {
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
}

html body.portal-workspace-page .blind-review-queue-card {
  margin-bottom: 1rem !important;
}

html body.portal-workspace-page .blind-review-queue {
  display: grid !important;
  gap: 0.55rem !important;
  margin-top: 0.85rem !important;
}

html body.portal-workspace-page .blind-review-queue-item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.7rem !important;
  align-items: center !important;
  min-height: 54px !important;
  border: 1px solid rgba(38, 119, 95, 0.2) !important;
  border-radius: 14px !important;
  background: #f8faf7 !important;
  padding: 0.65rem 0.75rem !important;
  text-decoration: none !important;
}

html body.portal-workspace-page .blind-review-queue-item.is-active {
  border-color: #26775f !important;
  background: #e1efe8 !important;
  box-shadow: 0 10px 26px rgba(16, 23, 25, 0.12) !important;
}

html body.portal-workspace-page .blind-review-queue-item :is(strong, small) {
  display: block !important;
}

html body.portal-workspace-page .blind-review-queue-item strong {
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
}

html body.portal-workspace-page .blind-review-queue-item small {
  color: #5d6863 !important;
  -webkit-text-fill-color: #5d6863 !important;
  margin-top: 0.12rem !important;
}

html body.portal-workspace-page .review-feedback-guidance {
  border-left: 4px solid #26775f !important;
  background: #e1efe8 !important;
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
  padding: 0.85rem 1rem !important;
}

html body.portal-workspace-page .portal-review-form-card :is(select, textarea, button, a.button) {
  min-height: 44px !important;
}

html body.portal-workspace-page .blind-review-prompts {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin: 0.85rem 0 !important;
}

html body.portal-workspace-page .blind-review-prompts span {
  border: 1px solid rgba(38, 119, 95, 0.18) !important;
  border-radius: 999px !important;
  background: #f4f3ef !important;
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
  padding: 0.45rem 0.68rem !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
}

html body.portal-workspace-page textarea.review-feedback-textarea {
  min-height: clamp(420px, 48vh, 680px) !important;
  resize: vertical !important;
  line-height: 1.62 !important;
}

html body.portal-workspace-page .portal-review-form-card .reviewer-side-actions {
  position: sticky !important;
  top: 0.75rem !important;
  z-index: 2 !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  padding: 0.6rem !important;
  box-shadow: 0 12px 28px rgba(16, 23, 25, 0.12) !important;
}

html body.portal-workspace-page .submission-next-step,
html body.portal-workspace-page .submission-blind-note,
html body.portal-workspace-page .submission-tracker-timeline {
  margin-top: 0.9rem !important;
}

html body.portal-workspace-page .submission-next-step p,
html body.portal-workspace-page .submission-blind-note p {
  margin: 0.25rem 0 0 !important;
  line-height: 1.55 !important;
}

html body.portal-workspace-page .submission-blind-note {
  background: #e1efe8 !important;
}

html body.portal-workspace-page .submission-tracker-timeline {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

html body.portal-workspace-page .submission-tracker-timeline .submission-timeline-item {
  min-height: 132px !important;
}

html body.portal-workspace-page .portal-review-callout {
  background: linear-gradient(135deg, #101719 0%, #17201d 58%, #1d372f 100%) !important;
  border-color: rgba(159, 208, 187, 0.3) !important;
}

html body.portal-workspace-page .portal-review-callout :is(.kicker, h3, h4, p, span, a) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.portal-workspace-page .portal-review-callout .muted,
html body.portal-workspace-page .portal-review-callout .journal-scope-item p {
  color: #d8e0da !important;
  -webkit-text-fill-color: #d8e0da !important;
}

html body.portal-workspace-page .portal-review-callout .journal-scope-item {
  border-color: rgba(159, 208, 187, 0.28) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

@media (max-width: 980px) {
  html body.portal-workspace-page .review-manuscript-heading,
  html body.portal-workspace-page .blind-review-meta-grid,
  html body.portal-workspace-page .submission-tracker-timeline {
    grid-template-columns: 1fr !important;
  }

  html body.portal-workspace-page .blind-review-summary {
    justify-items: start !important;
  }
}

@media (max-width: 700px) {
  html body.portal-workspace-page .blind-review-prompts {
    grid-template-columns: 1fr !important;
  }

  html body.portal-workspace-page textarea.review-feedback-textarea {
    min-height: 360px !important;
  }
}

@media (max-width: 700px) {
  html body.public-shell .site-shell main .news-editorial-hero {
    padding-top: 0.55rem !important;
    padding-bottom: 0.55rem !important;
  }

  html body.public-shell .site-shell main .news-hero-latest-copy {
    display: none !important;
  }

  html body.public-shell .site-shell main .news-rail-section {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  html body.public-shell .site-shell main .news-rail-section .news-section-bar {
    gap: 0.55rem !important;
    margin-bottom: 0.5rem !important;
  }
}

html body.public-shell .site-shell :is(.contact-honeypot, .honeypot-field) {
  position: absolute !important;
  left: -10000px !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

html body.public-shell .site-shell .site-footer :is(.footer-links a, .footer-legal a) {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px !important;
}

html body.public-shell .site-shell main .membership-newsletter-form input.honeypot-field {
  position: absolute !important;
  left: -10000px !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

html body.public-shell .site-shell footer.site-footer .footer-legal a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px !important;
  line-height: 1.3 !important;
}

html body.public-shell .cookie-banner .cookie-banner-text a.text-link {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px !important;
  line-height: 1.3 !important;
}

html body.public-shell .cookie-banner {
  background: #101719 !important;
  border-color: rgba(159, 208, 187, 0.28) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .cookie-banner .cookie-banner-inner {
  background: #101719 !important;
  border-color: rgba(159, 208, 187, 0.28) !important;
}

html body.public-shell .cookie-banner :is(.cookie-banner-text, .cookie-banner-text a.text-link) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .cookie-banner .cookie-banner-text {
  background: #101719 !important;
}

html body.public-shell .cookie-banner .cookie-banner-text a.text-link {
  text-decoration: underline !important;
  text-decoration-thickness: 0.08em !important;
  text-underline-offset: 0.18em !important;
}

@media (max-width: 820px) {
  html body.public-shell .site-header:not(.admin-workspace):not(.landing-workspace) .language-control-header {
    display: none !important;
  }

  html body.public-shell .site-shell main .news-editorial-hero-copy h1 {
    font-size: clamp(1.9rem, 11vw, 2.65rem) !important;
  }

  html body.public-shell .site-header:not(.admin-workspace):not(.landing-workspace) .main-nav .language-control-mobile {
    display: grid !important;
    gap: 0.35rem !important;
    width: 100% !important;
    margin-top: 0.45rem !important;
    padding: 0.72rem 0.85rem !important;
  }

  html body.public-shell .site-shell main > .hero .hero-carousel-dots {
    display: none !important;
  }
}

@media (min-width: 821px) {
  html body.public-shell .site-header:not(.admin-workspace):not(.landing-workspace) .main-nav .language-control-mobile {
    display: none !important;
  }
}

@media (hover: none), (pointer: coarse) {
  html body.public-shell .site-shell main > .hero .hero-carousel-dots {
    display: none !important;
  }
}

html body.public-shell .site-shell main nav.journal-section-nav .journal-section-nav-inner > :is(a, span).is-active[aria-current="page"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background-color: #26775f !important;
}

html body.public-shell .site-shell main nav.journal-section-nav .journal-section-nav-inner > span.is-active[aria-current="page"],
html body.public-shell .site-shell main nav.journal-section-nav .journal-section-nav-inner > a.is-active[aria-current="page"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background-color: #26775f !important;
}

html body.public-shell .site-shell main .journal-author-pathway-section .card,
html body.public-shell .site-shell main .journal-author-pathway-section .card * {
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
}

html body.public-shell .site-shell main .news-events-editorial-section .news-event-card,
html body.public-shell .site-shell main .news-events-editorial-section .news-event-card * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main .news-events-editorial-section .news-event-card {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(159, 208, 187, 0.25) !important;
}

html body.public-shell .site-shell main .news-events-editorial-section .news-event-card :is(p, .news-event-location, .news-event-time) {
  color: #d8e0da !important;
  -webkit-text-fill-color: #d8e0da !important;
}

html body.public-shell .site-shell main .news-events-editorial-section .news-event-card .news-card-link,
html body.public-shell .site-shell main .news-events-editorial-section .news-event-card .news-card-link span {
  color: #9fd0bb !important;
  -webkit-text-fill-color: #9fd0bb !important;
}

html body.public-shell .site-shell main .event-related-section,
html body.public-shell .site-shell main .event-related-section .journey-card {
  background: #101719 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main .event-related-section :is(.kicker, h2, span, strong, a) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main .event-related-section :is(p, .journey-card p) {
  color: #d8e0da !important;
  -webkit-text-fill-color: #d8e0da !important;
}

html body.public-shell .cookie-banner,
html body.public-shell .cookie-banner .cookie-banner-inner,
html body.public-shell .cookie-banner .cookie-banner-text {
  background: #ffffff !important;
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
}

html body.public-shell .cookie-banner .cookie-banner-text a.text-link {
  color: #14533f !important;
  -webkit-text-fill-color: #14533f !important;
}

html body.public-shell .site-shell main .journal-pathway-card a.text-link,
html body.public-shell .site-shell main .journal-pathway-card a.text-link:visited,
html body.public-shell .site-shell main .journal-pathway-card a.text-link:hover,
html body.public-shell .site-shell main .journal-pathway-card a.text-link:focus-visible {
  color: #14533f !important;
  -webkit-text-fill-color: #14533f !important;
}

html body.public-shell .site-shell main .journal-author-pathway-grid {
  align-items: stretch !important;
}

html body.public-shell .site-shell main .journal-pathway-card {
  display: grid !important;
  gap: 0.65rem !important;
  min-height: 100% !important;
  padding: clamp(1.1rem, 2vw, 1.45rem) !important;
  border: 1px solid rgba(38, 119, 95, 0.18) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 30px rgba(23, 32, 29, 0.08) !important;
}

html body.public-shell .site-shell main .journal-pathway-card :is(span, h3, p, a) {
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
}

html body.public-shell .site-shell main .journal-pathway-card > span {
  color: #26775f !important;
  -webkit-text-fill-color: #26775f !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}

html body.public-shell .site-shell main .journal-pathway-card h3 {
  margin: 0 !important;
  line-height: 1.22 !important;
}

html body.public-shell .site-shell main .journal-pathway-card p {
  margin: 0 !important;
  line-height: 1.58 !important;
}

html body.public-shell .site-shell main .contact-us-hero {
  background: radial-gradient(circle at 86% 14%, rgba(159, 208, 187, 0.24), transparent 30%), linear-gradient(135deg, #101719 0%, #17201d 58%, #1d372f 100%) !important;
  border-bottom: 1px solid rgba(159, 208, 187, 0.2) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  padding-block: clamp(1.15rem, 2.6vw, 2.25rem) !important;
}

html body.public-shell .site-shell main .contact-us-hero-grid {
  grid-template-columns: 1fr !important;
  max-width: 1120px !important;
}

html body.public-shell .site-shell main .contact-us-hero .page-copy-feature {
  min-height: 0 !important;
  border-color: rgba(159, 208, 187, 0.26) !important;
  background:
    radial-gradient(circle at 92% 10%, rgba(159, 208, 187, 0.16), transparent 30%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.045)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24) !important;
  padding: clamp(1rem, 2.4vw, 1.65rem) !important;
}

html body.public-shell .site-shell main .contact-us-hero :is(h1, h2, h3, strong) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main .contact-us-hero :is(.kicker, .page-copy-tag, .panel-topline) {
  color: #9fd0bb !important;
  -webkit-text-fill-color: #9fd0bb !important;
}

html body.public-shell .site-shell main .contact-us-hero :is(p, li, span, .lead) {
  color: #e7ede8 !important;
  -webkit-text-fill-color: #e7ede8 !important;
}

html body.public-shell .site-shell main .contact-us-hero .lead {
  max-width: 68ch !important;
  color: #f4f7f5 !important;
  -webkit-text-fill-color: #f4f7f5 !important;
  margin-bottom: 0 !important;
}

html body.public-shell .site-shell main .contact-route-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.55rem !important;
  margin-top: clamp(0.75rem, 1.6vw, 1rem) !important;
}

html body.public-shell .site-shell main .contact-route-list span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 36px !important;
  padding: 0.35rem 0.7rem !important;
  border: 1px solid rgba(159, 208, 187, 0.34) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
}

html body.public-shell .site-shell main .contact-us-hero .page-aside-card {
  border-color: rgba(159, 208, 187, 0.28) !important;
  background: rgba(255, 255, 255, 0.09) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22) !important;
}

html body.public-shell .site-shell main .contact-us-hero .page-aside-card h2 {
  margin: 0.25rem 0 0.8rem !important;
  font-size: clamp(1.3rem, 2vw, 1.7rem) !important;
  line-height: 1.15 !important;
}

html body.public-shell .site-shell main .contact-us-section {
  background: linear-gradient(180deg, #17201d 0%, #101719 100%) !important;
  padding-block: clamp(1.45rem, 3.2vw, 2.7rem) !important;
}

html body.public-shell .site-shell main :is(.contact-us-form, .account-creation-form) {
  max-width: 920px !important;
  margin-inline: auto !important;
  border: 1px solid rgba(159, 208, 187, 0.28) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 94% 8%, rgba(159, 208, 187, 0.16), transparent 28%),
    linear-gradient(180deg, #20262a 0%, #17201d 100%) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: initial !important;
}

html body.public-shell .site-shell main :is(.contact-us-form, .account-creation-form) .contact-honeypot {
  display: none !important;
}

html body.public-shell .site-shell main .contact-form-intro {
  display: grid !important;
  gap: 0.4rem !important;
  margin-bottom: clamp(1rem, 2vw, 1.35rem) !important;
  padding-bottom: clamp(0.9rem, 1.8vw, 1.2rem) !important;
  border-bottom: 1px solid rgba(159, 208, 187, 0.24) !important;
}

html body.public-shell .site-shell main .contact-form-intro h2 {
  margin: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(1.45rem, 2.4vw, 2.05rem) !important;
  line-height: 1.12 !important;
}

html body.public-shell .site-shell main .contact-form-intro p,
html body.public-shell .site-shell main :is(.contact-us-form, .account-creation-form) .required-note {
  margin: 0 !important;
  color: #e1e9e4 !important;
  -webkit-text-fill-color: #e1e9e4 !important;
  line-height: 1.55 !important;
}

html body.public-shell .site-shell main .contact-form-intro .kicker,
html body.public-shell .site-shell main .submission-heading .kicker {
  color: #9fd0bb !important;
  -webkit-text-fill-color: #9fd0bb !important;
}

html body.public-shell .site-shell main :is(.contact-us-form, .account-creation-form) label > span {
  color: #f4f7f5 !important;
  -webkit-text-fill-color: #f4f7f5 !important;
  font-weight: 800 !important;
}

html body.public-shell .site-shell main :is(.contact-us-form, .account-creation-form) .field-optional {
  margin-left: 0.35rem !important;
  color: #cbd8d1 !important;
  -webkit-text-fill-color: #cbd8d1 !important;
  font-size: 0.86em !important;
  font-weight: 700 !important;
}

html body.public-shell .site-shell main :is(.contact-us-form, .account-creation-form) .field-required {
  margin-left: 0.35rem !important;
  color: #9fd0bb !important;
  -webkit-text-fill-color: #9fd0bb !important;
  font-size: 0.82em !important;
  font-weight: 850 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

html body.public-shell .site-shell main :is(.contact-us-form, .account-creation-form) :is(input, textarea, select) {
  min-height: 46px !important;
  border: 2px solid #8aa097 !important;
  border-radius: 14px !important;
  background-color: #ffffff !important;
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
}

html body.public-shell .site-shell main :is(.contact-us-form, .account-creation-form) textarea {
  min-height: 190px !important;
  line-height: 1.55 !important;
}

html body.public-shell .site-shell main :is(.contact-us-form, .account-creation-form) :is(input, textarea)::placeholder {
  color: #5b6862 !important;
  -webkit-text-fill-color: #5b6862 !important;
  opacity: 1 !important;
}

html body.public-shell .site-shell main :is(.contact-us-form, .account-creation-form) :is(input, textarea, select):hover {
  border-color: #58776b !important;
}

html body.public-shell .site-shell main :is(.contact-us-form, .account-creation-form) :is(input, textarea, select):focus {
  border-color: #1f644f !important;
  box-shadow: 0 0 0 4px rgba(38, 119, 95, 0.2) !important;
  outline: none !important;
}

html body.public-shell .site-shell main :is(.contact-us-form, .account-creation-form) .form-help,
html body.public-shell .site-shell main :is(.contact-us-form, .account-creation-form) .admin-form-note,
html body.public-shell .site-shell main :is(.contact-us-form, .account-creation-form) .password-match-hint,
html body.public-shell .site-shell main :is(.contact-us-form, .account-creation-form) .password-strength-meta span {
  color: #d8e0da !important;
  -webkit-text-fill-color: #d8e0da !important;
}

html body.public-shell .site-shell main :is(.contact-us-form, .account-creation-form) :is(.button, button[type="submit"]) {
  min-height: 48px !important;
  background: #26775f !important;
  border-color: #26775f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 850 !important;
}

html body.public-shell .site-shell main :is(.contact-us-form, .account-creation-form) :is(.button, button[type="submit"]):hover,
html body.public-shell .site-shell main :is(.contact-us-form, .account-creation-form) :is(.button, button[type="submit"]):focus-visible {
  background: #1f644f !important;
  border-color: #1f644f !important;
}

html body.public-shell .site-shell main .account-creation-hero .submission-card {
  border-color: rgba(38, 119, 95, 0.26) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbf8 100%) !important;
  box-shadow: 0 22px 54px rgba(16, 23, 25, 0.14) !important;
}

html body.public-shell .site-shell main .account-creation-hero .submission-card :is(h1, h2, h3, strong, label > span) {
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
}

html body.public-shell .site-shell main .account-creation-hero .submission-card :is(p, small, .section-intro) {
  color: #42514a !important;
  -webkit-text-fill-color: #42514a !important;
}

html body.public-shell .site-shell main .account-creation-hero .upload-placeholder,
html body.public-shell .site-shell main .account-creation-hero .password-strength,
html body.public-shell .site-shell main .account-creation-hero .password-match-hint {
  border-color: rgba(38, 119, 95, 0.18) !important;
  background: #eef6f1 !important;
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
}

html body.public-shell .site-shell main .account-creation-hero .password-strength-fill {
  background: #26775f !important;
}

html body.public-shell .site-shell main .account-creation-hero .checkbox-label {
  align-items: flex-start !important;
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
}

html body.public-shell .site-shell main .account-creation-hero .checkbox-label input {
  flex: 0 0 auto !important;
  min-width: 22px !important;
  min-height: 22px !important;
  accent-color: #26775f !important;
}

html body.public-shell .site-shell main .account-creation-hero .page-aside-card {
  border-color: rgba(159, 208, 187, 0.24) !important;
  background: linear-gradient(135deg, rgba(16, 23, 25, 0.96), rgba(29, 55, 47, 0.92)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22) !important;
}

html body.public-shell .site-shell main .account-creation-hero .page-aside-card :is(h3, strong) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main .account-creation-hero .page-aside-card :is(p, a) {
  color: #e7ede8 !important;
  -webkit-text-fill-color: #e7ede8 !important;
}

html body.public-shell .site-shell main .account-creation-hero .page-aside-card .panel-topline,
html body.public-shell .site-shell main .account-creation-hero .page-aside-card .text-link {
  color: #9fd0bb !important;
  -webkit-text-fill-color: #9fd0bb !important;
}

@media (max-width: 720px) {
  html body.public-shell .site-shell main .contact-route-list span {
    min-height: 40px !important;
  }

  html body.public-shell .site-shell main :is(.contact-us-form, .account-creation-form) {
    border-radius: 20px !important;
    padding-inline: clamp(1rem, 5vw, 1.25rem) !important;
  }

  html body.public-shell .site-shell main :is(.contact-us-form, .account-creation-form) :is(.button, button[type="submit"]) {
    width: 100% !important;
    justify-content: center !important;
  }
}

html body.public-shell .site-shell main .membership-hero .membership-hero-summary span {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: #c9d4cd !important;
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
}

html body.public-shell .site-shell main .membership-access-panel {
  background-color: #101719 !important;
  background-image: radial-gradient(circle at 92% 10%, rgba(159, 208, 187, 0.22), transparent 32%), linear-gradient(135deg, #101719 0%, #17201d 58%, #1d372f 100%) !important;
}

html body.public-shell .site-shell main .membership-access-panel :is(h2, h3, strong, .kicker) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main .membership-access-panel :is(p, small) {
  color: #dce5df !important;
  -webkit-text-fill-color: #dce5df !important;
}

html body.public-shell .site-shell main .membership-access-step {
  background-color: #20342e !important;
}

html body.public-shell .cookie-banner {
  background: #101719 !important;
  background-color: #101719 !important;
  color: #e7ede8 !important;
  -webkit-text-fill-color: initial !important;
}

html body.public-shell .cookie-banner .cookie-banner-inner {
  background: transparent !important;
  background-color: transparent !important;
  color: #e7ede8 !important;
  -webkit-text-fill-color: initial !important;
}

html body.public-shell .cookie-banner .cookie-banner-text {
  background: transparent !important;
  background-color: transparent !important;
  color: #e7ede8 !important;
  -webkit-text-fill-color: #e7ede8 !important;
}

html body.public-shell .cookie-banner .cookie-banner-text a.text-link {
  color: #bfe6d5 !important;
  -webkit-text-fill-color: #bfe6d5 !important;
}

html body.public-shell .cookie-banner .button,
html body.public-shell .cookie-banner button {
  background: #26775f !important;
  background-color: #26775f !important;
  border-color: #26775f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body .site-shell :is(.container, .content-shell, .page-grid, .section-nav-inner, .journal-section-nav-inner, .footer-grid, .footer-company-line) {
  width: min(calc(100% - (var(--page-gutter) * 2)), var(--container)) !important;
  max-width: var(--container) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body .site-shell main :is(.container, .content-shell, .page-grid, .section-nav-inner, .journal-section-nav-inner) {
  width: min(calc(100% - (var(--page-gutter) * 2)), var(--container)) !important;
  max-width: var(--container) !important;
}

html body .site-shell .site-footer :is(.container, .footer-grid, .footer-company-line),
html body .site-shell .site-header > .container.nav-row {
  width: min(calc(100% - (var(--page-gutter) * 2)), var(--container)) !important;
  max-width: var(--container) !important;
}

html body.admin-workspace-page .site-shell main .admin-shell > .container,
html body.admin-workspace-page .site-shell main .admin-page-shell,
html body.admin-workspace-page .site-shell main .admin-workspace-container,
html body.portal-workspace-page .site-shell main .portal-shell > .container,
html body.portal-workspace-page .site-shell main .portal-dashboard,
html body.portal-workspace-page .site-shell main .portal-content {
  width: min(calc(100% - (var(--page-gutter) * 2)), var(--container)) !important;
  max-width: var(--container) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body.public-shell .site-shell main .container.content-shell,
html body.public-shell .site-shell main .container.homepage-focus-shell,
html body.public-shell .site-shell main .container.homepage-news-shell,
html body.public-shell .site-shell main .container.reading-shell,
html body.public-shell .site-shell main .container.journal-content-layout,
html body.public-shell .site-shell main .container.support-form-layout,
html body.public-shell .site-shell main .page-grid.support-overview-grid,
html body.public-shell .site-shell main .container.two-column,
html body.public-shell .site-shell main .container.membership-hero-grid {
  width: min(calc(100% - (var(--page-gutter) * 2)), var(--container)) !important;
  max-width: var(--container) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body.public-shell .site-shell main .page-grid.support-overview-grid.support-overview-grid {
  width: min(calc(100vw - (var(--page-gutter) * 2)), var(--container)) !important;
  max-width: var(--container) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body.public-shell .site-shell main :is(.section-nav-inner, .journal-section-nav-inner) {
  left: auto !important;
  right: auto !important;
  transform: none !important;
  translate: none !important;
}

@media (max-width: 1080px) {
  html body.public-shell .site-shell .site-header:not(.landing-workspace):not(.admin-workspace) .nav-row,
  html body.portal-workspace-page .site-shell .site-header .nav-row,
  html body.admin-workspace-page .site-shell .site-header .nav-row {
    width: min(calc(100% - (var(--page-gutter) * 2)), var(--container)) !important;
    max-width: var(--container) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 700px) {
  html body.public-shell .site-shell main :is(.section-nav-inner, .journal-section-nav-inner) {
    width: min(calc(100vw - (var(--page-gutter) * 2)), var(--container)) !important;
    max-width: var(--container) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.public-shell .site-shell main :is(.about-landing-hero-grid, .about-partnership-tile, .news-editorial-hero-inner),
  html body.public-shell .site-shell main .about-page .content-shell,
  html body.public-shell .site-shell main section .container.content-shell {
    width: min(calc(100vw - 1.7rem), var(--container)) !important;
    max-width: var(--container) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

html body.portal-workspace-page .site-shell main .portal-name,
html body.portal-workspace-page .site-shell main .portal-name span {
  font-size: clamp(1.55rem, 2.2vw, 2rem) !important;
  line-height: 1.12 !important;
}

html body.portal-workspace-page .site-shell main .portal-name span {
  display: inline !important;
  font: inherit !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

html body.portal-workspace-page .site-shell main .portal-identity-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 0.65rem !important;
}

html body.portal-workspace-page .site-shell main .portal-identity-actions > :is(a.button, button.button),
html body.portal-workspace-page .site-shell main .portal-identity-actions .portal-inline-form > button.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: clamp(10rem, 13vw, 12rem) !important;
  min-height: 42px !important;
  padding: 0.62rem 1rem !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

html body.portal-workspace-page .site-shell main .portal-identity-actions .portal-inline-form {
  display: contents !important;
}

html body.public-shell .site-shell main form.contact-us-form.contact-us-form {
  background: radial-gradient(circle at 94% 8%, rgba(159, 208, 187, 0.16), transparent 28%), linear-gradient(180deg, #20262a 0%, #17201d 100%) !important;
  color: #ffffff !important;
  border-color: rgba(159, 208, 187, 0.28) !important;
}

html body.public-shell .site-shell main form.contact-us-form.contact-us-form :is(.required-note, .form-help, .admin-form-note, label > span, .field-required, .field-optional) {
  color: #f4f7f5 !important;
  -webkit-text-fill-color: #f4f7f5 !important;
}

html body.public-shell .site-shell main form.contact-us-form.contact-us-form .contact-form-intro :is(p, h2) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main form.contact-us-form.contact-us-form .contact-form-intro .kicker {
  color: #9fd0bb !important;
  -webkit-text-fill-color: #9fd0bb !important;
}

/* Membership page aesthetic refresh. Keep this late so it wins over legacy card rules. */
html body.public-shell .site-shell main .membership-hero {
  padding-block: clamp(1.35rem, 3.2vw, 3rem) clamp(1.2rem, 2.8vw, 2.35rem) !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(159, 208, 187, 0.2), transparent 26rem),
    linear-gradient(135deg, #101719 0%, #17201d 54%, #1d3a31 100%) !important;
}

html body.public-shell .site-shell main .membership-hero-grid {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.42fr) !important;
  gap: clamp(1rem, 2.5vw, 2rem) !important;
  max-width: 1120px !important;
  align-items: stretch !important;
}

html body.public-shell .site-shell main .membership-hero-copy.membership-hero-copy {
  justify-content: center !important;
  min-height: clamp(260px, 28vw, 390px) !important;
  padding: clamp(1.1rem, 2.6vw, 2.2rem) !important;
  border: 1px solid rgba(159, 208, 187, 0.18) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)),
    rgba(255, 255, 255, 0.035) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: initial !important;
}

html body.public-shell .site-shell main .membership-hero-copy.membership-hero-copy :is(.kicker, h1, p, .lead, a, span, strong) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.public-shell .site-shell main .membership-hero-copy.membership-hero-copy .kicker,
html body.public-shell .site-shell main .membership-hero-copy.membership-hero-copy .page-copy-tag {
  color: #9fd0bb !important;
  -webkit-text-fill-color: #9fd0bb !important;
}

html body.public-shell .site-shell main .membership-hero-copy.membership-hero-copy .page-copy-tag {
  border-color: rgba(159, 208, 187, 0.34) !important;
  background: rgba(159, 208, 187, 0.12) !important;
}

html body.public-shell .site-shell main .membership-hero-copy.membership-hero-copy h1 {
  max-width: 13ch !important;
  font-size: clamp(2.45rem, 5.6vw, 5rem) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.05em !important;
}

html body.public-shell .site-shell main .membership-hero-copy.membership-hero-copy .lead {
  max-width: 62ch !important;
  color: #e7ede8 !important;
  -webkit-text-fill-color: #e7ede8 !important;
  font-size: clamp(1.02rem, 1.15vw, 1.18rem) !important;
  line-height: 1.55 !important;
}

html body.public-shell .site-shell main .membership-hero-crest-panel {
  min-height: auto !important;
  border-color: rgba(159, 208, 187, 0.16) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(159, 208, 187, 0.2), transparent 45%),
    rgba(255, 255, 255, 0.035) !important;
  box-shadow: none !important;
}

html body.public-shell .site-shell main .membership-hero-crest-panel img {
  width: clamp(10rem, 20vw, 17rem) !important;
  opacity: 0.62 !important;
  filter: grayscale(1) brightness(1.2) drop-shadow(0 18px 34px rgba(0, 0, 0, 0.22)) !important;
}

html body.public-shell .site-shell main .membership-fees-section {
  padding-block: clamp(1.6rem, 3.8vw, 3.2rem) clamp(2.2rem, 4.5vw, 4rem) !important;
  background: linear-gradient(180deg, #f7f8f5 0%, #eef3ef 100%) !important;
}

html body.public-shell .site-shell main .membership-fees-section .content-shell {
  gap: clamp(1rem, 2vw, 1.55rem) !important;
  max-width: 1120px !important;
}

html body.public-shell .site-shell main .membership-routes-heading {
  display: grid !important;
  gap: 0.45rem !important;
  max-width: 760px !important;
  margin: 0 auto clamp(1rem, 2.2vw, 1.5rem) !important;
  text-align: center !important;
}

html body.public-shell .site-shell main .membership-routes-heading .kicker {
  color: #315f58 !important;
  -webkit-text-fill-color: #315f58 !important;
}

html body.public-shell .site-shell main .membership-routes-heading h2 {
  margin: 0 !important;
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
  font-size: clamp(1.8rem, 3vw, 3rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.035em !important;
}

html body.public-shell .site-shell main .membership-routes-heading p {
  margin: 0 auto !important;
  max-width: 64ch !important;
  color: #53605a !important;
  -webkit-text-fill-color: #53605a !important;
  font-size: clamp(0.98rem, 1vw, 1.08rem) !important;
  line-height: 1.55 !important;
}

html body.public-shell .site-shell main .membership-tier-grid-membership {
  gap: clamp(1rem, 1.8vw, 1.35rem) !important;
}

html body.public-shell .site-shell main .membership-tier-card {
  display: grid !important;
  grid-template-rows: auto auto auto auto 1fr auto auto !important;
  align-content: start !important;
  gap: clamp(0.65rem, 1vw, 0.85rem) !important;
  min-height: 0 !important;
  padding: clamp(1rem, 1.55vw, 1.35rem) !important;
  overflow: hidden !important;
  border: 1px solid color-mix(in srgb, var(--tier-banner) 48%, rgba(42, 82, 65, 0.18)) !important;
  border-top: 8px solid var(--tier-banner) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--tier-banner-soft) 34%, #ffffff) 0%, #ffffff 58%),
    radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--tier-banner) 34%, transparent), transparent 9rem),
    #ffffff !important;
  box-shadow: 0 18px 44px color-mix(in srgb, var(--tier-banner) 18%, rgba(27, 50, 43, 0.12)) !important;
  color: #17201d !important;
  -webkit-text-fill-color: initial !important;
  transform: none !important;
  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease !important;
  transition-delay: 0ms !important;
}

html body.public-shell .site-shell main .membership-tier-card-associate {
  --tier-banner: #a86c33;
  --tier-banner-soft: #ead0b7;
}

html body.public-shell .site-shell main .membership-tier-card-professional {
  --tier-banner: #8b969d;
  --tier-banner-soft: #dce2e5;
}

html body.public-shell .site-shell main .membership-tier-card-fellow {
  --tier-banner: #c79a24;
  --tier-banner-soft: #f5dfa0;
}

html body.public-shell .site-shell main .membership-tier-card-institutional {
  --tier-banner: #26775f;
  --tier-banner-soft: #b9d8ca;
}

html body.public-shell.motion-ready .site-shell main .membership-tier-card.motion-reveal,
html body.public-shell.motion-ready .site-shell main .membership-tier-card.motion-reveal.is-visible {
  opacity: 1 !important;
  transform: none !important;
  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease !important;
  transition-delay: 0ms !important;
}

html body.public-shell .site-shell main .membership-tier-card:hover,
html body.public-shell .site-shell main .membership-tier-card:focus-within {
  border-color: color-mix(in srgb, var(--tier-banner) 54%, rgba(42, 82, 65, 0.18)) !important;
  box-shadow: 0 20px 48px rgba(27, 50, 43, 0.18) !important;
  transform: none !important;
}

html body.public-shell .site-shell main .membership-tier-banner {
  min-height: 5px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 0 0.42rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg, var(--tier-banner), color-mix(in srgb, var(--tier-banner-soft) 78%, #ffffff)) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.public-shell .site-shell main .membership-tier-banner::before,
html body.public-shell .site-shell main .membership-tier-banner::after {
  content: none !important;
}

html body.public-shell .site-shell main .membership-tier-title {
  color: color-mix(in srgb, var(--tier-banner) 78%, #17201d) !important;
  -webkit-text-fill-color: color-mix(in srgb, var(--tier-banner) 78%, #17201d) !important;
  font-size: clamp(1.65rem, 2.4vw, 2.45rem) !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
}

html body.public-shell .site-shell main .membership-tier-top {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: start !important;
  gap: 0.75rem !important;
  padding-right: 0 !important;
}

html body.public-shell .site-shell main .membership-tier-name {
  color: color-mix(in srgb, var(--tier-banner) 72%, #17201d) !important;
  -webkit-text-fill-color: color-mix(in srgb, var(--tier-banner) 72%, #17201d) !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.13em !important;
}

html body.public-shell .site-shell main .membership-tier-price {
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
  font-size: clamp(1.1rem, 1.35vw, 1.45rem) !important;
  line-height: 1.05 !important;
  text-align: right !important;
}

html body.public-shell .site-shell main .membership-tier-fit {
  width: fit-content !important;
  padding: 0.28rem 0.58rem !important;
  border-color: color-mix(in srgb, var(--tier-banner) 32%, rgba(42, 82, 65, 0.18)) !important;
  background: color-mix(in srgb, var(--tier-banner-soft) 30%, white) !important;
  color: #24342f !important;
  -webkit-text-fill-color: #24342f !important;
  font-size: 0.74rem !important;
}

html body.public-shell .site-shell main .membership-tier-card > p {
  margin: 0 !important;
  color: #45534d !important;
  -webkit-text-fill-color: #45534d !important;
  font-size: clamp(0.95rem, 0.98vw, 1.03rem) !important;
  line-height: 1.5 !important;
}

html body.public-shell .site-shell main .membership-tier-feature-preview {
  display: grid !important;
  gap: 0.42rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.public-shell .site-shell main .membership-tier-feature-preview li {
  min-height: 0 !important;
  padding: 0.52rem 0.6rem 0.52rem 1.45rem !important;
  border-color: rgba(42, 82, 65, 0.12) !important;
  border-radius: 10px !important;
  background: #f7f8f5 !important;
  color: #35423d !important;
  -webkit-text-fill-color: #35423d !important;
  font-size: 0.92rem !important;
  line-height: 1.35 !important;
}

html body.public-shell .site-shell main .membership-tier-feature-preview li::before {
  top: 0.92rem !important;
  left: 0.62rem !important;
  width: 0.36rem !important;
  height: 0.36rem !important;
  background: var(--tier-banner) !important;
  box-shadow: none !important;
}

html body.public-shell .site-shell main .membership-tier-dropdown {
  align-self: end !important;
  border-color: rgba(42, 82, 65, 0.16) !important;
  border-radius: 12px !important;
  background: #fbfcf8 !important;
}

html body.public-shell .site-shell main .membership-tier-dropdown summary {
  min-height: 44px !important;
  padding: 0.58rem 0.68rem !important;
  background: transparent !important;
  border-radius: 12px !important;
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
}

html body.public-shell .site-shell main .membership-tier-dropdown summary::after {
  border-color: color-mix(in srgb, var(--tier-banner) 46%, #d8e0da) !important;
  background: #ffffff !important;
  color: #17201d !important;
  -webkit-text-fill-color: #17201d !important;
}

html body.public-shell .site-shell main .membership-tier-actions {
  align-self: end !important;
  margin-top: 0 !important;
}

html body.public-shell .site-shell main .membership-tier-actions .button {
  width: 100% !important;
  min-height: 46px !important;
  justify-content: center !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

@media (min-width: 821px) and (prefers-reduced-motion: no-preference) {
  html body.public-shell .site-shell main .membership-tier-card:hover,
  html body.public-shell .site-shell main .membership-tier-card:focus-within {
    transform: translateY(-1px) !important;
  }
}

@media (max-width: 980px) {
  html body.public-shell .site-shell main .membership-hero-grid {
    grid-template-columns: 1fr !important;
  }

  html body.public-shell .site-shell main .membership-hero-copy.membership-hero-copy {
    min-height: 0 !important;
  }

  html body.public-shell .site-shell main .membership-hero-crest-panel {
    min-height: clamp(160px, 28vw, 240px) !important;
  }
}

@media (max-width: 720px) {
  html body.public-shell .site-shell main .membership-hero {
    padding-block: 1rem 1.25rem !important;
  }

  html body.public-shell .site-shell main .membership-hero-copy.membership-hero-copy {
    padding: 1rem !important;
  }

  html body.public-shell .site-shell main .membership-hero-copy.membership-hero-copy h1 {
    max-width: 11ch !important;
    font-size: clamp(2.25rem, 12vw, 3.45rem) !important;
  }

  html body.public-shell .site-shell main .membership-hero-actions,
  html body.public-shell .site-shell main .membership-tier-top {
    grid-template-columns: 1fr !important;
  }

  html body.public-shell .site-shell main .membership-hero-actions .button,
  html body.public-shell .site-shell main .membership-hero-actions .button-outline,
  html body.public-shell .site-shell main .membership-tier-actions .button {
    width: 100% !important;
  }

  html body.public-shell .site-shell main .membership-tier-price {
    text-align: left !important;
  }
}

html body.public-shell .site-shell main .membership-tier-grid-membership > article.membership-tier-card.membership-tier-card {
  box-shadow: 0 16px 42px rgba(27, 50, 43, 0.12) !important;
}

html body.public-shell .site-shell main .membership-tier-grid-membership > article.membership-tier-card.membership-tier-card:hover,
html body.public-shell .site-shell main .membership-tier-grid-membership > article.membership-tier-card.membership-tier-card:focus-within {
  box-shadow: 0 20px 48px rgba(27, 50, 43, 0.18) !important;
}

html body.public-shell .site-shell main .membership-hero-copy.membership-hero-copy .page-copy-header {
  display: none !important;
}

html body.public-shell .site-shell main .membership-hero-crest-panel {
  align-content: center !important;
  justify-items: center !important;
  min-height: clamp(140px, 18vw, 210px) !important;
}

html body.public-shell .site-shell main .membership-hero-crest-panel img {
  width: clamp(5.5rem, 8vw, 7.5rem) !important;
  height: auto !important;
  image-rendering: auto !important;
  opacity: 0.72 !important;
}

html body.public-shell .site-shell main .membership-newsletter-section {
  background:
    radial-gradient(circle at 12% 12%, rgba(159, 208, 187, 0.18), transparent 24rem),
    linear-gradient(135deg, #11181a 0%, #17201d 58%, #213a32 100%) !important;
}

html body.public-shell .site-shell main .membership-newsletter-card {
  border-color: rgba(159, 208, 187, 0.22) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.035)),
    rgba(255, 255, 255, 0.035) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24) !important;
}

html body.public-shell .site-shell main .membership-tier-grid-membership > article.membership-tier-card .membership-tier-actions .button {
  box-shadow: none !important;
}