/* Apexion One v6.20.50 - unified typography, spacing and readability standard.
   Presentation only. This file intentionally loads after every legacy component
   stylesheet so old 7-13px rules cannot make live UI copy unreadable again. */

:root {
  --ald-type-body: 16px;
  --ald-type-support: 14px;
  --ald-type-label: 14px;
  --ald-type-card-title: 16px;
  --ald-type-subheading: 20px;
  --ald-type-section: 28px;
  --ald-type-page: 38px;
  --ald-line-body: 1.58;
  --ald-line-support: 1.48;
  --ald-font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ald-font-display: -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI Variable", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* --------------------------------------------------------------------------
   PRIVATE APP
   -------------------------------------------------------------------------- */
body.ald-apexion-one-body .ald-shell--app,
body.ald-apexion-one-body .ald-shell--app :where(button, input, textarea, select, option, label),
body.ald-apexion-one-body .ald-one-sidebar,
body.ald-apexion-one-body .ald-one-topbar {
  font-family: var(--ald-font-ui) !important;
}
body.ald-apexion-one-body .ald-shell--app :where(h1, h2, h3, h4, h5, h6),
body.ald-apexion-one-body .ald-one-topbar__title > strong {
  font-family: var(--ald-font-display) !important;
}

body.ald-apexion-one-body .ald-one-content {
  font-family: var(--ald-font-ui) !important;
  font-size: var(--ald-type-body) !important;
  line-height: var(--ald-line-body) !important;
}
body.ald-apexion-one-body .ald-one-content :where(p, li, dt, dd, td, th) {
  font-size: var(--ald-type-body) !important;
  line-height: var(--ald-line-body) !important;
}
body.ald-apexion-one-body .ald-one-content :where(small, time, figcaption),
body.ald-apexion-one-body .ald-one-content .ald-muted,
body.ald-apexion-one-body .ald-one-content [class*="__meta"],
body.ald-apexion-one-body .ald-one-content [class*="__note"],
body.ald-apexion-one-body .ald-one-content [class*="__description"],
body.ald-apexion-one-body .ald-one-content [class*="__source"] {
  font-size: var(--ald-type-support) !important;
  line-height: var(--ald-line-support) !important;
}
body.ald-apexion-one-body .ald-one-content :where(label, input, textarea, select, button) {
  font-size: var(--ald-type-label) !important;
  line-height: 1.4 !important;
}
body.ald-apexion-one-body .ald-one-content .ald-eyebrow,
body.ald-apexion-one-body .ald-one-content [class*="eyebrow"],
body.ald-apexion-one-body .ald-one-content [class*="__kicker"],
body.ald-apexion-one-body .ald-one-content [class*="section-label"],
body.ald-apexion-one-body .ald-one-content [class*="__label"] {
  font-size: var(--ald-type-label) !important;
  line-height: 1.35 !important;
  letter-spacing: .09em !important;
}

/* One repeatable heading scale across live application pages. */
body.ald-apexion-one-body .ald-one-content h1 {
  font-family: var(--ald-font-display) !important;
  font-weight: 700 !important;
  font-size: var(--ald-type-page) !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
}
body.ald-apexion-one-body .ald-one-content h2 {
  font-family: var(--ald-font-display) !important;
  font-weight: 700 !important;
  font-size: var(--ald-type-section) !important;
  line-height: 1.2 !important;
  letter-spacing: -.025em !important;
}
body.ald-apexion-one-body .ald-one-content h3 {
  font-family: var(--ald-font-ui) !important;
  font-weight: 700 !important;
  font-size: var(--ald-type-subheading) !important;
  line-height: 1.3 !important;
}
body.ald-apexion-one-body .ald-one-content h4,
body.ald-apexion-one-body .ald-one-content h5,
body.ald-apexion-one-body .ald-one-content h6 {
  font-family: var(--ald-font-ui) !important;
  font-weight: 700 !important;
  font-size: var(--ald-type-card-title) !important;
  line-height: 1.35 !important;
}

/* Common live-card typography. These selectors target copy, not icon glyphs. */
body.ald-apexion-one-body .ald-one-content [class*="card"] > :where(p, small),
body.ald-apexion-one-body .ald-one-content [class*="card"] :where(p, small),
body.ald-apexion-one-body .ald-one-content [class*="panel"] > :where(p, small),
body.ald-apexion-one-body .ald-one-content [class*="panel"] :where(p, small),
body.ald-apexion-one-body .ald-one-content [class*="row"] :where(small),
body.ald-apexion-one-body .ald-one-content [class*="item"] :where(small) {
  font-size: var(--ald-type-support) !important;
  line-height: var(--ald-line-support) !important;
}

/* Ask Apexion should follow the same standard, including its dense utility copy. */
body.ald-apexion-one-body .ald-ask-reference-page .ald-ask-knows__heading > span,
body.ald-apexion-one-body .ald-ask-reference-page .ald-ask-knows__heading > small,
body.ald-apexion-one-body .ald-ask-reference-page .ald-ask-brief__heading > span,
body.ald-apexion-one-body .ald-ask-reference-page .ald-ask-knows__grid strong,
body.ald-apexion-one-body .ald-ask-reference-page .ald-ask-knows__grid small,
body.ald-apexion-one-body .ald-ask-reference-page .ald-ask-brief__grid small,
body.ald-apexion-one-body .ald-ask-reference-page .ald-ask-today-prompts small,
body.ald-apexion-one-body .ald-ask-reference-page .ald-ask-explore-grid small,
body.ald-apexion-one-body .ald-ask-reference-page .ald-ask-recent-list small,
body.ald-apexion-one-body .ald-ask-conversation .ald-voice-status {
  font-size: 14px !important;
  line-height: 1.45 !important;
}
body.ald-apexion-one-body .ald-ask-reference-page .ald-ask-knows__grid strong,
body.ald-apexion-one-body .ald-ask-reference-page .ald-ask-brief__grid strong,
body.ald-apexion-one-body .ald-ask-reference-page .ald-ask-today-prompts strong,
body.ald-apexion-one-body .ald-ask-reference-page .ald-ask-explore-grid strong,
body.ald-apexion-one-body .ald-ask-reference-page .ald-ask-recent-list strong {
  font-size: 16px !important;
  line-height: 1.35 !important;
}
body.ald-apexion-one-body .ald-ask-reference-heading h2,
body.ald-apexion-one-body .ald-ask-brief__heading h2 {
  font-size: 24px !important;
  line-height: 1.22 !important;
}

/* Stable vertical rhythm across primary sections without redesigning components. */
body.ald-apexion-one-body .ald-one-content > section,
body.ald-apexion-one-body .ald-one-content > div > section {
  scroll-margin-top: 24px;
}
body.ald-apexion-one-body .ald-one-content :where(h1, h2, h3, h4) + p {
  margin-top: 8px;
}



/* --------------------------------------------------------------------------
   SECONDARY-VIEW TOPBAR CONTAINMENT
   Secondary pages include Back + page title + Ask Apexion + appearance +
   account controls. The full Ask search trigger must never be allowed to
   flex-shrink into a narrow column and wrap letter-by-letter. Keep the same
   Ask entry point as a compact icon on secondary views, and reserve readable
   width for the page title. Presentation only.
   -------------------------------------------------------------------------- */
body.ald-apexion-one-body .ald-one-app[data-ald-secondary="1"] .ald-one-topbar {
  gap: 14px !important;
}
body.ald-apexion-one-body .ald-one-app[data-ald-secondary="1"] .ald-one-back {
  flex: 0 0 auto !important;
}
body.ald-apexion-one-body .ald-one-app[data-ald-secondary="1"] .ald-one-topbar__title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
body.ald-apexion-one-body .ald-one-app[data-ald-secondary="1"] .ald-one-topbar__title > strong {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.ald-apexion-one-body .ald-one-app[data-ald-secondary="1"] .ald-one-topbar__actions {
  flex: 0 0 auto !important;
  min-width: max-content !important;
}
body.ald-apexion-one-body .ald-one-app[data-ald-secondary="1"] .ald-navigator-search {
  flex: 0 0 46px !important;
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  min-height: 46px !important;
  padding: 5px !important;
  justify-content: center !important;
  overflow: hidden !important;
}
body.ald-apexion-one-body .ald-one-app[data-ald-secondary="1"] .ald-navigator-search__copy,
body.ald-apexion-one-body .ald-one-app[data-ald-secondary="1"] .ald-navigator-search__hint {
  display: none !important;
}
body.ald-apexion-one-body .ald-one-app[data-ald-secondary="1"] .ald-navigator-search__icon {
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
}

/* The Apexion+ route itself must always occupy the live content column. */
body.ald-apexion-one-body .ald-view-plus .ald-one-main,
body.ald-apexion-one-body .ald-view-plus .ald-one-content,
body.ald-apexion-one-body .ald-view-plus .ald-plus-page,
body.ald-apexion-one-body .ald-view-plus .ald-plus-sales {
  box-sizing: border-box !important;
  min-width: 0 !important;
  width: 100% !important;
}
body.ald-apexion-one-body .ald-view-plus .ald-one-content {
  max-width: 1460px !important;
}

@media (max-width: 820px) {
  body.ald-apexion-one-body .ald-one-app[data-ald-secondary="1"] .ald-one-topbar {
    gap: 10px !important;
  }
  body.ald-apexion-one-body .ald-one-app[data-ald-secondary="1"] .ald-one-topbar__title {
    display: none !important;
  }
}

/* --------------------------------------------------------------------------
   PUBLIC APEXION ONE LANDING PAGE
   Real page copy uses the same readable scale. The miniature phone/desktop
   dashboard illustrations remain miniature by design and are deliberately
   excluded from this typography floor.
   -------------------------------------------------------------------------- */
body.ald-apexion-one-standalone .ald-one-2026 {
  --ald-landing-body: 16px;
  --ald-landing-support: 14px;
  --ald-landing-card-title: 18px;
  --ald-landing-section: 38px;
  font-family: var(--ald-font-ui) !important;
  font-size: var(--ald-landing-body) !important;
  line-height: 1.56 !important;
}

body.ald-apexion-one-standalone .ald-one-2026 :where(a, button, input, textarea, select, label, p, small, strong, em, span, li) {
  font-family: var(--ald-font-ui) !important;
}
body.ald-apexion-one-standalone .ald-one-2026 :where(h1, h2, h3, h4, h5, h6) {
  font-family: var(--ald-font-display) !important;
}

body.ald-apexion-one-standalone .ald-one-2026__eyebrow {
  font-size: 14px !important;
  line-height: 1.35 !important;
  letter-spacing: .11em !important;
  margin-bottom: 14px !important;
}
body.ald-apexion-one-standalone .ald-one-2026__built > h2,
body.ald-apexion-one-standalone .ald-one-2026__action-copy > h2,
body.ald-apexion-one-standalone .ald-one-2026__pricing > h2 {
  font-family: var(--ald-font-display) !important;
  font-size: var(--ald-landing-section) !important;
  font-weight: 700 !important;
  line-height: 1.16 !important;
  letter-spacing: -.02em !important;
}
body.ald-apexion-one-standalone .ald-one-2026__hero h1 {
  font-family: var(--ald-font-display) !important;
  font-weight: 700 !important;
  letter-spacing: -.04em !important;
}
body.ald-apexion-one-standalone .ald-one-2026__hero h2 {
  font-size: 22px !important;
  line-height: 1.35 !important;
}
body.ald-apexion-one-standalone .ald-one-2026__hero p,
body.ald-apexion-one-standalone .ald-one-2026__action-copy p {
  font-size: 16px !important;
  line-height: 1.65 !important;
}
body.ald-apexion-one-standalone .ald-one-2026__checks,
body.ald-apexion-one-standalone .ald-one-2026__action-copy li,
body.ald-apexion-one-standalone .ald-one-2026__action-copy > a,
body.ald-apexion-one-standalone .ald-one-2026__built-grid small,
body.ald-apexion-one-standalone .ald-one-2026__ask-strip small {
  font-size: 14px !important;
  line-height: 1.5 !important;
}
body.ald-apexion-one-standalone .ald-one-2026__built-grid strong,
body.ald-apexion-one-standalone .ald-one-2026__ask-strip strong {
  font-size: 18px !important;
  line-height: 1.35 !important;
}
body.ald-apexion-one-standalone .ald-one-2026__built-grid article {
  gap: 16px !important;
  padding: 16px !important;
}
body.ald-apexion-one-standalone .ald-one-2026__ask-strip {
  min-height: 82px !important;
  padding: 16px 20px !important;
}

/* Pricing is a live comparison table, not a miniature mockup. */
body.ald-apexion-one-standalone .ald-one-2026__pricing {
  padding-top: 54px !important;
  padding-bottom: 64px !important;
}
body.ald-apexion-one-standalone .ald-one-2026__pricing-layout {
  gap: 40px !important;
}
body.ald-apexion-one-standalone .ald-one-2026__price-head {
  min-height: 92px !important;
}
body.ald-apexion-one-standalone .ald-one-2026__price-head strong {
  font-size: 16px !important;
  line-height: 1.3 !important;
}
body.ald-apexion-one-standalone .ald-one-2026__price-head small,
body.ald-apexion-one-standalone .ald-one-2026__price-head em {
  font-size: 14px !important;
  line-height: 1.3 !important;
}
body.ald-apexion-one-standalone .ald-one-2026__price-head em {
  padding: 5px 8px !important;
  margin-top: 6px !important;
}
body.ald-apexion-one-standalone .ald-one-2026__price-row {
  min-height: 50px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}
body.ald-apexion-one-standalone .ald-one-2026__price-row span {
  padding: 10px 14px 10px 20px !important;
}
body.ald-apexion-one-standalone .ald-one-2026__price-row b {
  font-size: 18px !important;
}
body.ald-apexion-one-standalone .ald-one-2026__price-actions {
  padding: 18px !important;
  gap: 16px !important;
}
body.ald-apexion-one-standalone .ald-one-2026__price-actions a {
  min-height: 48px !important;
  height: auto !important;
  padding: 11px 14px !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

/* Trust cards and trust band use one supporting-copy floor. */
body.ald-apexion-one-standalone .ald-one-2026__trust-stack {
  gap: 16px !important;
}
body.ald-apexion-one-standalone .ald-one-2026__trust-stack article {
  min-height: 0 !important;
  padding: 22px 18px !important;
  gap: 14px !important;
  grid-template-columns: 46px minmax(0,1fr) !important;
}
body.ald-apexion-one-standalone .ald-one-2026__trust-stack strong {
  font-size: 18px !important;
  line-height: 1.35 !important;
}
body.ald-apexion-one-standalone .ald-one-2026__trust-stack p {
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin-top: 8px !important;
}
body.ald-apexion-one-standalone .ald-one-2026__trust-band {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
body.ald-apexion-one-standalone .ald-one-2026__trust-band strong,
body.ald-apexion-one-standalone .ald-one-2026__trust-band small {
  font-size: 14px !important;
  line-height: 1.45 !important;
}
body.ald-apexion-one-standalone .ald-one-2026__trust-band small {
  margin-top: 5px !important;
}

/* Footer is normal page content, so nothing is allowed to drop below 14px. */
body.ald-apexion-one-standalone .ald-one-2026__footer {
  padding-top: 44px !important;
  padding-bottom: 40px !important;
  row-gap: 26px !important;
}
body.ald-apexion-one-standalone .ald-one-2026__footer-brand p,
body.ald-apexion-one-standalone .ald-one-2026__footer p,
body.ald-apexion-one-standalone .ald-one-2026__footer a,
body.ald-apexion-one-standalone .ald-one-2026__footer > div > strong,
body.ald-apexion-one-standalone .ald-one-2026__newsletter input,
body.ald-apexion-one-standalone .ald-one-2026__copyright {
  font-size: 14px !important;
  line-height: 1.5 !important;
}
body.ald-apexion-one-standalone .ald-one-2026__footer > div > strong {
  font-size: 16px !important;
  margin-bottom: 6px !important;
}
body.ald-apexion-one-standalone .ald-one-2026__footer > div:not(.ald-one-2026__footer-brand):not(.ald-one-2026__newsletter) {
  gap: 10px !important;
}
body.ald-apexion-one-standalone .ald-one-2026__newsletter input,
body.ald-apexion-one-standalone .ald-one-2026__newsletter button {
  min-height: 44px !important;
  height: 44px !important;
}
body.ald-apexion-one-standalone .ald-one-2026__copyright {
  bottom: 14px !important;
  white-space: nowrap;
}

/* Keep global theme styles from shrinking the header/navigation controls. */
body.ald-apexion-one-standalone .ald-one-2026__nav a,
body.ald-apexion-one-standalone .ald-one-2026__sign,
body.ald-apexion-one-standalone .ald-one-2026__start,
body.ald-apexion-one-standalone .ald-one-2026__cta,
body.ald-apexion-one-standalone .ald-one-2026__video strong,
body.ald-apexion-one-standalone .ald-one-2026__video small {
  font-size: 14px !important;
  line-height: 1.35 !important;
}

@media (max-width: 900px) {
  :root {
    --ald-type-page: 36px;
    --ald-type-section: 26px;
    --ald-type-subheading: 20px;
  }
  body.ald-apexion-one-standalone .ald-one-2026 {
    --ald-landing-section: 34px;
  }
  body.ald-apexion-one-standalone .ald-one-2026__pricing-layout {
    gap: 22px !important;
  }
  body.ald-apexion-one-standalone .ald-one-2026__trust-stack {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  body.ald-apexion-one-standalone .ald-one-2026 {
    --ald-landing-section: 30px;
  }
  
body.ald-apexion-one-standalone .ald-one-2026__eyebrow {
    font-size: 14px !important;
  }
  body.ald-apexion-one-standalone .ald-one-2026__hero h2 {
    font-size: 20px !important;
  }
  body.ald-apexion-one-standalone .ald-one-2026__hero p,
  body.ald-apexion-one-standalone .ald-one-2026__action-copy p {
    font-size: 16px !important;
  }
  body.ald-apexion-one-standalone .ald-one-2026__price-head,
  body.ald-apexion-one-standalone .ald-one-2026__price-row {
    grid-template-columns: minmax(0,1fr) 64px 96px !important;
  }
  body.ald-apexion-one-standalone .ald-one-2026__price-row {
    min-height: 56px !important;
  }
  body.ald-apexion-one-standalone .ald-one-2026__price-row span {
    padding-left: 12px !important;
  }
  body.ald-apexion-one-standalone .ald-one-2026__price-actions {
    grid-template-columns: 1fr !important;
  }
  body.ald-apexion-one-standalone .ald-one-2026__footer {
    padding-bottom: 64px !important;
  }
  body.ald-apexion-one-standalone .ald-one-2026__copyright {
    white-space: normal;
    width: calc(100% - 28px);
    text-align: center;
  }
}

/* --------------------------------------------------------------------------
   v6.20.51 — DESKTOP APP LAYOUT STABILITY

   Historical laptop-readability CSS scaled .ald-one-main with CSS zoom while
   also reducing its percentage width. Modern browser zoom / display scaling
   can feed that calculation back into CSS Grid and collapse secondary routes
   such as Apexion+ into a narrow column. Typography is now sized correctly at
   source, so the whole-app zoom hack is no longer needed.

   Keep the approved sidebar, but let the main application occupy the complete
   remaining grid track at native scale. Secondary topbars use a deterministic
   3-column grid so Back, title, and actions can never squeeze one another into
   letter-by-letter wrapping.
   -------------------------------------------------------------------------- */
@media (min-width: 821px) {
  body.ald-apexion-one-body .ald-one-app,
  .ald-one-app.ald-ui-reference {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: 300px minmax(0, 1fr) !important;
  }

  body.ald-apexion-one-body .ald-one-main,
  .ald-one-app.ald-ui-reference > .ald-one-main {
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    zoom: 1 !important;
    transform: none !important;
  }

  /* Apexion+ is a secondary route. Give its header fixed structural columns
     rather than relying on flex shrink behaviour. */
  .ald-one-app.ald-view-plus .ald-one-topbar {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: auto minmax(180px, 1fr) auto !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: none !important;
  }

  .ald-one-app.ald-view-plus .ald-one-back {
    flex: none !important;
    min-width: max-content !important;
    width: auto !important;
  }

  .ald-one-app.ald-view-plus .ald-one-topbar__title {
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    overflow: hidden !important;
  }

  .ald-one-app.ald-view-plus .ald-one-topbar__title > strong,
  .ald-one-app.ald-view-plus .ald-one-topbar__title > span {
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .ald-one-app.ald-view-plus .ald-one-topbar__title > strong {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .ald-one-app.ald-view-plus .ald-one-topbar__actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    min-width: max-content !important;
    width: auto !important;
    max-width: none !important;
  }

  .ald-one-app.ald-view-plus .ald-navigator-search {
    box-sizing: border-box !important;
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    min-height: 46px !important;
    padding: 5px !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  .ald-one-app.ald-view-plus .ald-navigator-search__copy,
  .ald-one-app.ald-view-plus .ald-navigator-search__hint {
    display: none !important;
  }

  .ald-one-app.ald-view-plus .ald-navigator-search__icon {
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
  }

  /* The page itself must consume the live main column, never an intrinsic
     min-content width inherited from one of its inner cards. */
  .ald-one-app.ald-view-plus .ald-one-content {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 1460px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .ald-one-app.ald-view-plus .ald-plus-page,
  .ald-one-app.ald-view-plus .ald-plus-sales,
  .ald-one-app.ald-view-plus .ald-plus-sales > *,
  .ald-one-app.ald-view-plus .ald-plus-sales__hero,
  .ald-one-app.ald-view-plus .ald-plus-sales__compare,
  .ald-one-app.ald-view-plus .ald-plus-sales__preview,
  .ald-one-app.ald-view-plus .ald-plus-sales__why,
  .ald-one-app.ald-view-plus .ald-plus-sales__benefits,
  .ald-one-app.ald-view-plus .ald-plus-sales__checkout {
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }

  .ald-one-app.ald-view-plus .ald-plus-sales :where(h1,h2,h3,p,span,strong,small,a,b) {
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}

@media (min-width: 1600px) {
  body.ald-apexion-one-body .ald-one-app,
  .ald-one-app.ald-ui-reference {
    grid-template-columns: 320px minmax(0, 1fr) !important;
  }
}


/* --------------------------------------------------------------------------
   RESEARCH LIBRARY EDUCATIONAL NOTICE — v6.20.66
   The legacy flex row allowed the nowrap badge to shrink below its rendered
   text width, so the label visually overlapped the disclaimer copy. Give the
   badge an intrinsic column and the copy its own minmax column instead.
   -------------------------------------------------------------------------- */
body.ald-apexion-one-body .ald-one-content .ald-educational-note--library {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 24px 0 0 !important;
  padding: 18px 20px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background: #edf8f9 !important;
  border: 1px solid #d4eaed !important;
  border-left: 4px solid #18a9b8 !important;
  border-radius: 12px !important;
  font-family: var(--ald-font-ui) !important;
  font-size: 16px !important;
  line-height: 1.58 !important;
}
body.ald-apexion-one-body .ald-one-content .ald-educational-note--library > strong {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 2px 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  color: #24377a !important;
  font-family: var(--ald-font-ui) !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}
body.ald-apexion-one-body .ald-one-content .ald-educational-note--library > p {
  min-width: 0 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #657189 !important;
  font-family: var(--ald-font-ui) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.58 !important;
  overflow-wrap: anywhere !important;
}
@media (max-width: 820px) {
  body.ald-apexion-one-body .ald-one-content .ald-educational-note--library {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 16px 17px !important;
  }
  body.ald-apexion-one-body .ald-one-content .ald-educational-note--library > strong {
    min-width: 0 !important;
    white-space: normal !important;
  }
  body.ald-apexion-one-body .ald-one-content .ald-educational-note--library > p {
    font-size: 15px !important;
  }
}
html.ald-dark-mode body.ald-apexion-one-body .ald-one-content .ald-educational-note--library {
  background: #142d35 !important;
  border-color: #27505a !important;
  border-left-color: #35bac7 !important;
}
html.ald-dark-mode body.ald-apexion-one-body .ald-one-content .ald-educational-note--library > strong {
  color: #8fe8ef !important;
}
html.ald-dark-mode body.ald-apexion-one-body .ald-one-content .ald-educational-note--library > p {
  color: #d4e1e7 !important;
}