/* Immutable public compatibility patch for article/collection renderer v13. */
@layer cis-blog-experience {
  [data-blog-experience][data-cbe-surface="public"] .cbe-site-footer::after {
    content: none !important;
    display: none !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .esignly-blog-hero {
    --cbe-text: #ffffff;
    --cbe-muted: #f8fafc;
  }

  [data-blog-experience][data-cbe-surface="public"] .esignly-blog-hero .cBlg-bnrTxtHD {
    color: #ffffff !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .esignly-blog-hero :where(p, li) {
    color: #f8fafc !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .esignly-blog-hero__actions a:nth-child(2),
  [data-blog-experience][data-cbe-surface="public"] .esignly-blog-hero__actions a:nth-child(3) {
    border-color: #d8e2ea !important;
    color: #ffffff !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .esignly-blog-hero__eyebrow {
    color: #ffe45c !important;
  }

  /* Keep the public navigation cohesive: one stable bar, two neutral controls,
     and the primary conversion action in the conventional final position. */
  [data-blog-experience][data-cbe-surface="public"] .cbe-site-header.cBlg-header {
    min-height: 64px !important;
    border-bottom: 1px solid var(--cbe-border) !important;
    background: var(--cbe-surface) !important;
    box-shadow: 0 1px 0 rgb(0 0 0 / 4%), 0 8px 24px rgb(0 0 0 / 4%) !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-header-inner {
    width: min(1120px, calc(100% - 32px));
    min-height: 64px;
    gap: 24px;
    padding-block: 0 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-header-logo {
    min-width: 130px;
    min-height: 44px;
    flex: 0 0 auto;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-header-logo img {
    display: block;
    width: 130px !important;
    height: auto !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions {
    margin-left: auto;
    gap: 8px;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .header-nav {
    display: flex;
    order: 1;
    align-items: center;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .cbe-preferences {
    order: 2;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .request-btn {
    order: 3;
    border: 1px solid #af110e !important;
    border-radius: 999px !important;
    background: #af110e !important;
    color: #ffffff !important;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
    padding-inline: 18px !important;
    transform: none !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .header-nav-link,
  [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .menu-button,
  [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .cbe-preferences > summary {
    min-height: 44px;
    border: 1px solid var(--cbe-border) !important;
    border-radius: 999px !important;
    background: var(--cbe-surface-soft) !important;
    color: var(--cbe-text) !important;
    box-shadow: none !important;
    padding: 9px 14px !important;
    text-decoration: none !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .header-nav-link:hover,
  [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .menu-button:hover,
  [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .cbe-preferences > summary:hover {
    border-color: color-mix(in srgb, var(--cbe-text) 35%, var(--cbe-border)) !important;
    background: var(--cbe-surface) !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .request-btn:hover {
    background: #8f0e0c !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-page--article:not(.cbe-page--index) #eb h1.eb-entry-title {
    max-width: 24ch;
    font-size: clamp(2.25rem, 4vw, 3rem) !important;
    line-height: 1.08 !important;
  }

  /* v1 deliberately normalized containers to a light surface but inherited
     the old brief's white/yellow descendants. Bind every child to one palette. */
  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief {
    grid-template-columns: minmax(0, 1fr) minmax(190px, 220px);
    gap: clamp(22px, 4vw, 40px);
    border-color: var(--cbe-border) !important;
    border-radius: 16px;
    background: var(--cbe-surface-soft) !important;
    color: var(--cbe-text) !important;
    box-shadow: 0 12px 36px rgb(0 0 0 / 7%);
    padding: clamp(24px, 4vw, 36px);
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__eyebrow {
    color: #8a100e !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief h2 {
    color: var(--cbe-text) !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief :where(p, li) {
    color: var(--cbe-muted) !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__actions a:first-child {
    border: 1px solid #005eb8 !important;
    background: #005eb8 !important;
    color: #ffffff !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__actions a:last-child {
    border: 1px solid var(--cbe-border) !important;
    background: var(--cbe-surface) !important;
    color: var(--cbe-text) !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__actions a:hover {
    filter: brightness(.94);
    text-decoration: none;
  }

  /* Stored articles contain approved dark CTA sections. Preserve their dark
     presentation instead of allowing the global light-article palette to win. */
  [data-blog-experience][data-cbe-surface="public"] .eb-entry-article .ctaSec {
    background: #1a1a1a !important;
    color: #f5f5f7 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-article .ctaSec :where(h2, h3, h4, h5, h6, p, li, strong, span) {
    color: #f5f5f7 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-article .ctaSec a {
    color: #ffffff !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-page--index #eb h1.eb-entry-title {
    font-size: clamp(2rem, 3vw, 2.25rem) !important;
    line-height: 1.15 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-page--index .cbe-index-group-title {
    margin: 1.75rem 0 0.625rem;
    color: var(--cbe-text) !important;
    font-size: clamp(1.1rem, 1.4vw, 1.25rem) !important;
    line-height: 1.3;
    letter-spacing: -0.01em;
    text-transform: none;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-page--index .cbe-index-list {
    display: grid;
    gap: 0.45rem;
    margin: 0;
    padding-left: 1.5rem;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-page--index .cbe-index-link {
    font-size: 0.95rem !important;
    line-height: 1.5;
  }

  @media (max-width: 900px) {
    [data-blog-experience][data-cbe-surface="public"] .cbe-header-inner {
      gap: 12px;
    }

    [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief {
      grid-template-columns: 1fr;
    }

    [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__actions {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      min-width: 0;
    }
  }

  @media (max-width: 640px) {
    [data-blog-experience][data-cbe-surface="public"] .cbe-header-inner {
      width: calc(100% - 24px);
      gap: 8px;
    }

    [data-blog-experience][data-cbe-surface="public"] .cbe-header-logo,
    [data-blog-experience][data-cbe-surface="public"] .cbe-header-logo img {
      width: 112px !important;
      min-width: 112px;
    }

    [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions {
      gap: 6px;
    }

    [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__actions {
      grid-template-columns: 1fr;
    }
  }
}

/* Immutable public compatibility patch for article/collection renderer v14. */

@layer cis-blog-experience {
  [data-blog-experience][data-cbe-surface="public"] .esignly-blog-hero {
    background: #102a3a !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .esignly-blog-hero__actions a:nth-child(2),
  [data-blog-experience][data-cbe-surface="public"] .esignly-blog-hero__actions a:nth-child(3) {
    background: #29495b !important;
  }

  /* Keep every public header control in one deliberate row. */
  [data-blog-experience][data-cbe-surface="public"] .cbe-site-header.cBlg-header {
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    padding: 0 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-site-header .cbe-header-inner {
    display: flex !important;
    width: min(1120px, calc(100% - 32px)) !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-site-header .cbe-header-actions {
    display: flex !important;
    width: auto !important;
    min-height: 44px;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    background: transparent !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-site-header .cbe-header-actions > * {
    flex: 0 0 auto;
    margin: 0 !important;
  }

  /* Give the reading-preferences popover a calm, touch-friendly rhythm. */
  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__panel {
    width: min(360px, calc(100vw - 32px)) !important;
    padding: 24px !important;
    gap: 16px !important;
    border-radius: 16px !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__heading {
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.25 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__intro {
    margin: -8px 0 4px !important;
    line-height: 1.5 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__field {
    gap: 8px !important;
    margin: 0 !important;
    line-height: 1.4 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__field select {
    min-height: 46px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__check {
    min-height: 42px !important;
    margin: 0 !important;
    padding: 5px 2px !important;
    gap: 12px !important;
    line-height: 1.4 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__reset {
    min-height: 46px !important;
    margin: 4px 0 0 !important;
    padding: 10px 16px !important;
  }

  /* Restore readable paragraph and list rhythm inside the first decision box. */
  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__content > p {
    max-width: 62ch;
    margin: 14px 0 18px !important;
    font-size: 1rem !important;
    line-height: 1.75 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__content > ul {
    display: grid;
    margin: 0 !important;
    padding-left: 1.35rem !important;
    gap: 12px;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__content > ul li {
    margin: 0 !important;
    padding-left: 3px;
    line-height: 1.65 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief + * {
    margin-top: clamp(32px, 5vw, 56px) !important;
  }

  [data-blog-experience][data-cbe-surface="public"] #eb .eb-growth-related {
    background: #ffffff !important;
  }

  [data-blog-experience][data-cbe-surface="public"] #eb .eb-growth-related h3 {
    color: #1f2937 !important;
  }

  :root[data-cbe-theme="dark"] [data-blog-experience][data-cbe-surface="public"] #eb .eb-growth-related {
    background: #101827 !important;
  }

  :root[data-cbe-theme="dark"] [data-blog-experience][data-cbe-surface="public"] #eb .eb-growth-related h3 {
    color: #f8fafc !important;
  }

  @media (max-width: 760px) {
    [data-blog-experience][data-cbe-surface="public"] .cbe-site-header .cbe-header-actions {
      gap: 6px !important;
    }

    [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .header-nav-link {
      display: none !important;
    }

    [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__panel {
      position: fixed !important;
      top: 72px !important;
      right: 12px !important;
      left: 12px !important;
      width: auto !important;
      max-height: calc(100vh - 88px);
      overflow: auto;
    }
  }
}
/* Immutable public compatibility patch for article/collection renderer v15. */

@layer cis-blog-experience {
  /*
   * Legacy form CSS removes native checkbox appearance. Restore an explicit,
   * visible control and keep each preference row compact but touch friendly.
   */
  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__panel {
    padding: 18px !important;
    gap: 8px !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__intro {
    margin: -4px 0 2px !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__check {
    min-height: 40px !important;
    padding: 4px 2px !important;
    gap: 10px !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__check input[type="checkbox"] {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    display: inline-block !important;
    flex: 0 0 20px;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    border: initial !important;
    opacity: 1 !important;
    accent-color: var(--cbe-accent);
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__reset {
    margin-top: 2px !important;
  }

  /*
   * The legacy article heading rule contributes a 2.1em top margin inside the
   * first decision box. Bind the brief's internal hierarchy explicitly.
   */
  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__content > h2 {
    margin: 4px 0 0 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__content > p {
    margin: 12px 0 16px !important;
  }

  @media (max-width: 760px) {
    [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__panel {
      top: 68px !important;
      right: 10px !important;
      left: 10px !important;
      padding: 18px !important;
      gap: 8px !important;
      max-height: calc(100vh - 80px);
    }

    [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__check {
      min-height: 38px !important;
    }

    [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__content > h2 {
      margin-top: 4px !important;
    }
  }
}
/* Immutable public compatibility patch for article/collection renderer v16. */

@layer cis-blog-experience {
  /*
   * Keep the current preferences panel below the cross-engine 420px
   * acceptance ceiling. WebKit rounds the inherited v15 grid tracks slightly
   * taller than Chromium and Firefox, so remove one pixel from the current
   * inter-row gap without changing the immutable v15 replay asset.
   */
  [data-blog-experience][data-cbe-surface="public"] .cbe-preferences__panel {
    gap: 7px !important;
  }

  /*
   * The article template keeps a separate navigation container in its action
   * group. Its links are already hidden by the v14 mobile contract, but the
   * now-empty container retains its desktop width and can push Aa across the
   * logo. Collapse only that article placeholder; the homepage uses a
   * different header structure and retains its mobile navigation controls.
   */
  @media (max-width: 640px) {
    [data-blog-experience][data-cbe-surface="public"] .cbe-page--article .cbe-header-actions > .header-nav {
      display: none !important;
      width: 0 !important;
      min-width: 0 !important;
    }

    [data-blog-experience][data-cbe-surface="public"] .cbe-header-actions .cbe-preferences > summary {
      box-sizing: border-box;
      width: 44px;
      min-width: 44px;
      padding-inline: 9px !important;
    }
  }
}

/* Immutable public compatibility patch for article/collection renderer v20. */

@layer cis-blog-experience {
  /* Use the available desktop canvas while preserving a readable line length. */
  [data-blog-experience][data-cbe-surface="public"] .cbe-page--article .cBlg-content {
    width: min(1120px, calc(100% - 32px)) !important;
    max-width: 1120px !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-page--article :where(#eb, .hide-sidebar .col-sm-9, .eb-view-entry) {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    padding-inline: 0 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cbe-page--article .cBlg-blgBxTextSecIn {
    padding-inline: clamp(28px, 5vw, 64px) !important;
  }

  /* Keep both executive-brief actions compact, top aligned, and contrast safe. */
  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__actions {
    align-self: start;
    justify-content: flex-start;
    margin: 0 !important;
    padding: 0 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__actions a {
    width: 100%;
    margin: 0 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__actions a:first-child:hover,
  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__actions a:first-child:focus-visible {
    border-color: #004b93 !important;
    background: #004b93 !important;
    color: #ffffff !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__actions a:last-child:hover,
  [data-blog-experience][data-cbe-surface="public"] .eb-entry-brief__actions a:last-child:focus-visible {
    border-color: #005eb8 !important;
    background: #e8f3ff !important;
    color: #003a6b !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .ctaRight a:hover,
  [data-blog-experience][data-cbe-surface="public"] .ctaRight a:focus-visible {
    border-color: #ffffff !important;
    background: #ffffff !important;
    color: #003a6b !important;
  }

  /* Replace the legacy guide bullets with responsive, keyboard-visible cards. */
  [data-blog-experience][data-cbe-surface="public"] #eb .eb-growth-related {
    margin-top: clamp(28px, 4vw, 44px);
    padding: clamp(22px, 3vw, 30px) !important;
    border: 1px solid var(--cbe-border) !important;
    border-radius: 18px;
    background: var(--cbe-surface-soft) !important;
    box-shadow: 0 12px 30px rgb(0 0 0 / 6%);
  }

  [data-blog-experience][data-cbe-surface="public"] #eb .eb-growth-related h3 {
    margin: 0 0 16px !important;
    color: var(--cbe-text) !important;
    font-size: clamp(1.25rem, 2vw, 1.55rem) !important;
  }

  [data-blog-experience][data-cbe-surface="public"] #eb .eb-growth-related ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  [data-blog-experience][data-cbe-surface="public"] #eb .eb-growth-related li {
    display: flex;
    margin: 0 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] #eb .eb-growth-related a {
    display: flex;
    width: 100%;
    min-height: 72px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border: 1px solid var(--cbe-border);
    border-radius: 14px;
    background: var(--cbe-surface);
    color: var(--cbe-text) !important;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgb(0 0 0 / 5%);
  }

  [data-blog-experience][data-cbe-surface="public"] #eb .eb-growth-related a::after {
    content: "\2192";
    flex: 0 0 auto;
    color: var(--cbe-accent);
    font-size: 1.25rem;
  }

  [data-blog-experience][data-cbe-surface="public"] #eb .eb-growth-related a:hover,
  [data-blog-experience][data-cbe-surface="public"] #eb .eb-growth-related a:focus-visible {
    border-color: var(--cbe-accent);
    background: var(--cbe-surface-soft);
    color: var(--cbe-text) !important;
    transform: translateY(-1px);
  }

  /* Give the author identity clear visual hierarchy and larger portrait. */
  [data-blog-experience][data-cbe-surface="public"] .cBlg-authorMainInfo {
    margin-top: 32px !important;
    padding: clamp(26px, 4vw, 38px) !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cBlg-authorMainInfo .eb-entry-author-bio {
    align-items: center !important;
    gap: clamp(24px, 4vw, 38px) !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cBlg-authorMainInfo .cBlg-ati-left {
    flex: 0 0 176px;
  }

  [data-blog-experience][data-cbe-surface="public"] .cBlg-authorMainInfo .cBlg-ati-left img {
    display: block;
    width: 176px !important;
    height: 176px !important;
    border: 4px solid var(--cbe-surface);
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 10px 28px rgb(0 0 0 / 14%);
  }

  [data-blog-experience][data-cbe-surface="public"] .cBlg-authorMainInfo .cBlg-heading2 {
    margin: 0 0 8px;
    color: var(--cbe-text) !important;
    font-size: clamp(1.55rem, 2.5vw, 2rem) !important;
    line-height: 1.2 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cBlg-authorMainInfo .blogger-profile {
    display: inline-flex;
    margin: 0 0 16px;
    padding: 6px 11px;
    border: 1px solid var(--cbe-border);
    border-radius: 999px;
    background: var(--cbe-surface-soft);
    color: var(--cbe-accent) !important;
    font-size: .88rem;
    font-weight: 700;
    line-height: 1.25;
  }

  [data-blog-experience][data-cbe-surface="public"] .cBlg-authorMainInfo .cBlg-authrTopText p {
    max-width: 72ch;
    margin: 0 !important;
  }

  /* Present author recents and related posts as modern link-card grids. */
  [data-blog-experience][data-cbe-surface="public"] .cBlg-authorMainInfo .eb-entry-author-recents,
  [data-blog-experience][data-cbe-surface="public"] .pn-sec > .eb-entry-author-recents {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 26px;
    padding-top: 24px;
    border-top: 1px solid var(--cbe-border);
  }

  [data-blog-experience][data-cbe-surface="public"] .pn-sec > .eb-entry-author-recents {
    clear: both;
    width: 100%;
    box-sizing: border-box;
  }

  [data-blog-experience][data-cbe-surface="public"] :where(.cBlg-authorMainInfo .eb-entry-author-recents, .pn-sec > .eb-entry-author-recents) > :where(h4, h5) {
    grid-column: 1 / -1;
    margin: 0 0 4px !important;
    color: var(--cbe-text) !important;
    font-size: clamp(1.15rem, 2vw, 1.4rem) !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .eb-entry-related {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  [data-blog-experience][data-cbe-surface="public"] :where(.cBlg-authorMainInfo .eb-entry-author-recents, .eb-entry-related) > div {
    display: flex;
    margin: 0 !important;
  }

  [data-blog-experience][data-cbe-surface="public"] :where(.cBlg-authorMainInfo .eb-entry-author-recents, .eb-entry-related) > div > a {
    display: flex;
    width: 100%;
    min-height: 68px;
    align-items: center;
    padding: 15px 17px;
    border: 1px solid var(--cbe-border);
    border-radius: 13px;
    background: var(--cbe-surface-soft);
    color: var(--cbe-text) !important;
    font-weight: 650;
    line-height: 1.45;
    text-decoration: none !important;
  }

  [data-blog-experience][data-cbe-surface="public"] :where(.cBlg-authorMainInfo .eb-entry-author-recents, .eb-entry-related) > div > a:hover,
  [data-blog-experience][data-cbe-surface="public"] :where(.cBlg-authorMainInfo .eb-entry-author-recents, .eb-entry-related) > div > a:focus-visible {
    border-color: var(--cbe-accent);
    background: var(--cbe-surface);
    color: var(--cbe-text) !important;
  }

  /* Keep previous/next navigation in one connected responsive surface. */
  [data-blog-experience][data-cbe-surface="public"] .pn-sec > ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 0 !important;
    padding: 18px !important;
    border: 1px solid var(--cbe-border);
    border-radius: 18px;
    background: var(--cbe-surface-soft);
  }

  [data-blog-experience][data-cbe-surface="public"] .pn-sec > ul > .pn {
    display: flex;
    min-width: 0;
  }

  [data-blog-experience][data-cbe-surface="public"] .pn-sec > ul > .pn .pnText,
  [data-blog-experience][data-cbe-surface="public"] .pn-sec > ul > .pn a {
    display: flex;
    width: 100%;
  }

  [data-blog-experience][data-cbe-surface="public"] .pn-sec > ul > .pn a {
    min-height: 58px;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 14px 18px !important;
    border: 1px solid var(--cbe-border) !important;
    border-radius: 13px !important;
    background: var(--cbe-surface) !important;
    color: var(--cbe-text) !important;
    font-weight: 750;
    text-align: center;
    text-decoration: none !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .pn-sec > ul > .pn a:hover,
  [data-blog-experience][data-cbe-surface="public"] .pn-sec > ul > .pn a:focus-visible {
    border-color: var(--cbe-accent) !important;
    background: var(--cbe-surface-soft) !important;
    color: var(--cbe-accent) !important;
  }

  /* Inline legacy backgrounds must never reduce table-header contrast. */
  [data-blog-experience][data-cbe-surface="public"] .cBlg-content :where(thead th, th[scope="col"]) {
    border-color: #39495f !important;
    background: #0d1b2f !important;
    color: #ffffff !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cBlg-content :where(thead th, th[scope="col"]) :where(a, span, strong, em) {
    color: #ffffff !important;
  }

  @media (max-width: 760px) {
    [data-blog-experience][data-cbe-surface="public"] .cbe-page--article .cBlg-content {
      width: calc(100% - 20px) !important;
    }

    [data-blog-experience][data-cbe-surface="public"] #eb .eb-growth-related ul,
    [data-blog-experience][data-cbe-surface="public"] .cBlg-authorMainInfo .eb-entry-author-recents,
    [data-blog-experience][data-cbe-surface="public"] .eb-entry-related,
    [data-blog-experience][data-cbe-surface="public"] .pn-sec > .eb-entry-author-recents,
    [data-blog-experience][data-cbe-surface="public"] .pn-sec > ul {
      grid-template-columns: 1fr;
    }

    [data-blog-experience][data-cbe-surface="public"] .cBlg-authorMainInfo .eb-entry-author-bio {
      flex-direction: column;
      align-items: flex-start !important;
    }

    [data-blog-experience][data-cbe-surface="public"] .cBlg-authorMainInfo .cBlg-ati-left {
      flex-basis: auto;
    }

    [data-blog-experience][data-cbe-surface="public"] .cBlg-authorMainInfo .cBlg-ati-left img {
      width: 136px !important;
      height: 136px !important;
    }

    [data-blog-experience][data-cbe-surface="public"] .pn-sec > ul {
      padding: 12px !important;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    [data-blog-experience][data-cbe-surface="public"] #eb .eb-growth-related a {
      transform: none !important;
    }
  }
}