.html-blogpost-page {
  /* surfaces */
  --bd-paper: #f8fbf8;
  --bd-card: #ffffff;
  --bd-panel: #f3f6f4;
  --bd-line: #e2e5e3;
  --bd-line-strong: #ccd3cf;
  /* ink */
  --bd-ink: #0c1711;
  --bd-lead: #1e2621;
  --bd-body: #28302b;
  --bd-mono-ink: #2c3530;
  --bd-muted: #445149;
  --bd-soft: #4c5951;
  --bd-faint: #68756e;
  /* accent */
  --bd-green: #2a9d67;
  --bd-green-ink: #1a8656;
  --bd-green-deep: #005e35;
  --bd-link: #077045;
  --bd-link-hover: #00512d;
  --bd-green-tint: #dcf6e6;
  --bd-quote-ink: #0a4027;
  --bd-arrow: #9fb4a7;
  /* the one dark surface */
  --bd-dark: #12241a;
  --bd-dark-text: #dfe7e2;
  --bd-dark-muted: #adbcb3;
  --bd-dark-accent: #72b68f;
  /* elevation - cards are lifted, never outlined */
  --bd-shadow: 0 1px 3px rgba(32, 51, 41, .06);
  --bd-shadow-lift: 0 1px 3px rgba(32, 51, 41, .06), 0 12px 32px -20px rgba(32, 51, 41, .25);
  --bd-shadow-hover: 0 2px 6px rgba(32, 51, 41, .07), 0 18px 38px -20px rgba(32, 51, 41, .4);
  --bd-sans: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  --bd-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --bd-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  /* the reading measure, kept in one place so the hero, the prose and the
     blocks below it all line up on the same left and right edge */
  --bd-measure: 720px;
  scroll-behavior: smooth;
}

  .html-blogpost-page body {
    background: var(--bd-paper);
  }

  /* an anchored heading must clear the theme's sticky header */
  .html-blogpost-page .post-body [id],
  .html-blogpost-page .ch-bd-end [id],
  .html-blogpost-page #comments {
    scroll-margin-top: 110px;
  }

  .html-blogpost-page .ch-bd-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    z-index: 1200;
    background: transparent;
    pointer-events: none;
  }

  .html-blogpost-page .ch-bd-progress-bar {
    height: 100%;
    width: 0;
    border-radius: 0 3px 3px 0;
    background: var(--bd-green);
    transform-origin: left center;
  }

  .html-blogpost-page .blogpost-page {
    padding-top: 0;
  }

  .html-blogpost-page .post-body {
    font-size: 19px;
    line-height: 1.5;
    color: var(--bd-body);
  }

    .html-blogpost-page .post-body > *:first-child {
      margin-top: 0;
    }

    /* The theme sets font-family, size, weight and line-height on a bare p and a
     bare a. A direct rule on the element beats anything inherited from the
     container, however specific that container is - so the reading column has
     to restate the type on the elements themselves rather than let it cascade
     down from .post-body. Everything below that looks redundant is there for
     that reason. */
    .html-blogpost-page .post-body p {
      margin: 0 0 18px;
      font-size: 19px;
      font-weight: 400;
      line-height: 1.75;
      letter-spacing: normal;
      color: var(--bd-body);
    }

    /* the opening paragraph carries the piece, so it is set a step larger and a
     shade darker than the ones after it */
    .html-blogpost-page .post-body > p:first-of-type {
      font-size: 18px;
      line-height: 1.5;
      color: var(--bd-lead);
    }

    .html-blogpost-page .post-body h2 {
      margin: 46px 0 18px;
      padding: 0;
      border: none;
      font-size: 38px;
      font-weight: 600;
      line-height: 1.12;
      color: var(--bd-ink);
    }

    .html-blogpost-page .post-body h3 {
      margin: 32px 0 10px;
      font-size: 24px;
      font-weight: 600;
      line-height: 1.25;
      letter-spacing: -.02em;
      color: var(--bd-ink);
    }

    .html-blogpost-page .post-body h4 {
      margin: 26px 0 8px;
      font-size: 19px;
      font-weight: 600;
      line-height: 1.3;
      letter-spacing: -.015em;
      color: var(--bd-ink);
    }

    .html-blogpost-page .post-body a {
      font-size: inherit;
      line-height: inherit;
      color: var(--bd-link);
      font-weight: 600;
      text-decoration: none;
      box-shadow: inset 0 -1px 0 0 rgba(7, 112, 69, .28);
      transition: color .15s ease, box-shadow .15s ease;
    }

      .html-blogpost-page .post-body a:hover,
      .html-blogpost-page .post-body a:focus {
        color: var(--bd-link-hover);
        box-shadow: inset 0 -2px 0 0 var(--bd-green);
      }

    .html-blogpost-page .post-body strong,
    .html-blogpost-page .post-body b {
      font-weight: 600;
      color: var(--bd-ink);
    }

    .html-blogpost-page .post-body em {
      font-style: italic;
    }

    .html-blogpost-page .post-body hr {
      height: 1px;
      margin: 44px 0;
      border: none;
      background: var(--bd-line);
    }

    /* ---- lists ---- */
    .html-blogpost-page .post-body ul,
    .html-blogpost-page .post-body ol {
      margin: 0 0 22px;
      padding: 0;
      list-style: none;
    }

      .html-blogpost-page .post-body ul li {
        position: relative;
        margin-bottom: 9px;
        font-size: 18px;
        line-height: 1.6;
      }

    .html-blogpost-page .post-body ol {
      counter-reset: bd-ol;
    }

      .html-blogpost-page .post-body ol li {
        position: relative;
        margin-bottom: 9px;
        padding-left: 18px;
        font-size: 18px;
        line-height: 1.6;
        counter-increment: bd-ol;
      }

    .html-blogpost-page .post-body li > ul,
    .html-blogpost-page .post-body li > ol {
      margin: 9px 0 0;
    }

    /* ---- quote ---- */
    .html-blogpost-page .post-body blockquote {
      margin: 0 0 24px;
      padding: 22px 26px;
      border: none;
      border-radius: 18px;
      background: var(--bd-green-tint);
      font-size: 19px;
      font-style: normal;
      line-height: 1.6;
      color: var(--bd-quote-ink);
    }

      .html-blogpost-page .post-body blockquote p {
        font-size: inherit;
        line-height: inherit;
        color: inherit;
      }

        .html-blogpost-page .post-body blockquote p:last-child {
          margin-bottom: 0;
        }

      .html-blogpost-page .post-body blockquote strong {
        color: inherit;
      }

    /* ---- code ---- */
    .html-blogpost-page .post-body pre,
    .html-blogpost-page .post-body .ch-bd-code {
      margin: 0 0 18px;
      padding: 16px 18px;
      border: none;
      border-radius: 14px;
      background: var(--bd-panel);
      font-size: 13.5px;
      line-height: 1.9;
      color: var(--bd-mono-ink);
      overflow-x: auto;
    }

      .html-blogpost-page .post-body .ch-bd-code strong {
        color: var(--bd-green-deep);
      }

    .html-blogpost-page .post-body :not(pre) > code {
      padding: 2px 6px;
      border-radius: 6px;
      background: var(--bd-panel);
      font-size: .82em;
      color: var(--bd-mono-ink);
    }

    /* ---- media ---- */
    .html-blogpost-page .post-body img {
      max-width: 100%;
      height: auto;
    }

    .html-blogpost-page .post-body figure {
      margin: 0 0 34px;
    }

    .html-blogpost-page .post-body figcaption {
      margin-top: 10px;
      font-size: 14px;
      color: var(--bd-faint);
    }

    /* ---- table ----

     A bare table gets the design's panel treatment: no outer border, a hairline
     between rows, a mono-ish uppercase head and tabular figures so the money
     column lines up.
     ---- */
    .html-blogpost-page .post-body table {
      width: 100%;
      margin: 0 0 20px;
      border: none;
      border-collapse: collapse;
      font-size: 16.5px;
    }

      .html-blogpost-page .post-body table th {
        padding: 14px 12px 10px;
        border: none;
        background: transparent;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: .06em;
        text-transform: uppercase;
        text-align: left;
        color: var(--bd-faint);
      }

      .html-blogpost-page .post-body table td {
        padding: 10px 12px;
        border: none;
        border-top: 1px solid var(--bd-line);
        font-variant-numeric: tabular-nums;
      }

    /* only the design's own money table right-aligns its last column - an editor's
     table can have any number of columns and none of them need it */
    .html-blogpost-page .post-body .ch-bd-table th:last-child,
    .html-blogpost-page .post-body .ch-bd-table td:last-child {
      text-align: right;
    }

    /* a table wide enough to overflow scrolls inside its own box rather than
     pushing the page sideways */
    .html-blogpost-page .post-body .ch-bd-table {
      margin: 0 0 18px;
      padding: 6px 18px;
      border-radius: 16px;
      background: var(--bd-panel);
      overflow-x: auto;
    }

      /* no min-width: a two-column money table fits a phone, and anything wider
       than its box gets the scroller above rather than a clipped last column */
      .html-blogpost-page .post-body .ch-bd-table table {
        margin: 0;
      }

      .html-blogpost-page .post-body .ch-bd-table tr:last-child td {
        padding-bottom: 14px;
        font-weight: 600;
        color: var(--bd-green-deep);
      }

    /* ============================================================================
   Blocks the article is built from

   Editor-produced HTML has no classes, which is why everything above is written
   against bare tags. These only apply where the post body asks for them by name.
   ============================================================================ */

    /* ---- the "in short" card at the head of the piece ---- */
    .html-blogpost-page .post-body .ch-bd-summary {
      display: grid;
      gap: 16px;
      margin: 16px 0 46px;
      padding: 28px 30px;
      border-radius: 22px;
      background: var(--bd-card);
      box-shadow: var(--bd-shadow-lift);
    }

    .html-blogpost-page .post-body .ch-bd-summary-label {
      font-size: 13px;
      font-weight: 600;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: var(--bd-green-ink);
    }

    .html-blogpost-page .post-body .ch-bd-summary ul {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px 30px;
      margin: 0;
    }

      .html-blogpost-page .post-body .ch-bd-summary ul li {
        margin: 0;
        font-size: 17px;
        line-height: 1.55;
      }

        .html-blogpost-page .post-body .ch-bd-summary ul li::before {
          top: .55em;
          left: 2px;
          width: 8px;
          height: 8px;
        }

    /* ---- a row of chips: the things the platform keeps track of ---- */
    .html-blogpost-page .post-body .ch-bd-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 0 0 26px;
      padding: 0;
      list-style: none;
      font-size: 15px;
    }

      .html-blogpost-page .post-body .ch-bd-chips li,
      .html-blogpost-page .post-body .ch-bd-chips span {
        margin: 0;
        padding: 8px 15px;
        border: 1px solid var(--bd-line);
        border-radius: 999px;
        background: var(--bd-card);
        line-height: 1.3;
      }

        .html-blogpost-page .post-body .ch-bd-chips li::before {
          display: none;
        }

    /* ---- the workflow strip: chips joined by arrows ----

   The arrow is drawn by the stylesheet rather than typed into the markup, so
   the sequence stays one list of steps and wraps cleanly at any width.
   ---- */
    .html-blogpost-page .post-body .ch-bd-flow {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      margin: 0 0 34px;
      padding: 0;
      list-style: none;
      font-size: 14px;
      font-weight: 500;
    }

      .html-blogpost-page .post-body .ch-bd-flow li,
      .html-blogpost-page .post-body .ch-bd-flow > span {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0;
        padding: 0;
        line-height: 1.3;
      }

        .html-blogpost-page .post-body .ch-bd-flow li::before {
          display: none;
        }

        .html-blogpost-page .post-body .ch-bd-flow li::after {
          content: "\2192";
          color: var(--bd-arrow);
        }

        .html-blogpost-page .post-body .ch-bd-flow li:last-child::after {
          content: none;
        }

        /* the chip itself, so the arrow sits outside the box */
        .html-blogpost-page .post-body .ch-bd-flow li > span,
        .html-blogpost-page .post-body .ch-bd-flow li > strong {
          padding: 8px 14px;
          border: 1px solid var(--bd-line);
          border-radius: 10px;
          background: var(--bd-card);
          font-weight: 500;
        }

        /* the step the piece is about */
        .html-blogpost-page .post-body .ch-bd-flow li.is-on > span,
        .html-blogpost-page .post-body .ch-bd-flow li.is-on > strong {
          border-color: transparent;
          background: var(--bd-green);
          color: #fff;
        }

    /* ---- the sentence the section turns on ---- */
    .html-blogpost-page .post-body .ch-bd-highlight {
      margin: 0 0 22px;
      padding: 22px 26px;
      border-radius: 18px;
      background: var(--bd-green-tint);
      font-size: 19px;
      line-height: 1.6;
      color: var(--bd-quote-ink);
    }

      .html-blogpost-page .post-body .ch-bd-highlight strong {
        color: inherit;
      }

    /* ---- a note from CrickHunt, with the monogram ---- */
    .html-blogpost-page .post-body .ch-bd-note {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      margin: 0 0 46px;
      padding: 22px 24px;
      border-radius: 18px;
      background: var(--bd-card);
      box-shadow: var(--bd-shadow);
      font-size: 18px;
      line-height: 1.6;
    }

    .html-blogpost-page .post-body .ch-bd-note-badge {
      display: grid;
      place-items: center;
      flex: none;
      width: 30px;
      height: 30px;
      border-radius: 999px;
      background: var(--bd-green);
      color: #fff;
      font-size: 13px;
      font-weight: 600;
    }

    .html-blogpost-page .post-body .ch-bd-note p {
      margin: 0;
      font-size: inherit;
      line-height: inherit;
      color: inherit;
    }

    /* ---- the numbered steps -------------------------------------------------

   One card per step. The number sits in its own column so the paragraphs keep
   a straight left edge no matter how tall the card grows.
   -------------------------------------------------------------------------- */
    .html-blogpost-page .post-body .ch-bd-steps {
      display: grid;
      gap: 14px;
      margin: 0 0 46px;
      padding: 0;
      list-style: none;
      counter-reset: bd-step;
    }

    .html-blogpost-page .post-body .ch-bd-step {
      display: grid;
      grid-template-columns: 44px minmax(0, 1fr);
      gap: 20px;
      margin: 0;
      padding: 26px 28px;
      border-radius: 20px;
      background: var(--bd-card);
      box-shadow: var(--bd-shadow);
      counter-increment: bd-step;
    }

      .html-blogpost-page .post-body .ch-bd-step::before {
        display: none;
      }

    /* the badge is generated, so a step can be added or moved without renumbering
     anything by hand */
    .html-blogpost-page .post-body .ch-bd-step-num {
      display: grid;
      place-items: center;
      width: 38px;
      height: 38px;
      border-radius: 12px;
      background: var(--bd-green-tint);
      color: var(--bd-green-deep);
      font-size: 16px;
      font-weight: 600;
    }

      /* left empty in the markup, the number is drawn from the counter */
      .html-blogpost-page .post-body .ch-bd-step-num:empty::before {
        content: counter(bd-step, decimal-leading-zero);
      }

    .html-blogpost-page .post-body .ch-bd-step-body > *:last-child {
      margin-bottom: 0;
    }

    .html-blogpost-page .post-body .ch-bd-step h3 {
      margin: 6px 0 10px;
      font-size: 24px;
    }

    .html-blogpost-page .post-body .ch-bd-step p {
      margin: 0 0 12px;
      font-size: 18px;
      line-height: 1.6;
    }

    /* ---- the bidding ladder: mono amounts joined by arrows ---- */
    .html-blogpost-page .post-body .ch-bd-ladder {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      margin: 0 0 14px;
      padding: 0;
      list-style: none;
      font-size: 13.5px;
    }

      .html-blogpost-page .post-body .ch-bd-ladder li {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0;
        padding: 0;
      }

        .html-blogpost-page .post-body .ch-bd-ladder li::before {
          display: none;
        }

        .html-blogpost-page .post-body .ch-bd-ladder li > span {
          padding: 8px 13px;
          border-radius: 10px;
          background: var(--bd-panel);
        }

        .html-blogpost-page .post-body .ch-bd-ladder li::after {
          content: "\2192";
          color: var(--bd-arrow);
        }

        .html-blogpost-page .post-body .ch-bd-ladder li:last-child::after {
          content: none;
        }

    /* ---- the live auction panel ---------------------------------------------

   The one dark surface on the page. Two columns: who is up, and the bids as
   they land - the last of which is the sale.
   -------------------------------------------------------------------------- */
    .html-blogpost-page .post-body .ch-bd-live {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 190px;
      gap: 26px;
      align-items: start;
      margin: 0 0 16px;
      padding: 24px 26px;
      border-radius: 18px;
      background: var(--bd-dark);
      color: #fff;
    }

    .html-blogpost-page .post-body .ch-bd-live-tag {
      font-size: 12px;
      letter-spacing: .1em;
      color: var(--bd-dark-accent);
    }

    .html-blogpost-page .post-body .ch-bd-live-name {
      margin: 6px 0 10px;
      font-size: 32px;
      font-weight: 600;
      line-height: 1.1;
      letter-spacing: -.02em;
      color: #fff;
    }

    .html-blogpost-page .post-body .ch-bd-live-sub {
      font-size: 15px;
      color: var(--bd-dark-muted);
    }

    .html-blogpost-page .post-body .ch-bd-live-bids {
      display: grid;
      gap: 6px;
      margin: 0;
      padding: 0;
      list-style: none;
      font-size: 13px;
      color: var(--bd-dark-muted);
    }

      .html-blogpost-page .post-body .ch-bd-live-bids li {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        margin: 0;
        padding: 0;
      }

        .html-blogpost-page .post-body .ch-bd-live-bids li::before {
          display: none;
        }

        .html-blogpost-page .post-body .ch-bd-live-bids li.is-sold {
          margin-top: 4px;
          padding: 6px 9px;
          border-radius: 9px;
          background: var(--bd-green);
          color: #fff;
        }

    /* ---- the journey strip: register through to live scores ---- */
    .html-blogpost-page .post-body .ch-bd-journey {
      display: grid;
      grid-template-columns: repeat(7, minmax(0, 1fr));
      gap: 8px;
      margin: 0 0 24px;
      padding: 0;
      list-style: none;
      text-align: center;
      counter-reset: bd-journey;
    }

      .html-blogpost-page .post-body .ch-bd-journey li {
        display: grid;
        align-content: start;
        gap: 6px;
        margin: 0;
        padding: 16px 6px;
        border-radius: 14px;
        background: var(--bd-card);
        box-shadow: var(--bd-shadow);
        counter-increment: bd-journey;
      }

        .html-blogpost-page .post-body .ch-bd-journey li::before {
          content: counter(bd-journey, decimal-leading-zero);
          position: static;
          width: auto;
          height: auto;
          border-radius: 0;
          background: none;
          font-size: 11px;
          color: var(--bd-green);
        }

        .html-blogpost-page .post-body .ch-bd-journey li > span {
          font-size: 14px;
          font-weight: 500;
          line-height: 1.25;
        }

        /* the last stop is where the auction hands over to scoring */
        .html-blogpost-page .post-body .ch-bd-journey li.is-final {
          background: var(--bd-dark);
          box-shadow: none;
          color: #fff;
        }

          .html-blogpost-page .post-body .ch-bd-journey li.is-final::before {
            color: var(--bd-dark-accent);
          }

    /* ---- online against manual ---- */
    .html-blogpost-page .post-body .ch-bd-compare {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
      margin: 0 0 22px;
    }

    .html-blogpost-page .post-body .ch-bd-compare-card {
      padding: 24px 26px;
      border-radius: 20px;
      background: var(--bd-card);
      box-shadow: var(--bd-shadow);
    }

      .html-blogpost-page .post-body .ch-bd-compare-card > h3,
      .html-blogpost-page .post-body .ch-bd-compare-label {
        margin: 0 0 14px;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: var(--bd-faint);
      }

      .html-blogpost-page .post-body .ch-bd-compare-card ul {
        display: grid;
        gap: 11px;
        margin: 0;
      }

        .html-blogpost-page .post-body .ch-bd-compare-card ul li {
          margin: 0;
          padding-left: 0;
          font-size: 17px;
          line-height: 1.45;
          color: var(--bd-soft);
        }

          .html-blogpost-page .post-body .ch-bd-compare-card ul li::before {
            display: none;
          }

      .html-blogpost-page .post-body .ch-bd-compare-card.is-dark {
        background: var(--bd-dark);
        box-shadow: none;
        color: var(--bd-dark-text);
      }

        .html-blogpost-page .post-body .ch-bd-compare-card.is-dark > h3,
        .html-blogpost-page .post-body .ch-bd-compare-card.is-dark .ch-bd-compare-label {
          color: var(--bd-dark-accent);
        }

        .html-blogpost-page .post-body .ch-bd-compare-card.is-dark ul li {
          color: var(--bd-dark-text);
        }

    /* ---- the card grids: what to prepare, what CrickHunt does ---- */
    .html-blogpost-page .post-body .ch-bd-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin: 0 0 24px;
      padding: 0;
      list-style: none;
      counter-reset: bd-grid;
    }

      .html-blogpost-page .post-body .ch-bd-grid.is-three {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .html-blogpost-page .post-body .ch-bd-grid > li,
      .html-blogpost-page .post-body .ch-bd-grid .ch-bd-card {
        display: grid;
        align-content: start;
        gap: 6px;
        margin: 0;
        padding: 20px 22px;
        border-radius: 16px;
        background: var(--bd-card);
        box-shadow: var(--bd-shadow);
        counter-increment: bd-grid;
      }

        /* numbered only where the list is a sequence; .is-plain drops the number */
        .html-blogpost-page .post-body .ch-bd-grid > li::before {
          content: counter(bd-grid, decimal-leading-zero);
          position: static;
          width: auto;
          height: auto;
          border-radius: 0;
          background: none;
          font-size: 11px;
          color: var(--bd-green);
        }

      .html-blogpost-page .post-body .ch-bd-grid.is-plain > li::before {
        display: none;
      }

      .html-blogpost-page .post-body .ch-bd-grid strong {
        font-size: 19px;
        font-weight: 600;
        line-height: 1.25;
        letter-spacing: -.015em;
      }

      .html-blogpost-page .post-body .ch-bd-grid span {
        font-size: 16px;
        line-height: 1.5;
        color: var(--bd-soft);
      }

    /* ---- carried over from the previous design ------------------------------

   Post bodies already published use these three. They keep their names and
   take the new colours, so nothing that is live has to be re-edited.
   -------------------------------------------------------------------------- */
    .html-blogpost-page .post-body .ch-bd-num {
      margin-bottom: 8px;
      font-size: 12px;
      letter-spacing: .14em;
      color: var(--bd-green-ink);
    }

    .html-blogpost-page .post-body .ch-bd-tip {
      margin: 0 0 18px;
      padding: 20px 24px;
      border: none;
      border-radius: 18px;
      background: var(--bd-green-tint);
    }

    .html-blogpost-page .post-body .ch-bd-tip-label {
      margin-bottom: 8px;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--bd-green-deep);
    }

    .html-blogpost-page .post-body .ch-bd-tip p {
      margin: 0;
      font-size: 17.5px;
      line-height: 1.65;
      color: var(--bd-quote-ink);
    }

    .html-blogpost-page .post-body .ch-bd-cols {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px 24px;
    }

      .html-blogpost-page .post-body .ch-bd-cols li {
        margin-bottom: 0;
      }

    /* v2 separated its sections with a rule; v3 separates them with space, so the
   rule goes and only the rhythm is kept */
    .html-blogpost-page .post-body .ch-bd-sec {
      border-top: none;
      padding-top: 0;
      margin-bottom: 46px;
      padding-bottom: 0 !important;
    }

      .html-blogpost-page .post-body .ch-bd-sec h2 {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
      }

  /* ---- FAQ -----------------------------------------------------------------

   <details> rather than a scripted accordion: the open and closed states, the
   keyboard handling and the semantics all come with it, and this block has to
   work whether or not the page's own script has run.
   -------------------------------------------------------------------------- */
  .html-blogpost-page .ch-bd-end {
    max-width: var(--bd-measure);
    margin: 0 auto;
    padding: 0 0 48px;
  }

  .html-blogpost-page .ch-bd-faq {
    padding-top: 8px;
    border-top: none;
  }

  .html-blogpost-page .ch-bd-faq-title {
    margin: 0 0 6px;
    padding: 0;
    border: none;
    font-size: 38px;
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -.03em;
    color: var(--bd-ink);
  }

  .html-blogpost-page .ch-bd-faq-sub {
    margin: 0 0 22px;
    font-size: 18px;
    line-height: 1.55;
    color: var(--bd-soft);
  }

  .html-blogpost-page .ch-bd-faq-list {
    display: grid;
    gap: 10px;
  }

  .html-blogpost-page .ch-bd-faq-item {
    border: none;
    border-radius: 16px;
    background: var(--bd-card);
    box-shadow: var(--bd-shadow);
    overflow: hidden;
  }

  .html-blogpost-page .ch-bd-faq-q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0;
    padding: 18px 24px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -.015em;
    color: var(--bd-ink);
    cursor: pointer;
    list-style: none;
  }

    .html-blogpost-page .ch-bd-faq-q::-webkit-details-marker {
      display: none;
    }

    .html-blogpost-page .ch-bd-faq-q::marker {
      content: "";
    }

    /* one glyph, rotated - so open and closed are the same shape and the change
     can be animated instead of swapped */
    .html-blogpost-page .ch-bd-faq-q::after {
      content: "+";
      flex: none;
      font-size: 20px;
      font-weight: 400;
      line-height: 1;
      color: var(--bd-green);
      transition: transform 180ms ease;
    }

  .html-blogpost-page .ch-bd-faq-item[open] .ch-bd-faq-q::after {
    transform: rotate(45deg);
  }

  .html-blogpost-page .ch-bd-faq-a {
    padding: 0 24px 20px;
    font-size: 18px;
    line-height: 1.6;
    color: var(--bd-muted);
  }

    .html-blogpost-page .ch-bd-faq-a p {
      margin: 0 0 12px;
      max-width: 62ch;
      font-size: 18px;
      font-weight: 400;
      line-height: 1.6;
      letter-spacing: normal;
      color: var(--bd-muted);
    }

      .html-blogpost-page .ch-bd-faq-a p:last-child {
        margin-bottom: 0;
      }

    .html-blogpost-page .ch-bd-faq-a a {
      font-size: inherit;
      line-height: inherit;
      color: var(--bd-link);
      font-weight: 600;
      text-decoration: none;
      box-shadow: inset 0 -1px 0 0 rgba(7, 112, 69, .28);
    }

  /* ---- the post's own tags ------------------------------------------------- */
  .html-blogpost-page .blogpost-page .tags {
    margin: 8px auto 40px;
    padding-top: 24px;
    border-top: 1px solid var(--bd-line);
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px;
  }

    .html-blogpost-page .blogpost-page .tags label {
      margin: 0;
      font-size: 11px;
      font-weight: 400;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--bd-faint);
    }

    .html-blogpost-page .blogpost-page .tags ul {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    /* the view prints a comma between tags; the chips carry the separation */
    .html-blogpost-page .blogpost-page .tags li.separator {
      display: none;
    }

    .html-blogpost-page .blogpost-page .tags li a {
      display: inline-block;
      padding: 7px 14px;
      border: 1px solid var(--bd-line);
      border-radius: 999px;
      background: var(--bd-card);
      font-size: 14px;
      color: var(--bd-soft);
      text-decoration: none;
      transition: border-color .15s ease, color .15s ease, background-color .15s ease;
    }

      .html-blogpost-page .blogpost-page .tags li a:hover {
        border-color: transparent;
        background: var(--bd-green-tint);
        color: var(--bd-green-deep);
      }

  /* ---- keep reading --------------------------------------------------------

   Three cards across the full width of the reading column. There is no picture
   on a nopCommerce blog post, so the thumbnail is a tinted panel carrying the
   post's initials - which keeps the card the design's shape without inventing
   an image that does not exist.
   -------------------------------------------------------------------------- */
  .html-blogpost-page .ch-bd-related {
    max-width: var(--bd-measure);
    margin: 0 auto;
    padding: 56px 0 8px;
    border-top: 1px solid var(--bd-line);
  }

  .html-blogpost-page .ch-bd-related-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
  }

    .html-blogpost-page .ch-bd-related-head h2 {
      margin: 0;
      padding: 0;
      border: none;
      font-size: 30px;
      font-weight: 600;
      letter-spacing: -.03em;
      color: var(--bd-ink);
    }

  .html-blogpost-page .ch-bd-related-all {
    flex: none;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--bd-link);
    text-decoration: none;
  }

    .html-blogpost-page .ch-bd-related-all:hover {
      color: var(--bd-link-hover);
    }

  .html-blogpost-page .ch-bd-related-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }

  .html-blogpost-page .ch-bd-related-card {
    display: grid;
    grid-template-rows: 150px auto;
    align-content: start;
    font-size: 16px;
    line-height: 1.4;
    border-radius: 20px;
    background: var(--bd-card);
    box-shadow: var(--bd-shadow);
    color: var(--bd-ink);
    overflow: hidden;
    text-decoration: none;
    transition: box-shadow .18s ease, transform .18s ease;
  }

    .html-blogpost-page .ch-bd-related-card:hover {
      transform: translateY(-2px);
      box-shadow: var(--bd-shadow-hover);
      color: var(--bd-ink);
    }

  .html-blogpost-page .ch-bd-related-thumb {
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--bd-green-tint) 0%, var(--bd-panel) 100%);
    font-size: 34px;
    font-weight: 600;
    letter-spacing: -.02em;
    color: var(--bd-green-ink);
  }

  .html-blogpost-page .ch-bd-related-body {
    display: grid;
    gap: 8px;
    align-content: start;
    padding: 18px 20px 20px;
  }

  .html-blogpost-page .ch-bd-related-kicker {
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--bd-green-ink);
  }

  .html-blogpost-page .ch-bd-related-title {
    font-size: 19px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: var(--bd-ink);
  }

  .html-blogpost-page .ch-bd-related-read {
    font-size: 15px;
    color: var(--bd-soft);
  }

  /* ---- comments ------------------------------------------------------------ */
  .html-blogpost-page .blogpost-page .new-comment,
  .html-blogpost-page .blogpost-page .comment-list {
    margin: 0 auto 32px;
    padding: 20px;
    border: none;
    border-radius: 12px;
    background: var(--bd-card);
    box-shadow: var(--bd-shadow);
  }

    .html-blogpost-page .blogpost-page .new-comment .title strong,
    .html-blogpost-page .blogpost-page .comment-list .title strong {
      font-size: 20px;
      font-weight: 600;
      letter-spacing: -.02em;
      color: var(--bd-ink);
    }

    .html-blogpost-page .blogpost-page .new-comment .title,
    .html-blogpost-page .blogpost-page .comment-list .title {
      margin-bottom: 16px;
      padding: 0;
      border: none;
      background: none;
      text-align: left;
    }

  .html-blogpost-page .blogpost-page .enter-comment-text {
    width: 100%;
    min-height: 140px;
    padding: 14px 16px;
    border: 1px solid var(--bd-line);
    border-radius: 14px;
    background: var(--bd-paper);
    font-size: 17px;
    line-height: 1.6;
    color: var(--bd-body);
    resize: vertical;
  }

    .html-blogpost-page .blogpost-page .enter-comment-text:focus {
      outline: none;
      border-color: var(--bd-green);
      box-shadow: 0 0 0 3px rgba(42, 157, 103, .16);
    }

  /* the view prints the field, then its label, then the validation message.
   Ordering the three puts the label back where a form expects it, and keeps the
   error under the field, without touching the markup */
  .html-blogpost-page .blogpost-page .new-comment .form-group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin: 0;
    padding: 0;
  }

    .html-blogpost-page .blogpost-page .new-comment .form-group label {
      order: 1;
      display: block;
      position: static;
      width: auto;
      margin: 0 0 8px;
      padding: 0;
      font-size: 14px;
      font-weight: 500;
      text-align: left;
      color: var(--bd-faint);
    }

    .html-blogpost-page .blogpost-page .new-comment .form-group .enter-comment-text {
      order: 2;
    }

    .html-blogpost-page .blogpost-page .new-comment .form-group > span {
      order: 3;
      margin-top: 8px;
      font-size: 13.5px;
    }

  .html-blogpost-page .blogpost-page .blog-post-add-comment-button {
    margin-top: 16px;
    padding: 13px 26px;
    border: none;
    border-radius: 999px;
    background: var(--bd-green);
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: background-color .15s ease;
  }

    .html-blogpost-page .blogpost-page .blog-post-add-comment-button:hover {
      background: var(--bd-green-deep);
    }

  .html-blogpost-page .blogpost-page .blog-comment {
    padding: 20px 0;
    border-bottom: 1px solid var(--bd-line);
  }

    .html-blogpost-page .blogpost-page .blog-comment:last-child {
      padding-bottom: 0;
      border-bottom: none;
    }

    /* the theme lays a comment out as a two-cell table with a bordered grey name
     plate down one side and a grey bar behind the time. Here it is one stack:
     who, when, then what they said. */
    .html-blogpost-page .blogpost-page .blog-comment .comment-info {
      display: block;
      width: auto;
      margin: 0 0 8px;
    }

    .html-blogpost-page .blogpost-page .blog-comment .user-info {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    /* the view prints the name before the picture; the picture reads better first */
    .html-blogpost-page .blogpost-page .blog-comment .avatar {
      position: static;
      order: -1;
      width: 44px;
      height: 44px;
      border: none;
      border-radius: 999px;
      overflow: hidden;
    }

    .html-blogpost-page .blogpost-page .blog-comment .comment-content {
      display: block;
      width: auto;
      border-left: none;
      text-align: left;
    }

    .html-blogpost-page .blogpost-page .blog-comment .username {
      display: inline-block;
      min-height: 0;
      padding: 0;
      border: none;
      background: none;
      text-align: left;
      font-size: 16px;
      font-weight: 600;
      color: var(--bd-ink);
      text-decoration: none;
    }

    .html-blogpost-page .blogpost-page .blog-comment .comment-time {
      display: block;
      min-height: 0;
      margin: 4px 0 10px;
      padding: 0;
      background: none;
      font-size: 11.5px;
      font-weight: 400;
      letter-spacing: .06em;
      color: var(--bd-faint);
    }

      .html-blogpost-page .blogpost-page .blog-comment .comment-time label,
      .html-blogpost-page .blogpost-page .blog-comment .comment-time span {
        margin: 0;
        font: inherit;
        letter-spacing: inherit;
        color: inherit;
      }

      .html-blogpost-page .blogpost-page .blog-comment .comment-time span {
        margin-left: 6px;
      }

    .html-blogpost-page .blogpost-page .blog-comment .comment-body {
      margin: 0;
      padding: 0;
      font-size: 17.5px;
      line-height: 1.65;
      color: var(--bd-body);
    }

      .html-blogpost-page .blogpost-page .blog-comment .comment-body p {
        margin: 0 0 10px;
        font-size: inherit;
        line-height: inherit;
        color: inherit;
      }

        .html-blogpost-page .blogpost-page .blog-comment .comment-body p:last-child {
          margin-bottom: 0;
        }

    /* the theme forces a border on this image with !important, so it has to be
     answered in kind */
    .html-blogpost-page .blogpost-page .blog-comment .avatar-img {
      position: static;
      width: 44px;
      height: 44px;
      max-width: 100%;
      max-height: 100%;
      margin: 0;
      border: none !important;
      border-radius: 999px;
      object-fit: cover;
    }

  /* ---- type scale and rhythm, stated in one place --------------------------

   Everything above sets colour, shape and structure. The sizes live here so a
   step down in blog-detail.responsive.css only has one place to answer to.
   -------------------------------------------------------------------------- */

  /* prose */
  .html-blogpost-page .post-body p {
    font-size: 18px;
    line-height: 1.4;
    margin: 0 0 18px;
  }

  .html-blogpost-page .post-body > p:first-of-type {
    font-size: 18px;
    line-height: 1.5;
  }

  .html-blogpost-page .post-body h2 {
    font-size: 26px;
    margin: 0 0 15px;
  }

  .html-blogpost-page .post-body > h2:first-of-type {
    margin-top: 0;
  }

  .html-blogpost-page .post-body h3 {
    font-size: 24px;
    margin: 32px 0 10px;
  }

  .html-blogpost-page .post-body h4 {
    font-size: 20px;
    margin: 26px 0 8px;
  }

  .html-blogpost-page .post-body ul li,
  .html-blogpost-page .post-body ol li {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 0;
  }

  .html-blogpost-page .post-body blockquote {
    padding: 22px 26px;
    font-size: 19px;
  }

  .html-blogpost-page .post-body figure {
    margin: 0 0 34px;
  }

  /* blocks */
  .html-blogpost-page .post-body .ch-bd-summary {
    padding: 28px 30px;
  }

  .html-blogpost-page .post-body .ch-bd-step {
    padding: 26px 28px;
  }

    .html-blogpost-page .post-body .ch-bd-step h3 {
      font-size: 24px;
    }

    .html-blogpost-page .post-body .ch-bd-step p {
      font-size: 18px;
    }

  .html-blogpost-page .post-body .ch-bd-live-name {
    font-size: 32px;
  }

  .html-blogpost-page .post-body .ch-bd-highlight {
    padding: 22px 26px;
    font-size: 19px;
  }

  .html-blogpost-page .post-body .ch-bd-note {
    padding: 22px 24px;
    font-size: 18px;
  }

  /* furniture */
  .html-blogpost-page .ch-blog-hero {
    padding: 72px 28px 56px;
  }

    .html-blogpost-page .ch-blog-hero h1 {
      font-size: 54px;
    }

  .html-blogpost-page .ch-blog-hero-meta {
    margin-top: 28px;
    font-size: 12.5px;
  }

  .html-blogpost-page .ch-bd-faq-title {
    font-size: 38px;
  }

  .html-blogpost-page .ch-bd-related-head h2 {
    font-size: 30px;
  }


.blogpost-page .post-body h1 {
  font-size: 27px;
  font-weight: bold;
  line-height: normal;
  margin-bottom: 20px;
  color: #000;
}


.ch-blog-emcm-article h2 {
  margin-top: 0 !important;
}
.ch-blog-emcm h1, .ch-blog-emcm h2, .ch-blog-emcm h3, .ch-blog-emcm h4 {
  color: #101B2B;
  line-height: 1.15;
  margin: 0;
}
.ch-blog-emcm p {
  margin: 0;
}
.ch-blog-emcm a {
  color: #236AD6;
  text-decoration: none;
}

.ch-blog-emcm a:hover {
  text-decoration: underline;
}

.ch-blog-emcm img {
  max-width: 100%;
  height: auto;
  display: block;
}

.ch-blog-emcm :focus-visible {
  outline: 3px solid #236AD6;
  outline-offset: 3px;
  border-radius: 6px;
}

.ch-blog-emcm .ch-blog-emcm-mono {
  font-variant-numeric: tabular-nums;
}

.ch-blog-emcm .ch-blog-emcm-hero {
  padding: 2.2rem 0 1rem;
}

.ch-blog-emcm .ch-blog-emcm-hero-grid {
  display: grid;
  gap: 2.4rem;
  align-items: center;
}

@media (min-width: 1040px) {
  .ch-blog-emcm .ch-blog-emcm-hero-grid {
    grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr);
    gap: 3.4rem;
  }
}

.ch-blog-emcm .ch-blog-emcm-badge {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: #EAF2FE;
  color: #164FA6;
  border: 1px solid #D6E6FD;
  border-radius: 999px;
  padding: .4rem .95rem;
  font-size: .6875rem;
  letter-spacing: .16em;
  text-transform: uppercase;
}

  .ch-blog-emcm .ch-blog-emcm-badge .ch-blog-emcm-ball {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: #236AD6;
  }

.ch-blog-emcm h1 {
  font-size: clamp(2.1rem, 4.6vw, 3.5rem);
  font-weight: 800;
  margin: 1.1rem 0 1.1rem;
}

.ch-blog-emcm .ch-blog-emcm-lede {
  font-size: 1.175rem;
  color: #33475B;
  max-width: 44em;
}

.ch-blog-emcm .ch-blog-emcm-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem 1.4rem;
  margin-top: 1.5rem;
  font-size: .9rem;
  color: #64798C;
}

  .ch-blog-emcm .ch-blog-emcm-meta span {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
  }

  .ch-blog-emcm .ch-blog-emcm-meta svg {
    width: 15px;
    height: 15px;
    flex: none;
    color: #236AD6;
  }

.ch-blog-emcm .ch-blog-emcm-hero-cta {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem;
  margin-top: 1.8rem;
}

.ch-blog-emcm .ch-blog-emcm-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  font-weight: 700;
  font-size: 1rem;
  padding: .85rem 1.6rem;
  border-radius: 999px;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  transition: transform .18s cubic-bezier(.2,.7,.3,1), box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
}

  .ch-blog-emcm .ch-blog-emcm-btn:hover {
    text-decoration: none;
  }

.ch-blog-emcm .ch-blog-emcm-btn--primary {
  background: #236AD6;
  color: #fff;
  box-shadow: 0 6px 16px rgba(35,106,214,.14), 0 22px 48px rgba(35,106,214,.16);
}

  .ch-blog-emcm .ch-blog-emcm-btn--primary:hover {
    background: #164FA6;
  }

.ch-blog-emcm .ch-blog-emcm-btn--ghost {
  background: #FFFFFF;
  color: #164FA6;
  border-color: #C9D8E8;
  box-shadow: 0 1px 2px rgba(16,27,43,.05), 0 2px 8px rgba(16,27,43,.05);
}

  .ch-blog-emcm .ch-blog-emcm-btn--ghost:hover {
    border-color: #236AD6;
    background: #EAF2FE;
  }

.ch-blog-emcm .ch-blog-emcm-btn .ch-blog-emcm-arw {
  transition: transform .22s ease;
}

.ch-blog-emcm .ch-blog-emcm-btn:hover .ch-blog-emcm-arw {
  transform: translateX(4px);
}

.ch-blog-emcm .ch-blog-emcm-shot {
  margin: 0;
}

.ch-blog-emcm .ch-blog-emcm-shot-frame {
  position: relative;
  overflow: hidden;
  border: 1px solid #DFE7F0;
  background: linear-gradient(160deg, #F5F8FC, #EDF3FA);
  box-shadow: 0 2px 6px rgba(16,27,43,.06), 0 12px 28px rgba(16,27,43,.08);
  transition: box-shadow .3s ease, border-color .3s ease, transform .3s ease;
}

  .ch-blog-emcm .ch-blog-emcm-shot-frame:hover {
    box-shadow: 0 6px 16px rgba(35,106,214,.14), 0 22px 48px rgba(35,106,214,.16);
    border-color: #D6E6FD;
  }

  .ch-blog-emcm .ch-blog-emcm-shot-frame img {
    transition: transform .5s cubic-bezier(.2,.7,.3,1);
  }

  .ch-blog-emcm .ch-blog-emcm-shot-frame:hover img {
    transform: scale(1.035);
  }

.ch-blog-emcm .ch-blog-emcm-shot-veil {
  position: absolute;
  inset: auto 0 0 0;
  padding: 2.6rem 1.2rem 1.1rem;
  background: linear-gradient(to top, rgba(16,27,43,.72), transparent);
  color: #fff;
  font-weight: 700;
  font-size: .95rem;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .3s ease, transform .3s ease;
}

.ch-blog-emcm .ch-blog-emcm-shot-frame:hover .ch-blog-emcm-shot-veil {
  opacity: 1;
  transform: translateY(0);
}

.ch-blog-emcm .ch-blog-emcm-shot figcaption {
  margin-top: .7rem;
  font-size: .875rem;
  color: #64798C;
}

.ch-blog-emcm .ch-blog-emcm-slot {
  display: grid;
  place-items: center;
  gap: .55rem;
  text-align: center;
  aspect-ratio: 16 / 9;
  padding: 1.4rem;
  background-image: linear-gradient(to right, rgba(35,106,214,.07) 1px, transparent 1px), linear-gradient(to bottom, rgba(35,106,214,.07) 1px, transparent 1px);
  background-size: 30px 30px;
}

  .ch-blog-emcm .ch-blog-emcm-slot .ch-blog-emcm-ico {
    width: 40px;
    height: 40px;
    color: #236AD6;
    opacity: .8;
  }

  .ch-blog-emcm .ch-blog-emcm-slot .ch-blog-emcm-lbl {
    font-weight: 700;
    color: #101B2B;
    font-size: 1.02rem;
  }

  .ch-blog-emcm .ch-blog-emcm-slot .ch-blog-emcm-alt {
    font-size: .72rem;
    color: #64798C;
    word-break: break-word;
    max-width: 46ch;
    line-height: 1.5;
  }

  .ch-blog-emcm .ch-blog-emcm-slot .ch-blog-emcm-hint {
    font-size: .66rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #164FA6;
    background: #EAF2FE;
    border: 1px solid #D6E6FD;
    border-radius: 999px;
    padding: .25rem .7rem;
  }

/* ---------- layout: TOC + article ---------- */
.ch-blog-emcm .ch-blog-emcm-layout {
  display: grid;
  gap: 2.4rem;
  padding: 2.6rem 0 0;
  align-items: start;
}

@media (min-width: 1100px) {
  .ch-blog-emcm .ch-blog-emcm-layout {
    grid-template-columns: 286px minmax(0, 1fr);
    gap: 3.4rem;
  }
}

.ch-blog-emcm .ch-blog-emcm-article {
  max-width: 100%;
}

  .ch-blog-emcm .ch-blog-emcm-article > section {
    padding: 2.4rem 0 .4rem;
  }

  .ch-blog-emcm .ch-blog-emcm-article h2 {
    font-size: clamp(1.6rem, 2.9vw, 2.15rem);
    font-weight: 800;
    margin-bottom: 1rem;
    scroll-margin-top: 92px;
  }

  .ch-blog-emcm .ch-blog-emcm-article h3 {
    font-size: 1.22rem;
    font-weight: 700;
    margin: 1.9rem 0 .6rem;
  }

  .ch-blog-emcm .ch-blog-emcm-article p {
    margin-bottom: 1.05rem;
  }

  .ch-blog-emcm .ch-blog-emcm-article ul.ch-blog-emcm-body-list {
    margin: 0 0 1.3rem;
    padding: 0;
    list-style: none;
    display: grid;
    gap: .55rem;
  }

    .ch-blog-emcm .ch-blog-emcm-article ul.ch-blog-emcm-body-list li {
      position: relative;
      padding-left: 1.5rem;
    }

      .ch-blog-emcm .ch-blog-emcm-article ul.ch-blog-emcm-body-list li::before {
        content: "";
        position: absolute;
        left: 0;
        top: .62rem;
        width: .5rem;
        height: .5rem;
        border-radius: 50%;
        background: #236AD6;
        opacity: .85;
      }

.ch-blog-emcm .ch-blog-emcm-sec-num {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-size: .68rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #236AD6;
  margin-bottom: .55rem;
}

  .ch-blog-emcm .ch-blog-emcm-sec-num::before {
    content: "";
    width: 1.6rem;
    height: 1px;
    background: #236AD6;
    opacity: .5;
  }

.ch-blog-emcm .ch-blog-emcm-divider {
  height: 1px;
  border: 0;
  margin: 2.2rem 0 0;
  background: linear-gradient(90deg, transparent, #C9D8E8 18%, #C9D8E8 82%, transparent);
}

.ch-blog-emcm .ch-blog-emcm-divider--dot {
  position: relative;
}

  .ch-blog-emcm .ch-blog-emcm-divider--dot::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 7px;
    height: 7px;
    margin: -3.5px 0 0 -3.5px;
    border-radius: 50%;
    background: #236AD6;
    box-shadow: 0 0 0 5px #FFFFFF, 0 0 0 6px #D6E6FD;
  }

/* pull quote / callout */
.ch-blog-emcm .ch-blog-emcm-callout {
  max-width: 74ch;
  border-left: 3px solid #236AD6;
  background: linear-gradient(100deg, #EAF2FE, rgba(234,242,254,0));
  border-radius: 0 16px 16px 0;
  padding: 1.1rem 1.3rem;
  margin: 0 0 1.3rem;
  font-size: 1.06rem;
  color: #101B2B;
}

  .ch-blog-emcm .ch-blog-emcm-callout strong {
    color: #164FA6;
  }

/* ---------- text effects ---------- */
.ch-blog-emcm .ch-blog-emcm-hl {
  color: #101B2B;
  font-weight: 600;
  background-image: linear-gradient(90deg, rgba(35,106,214,.22), rgba(61,139,242,.30));
  background-repeat: no-repeat;
  background-position: 0 88%;
  background-size: 0% .46em;
  border-radius: 3px;
  transition: background-size .75s cubic-bezier(.2,.7,.3,1);
}

  .ch-blog-emcm .ch-blog-emcm-hl.ch-blog-emcm-in {
    background-size: 100% .46em;
  }

.ch-blog-emcm .ch-blog-emcm-shift {
  font-weight: 700;
  background: linear-gradient(90deg, #455A64 0%, #455A64 22%, #236AD6 55%, #3D8BF2 78%, #236AD6 100%);
  background-size: 260% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}








.ch-blog-emcm .ch-blog-emcm-reveal--left {
  transform: translateX(-22px);
}

.ch-blog-emcm .ch-blog-emcm-reveal--right {
  transform: translateX(22px);
}

.ch-blog-emcm .ch-blog-emcm-reveal--scale {
  transform: scale(.96);
}












.ch-blog-emcm .ch-blog-emcm-flow-panel {
  border: 1px solid #DFE7F0;
  border-radius: 24px;
  background: #FFFFFF;
  box-shadow: 0 2px 6px rgba(16,27,43,.06), 0 12px 28px rgba(16,27,43,.08);
  padding: 1.5rem 1.4rem;
  margin: 1.6rem 0 1.4rem;
  display: grid;
  gap: 1.5rem;
}

.ch-blog-emcm .ch-blog-emcm-flow-row {
  display: grid;
  gap: .8rem;
}

.ch-blog-emcm .ch-blog-emcm-flow-head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
}

.ch-blog-emcm .ch-blog-emcm-flow-tag {
  font-size: .66rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: .28rem .7rem;
  border-radius: 999px;
  text-align: center;
}

.ch-blog-emcm .ch-blog-emcm-flow-tag--manual {
  color: #D64545;
  background: rgba(214,69,69,.09);
  border: 1px solid rgba(214,69,69,.22);
}

.ch-blog-emcm .ch-blog-emcm-flow-tag--digital {
  color: #164FA6;
  background: #EAF2FE;
  border: 1px solid #D6E6FD;
}

.ch-blog-emcm .ch-blog-emcm-flow-head .ch-blog-emcm-flow-note {
  font-size: .84rem;
  color: #64798C;
}

.ch-blog-emcm .ch-blog-emcm-flow-track {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  gap: .5rem;
}

.ch-blog-emcm .ch-blog-emcm-node {
  display: flex;
  align-items: center;
  gap: .5rem;
  border-radius: 10px;
  padding: .6rem .85rem;
  font-weight: 600;
  font-size: .88rem;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(10px) scale(.96);
  transition: opacity .45s ease, transform .45s cubic-bezier(.2,.7,.3,1), box-shadow .25s ease;
}

.ch-blog-emcm .ch-blog-emcm-flow-track.ch-blog-emcm-in .ch-blog-emcm-node {
  opacity: 1;
  transform: none;
}

.ch-blog-emcm .ch-blog-emcm-node--manual {
  background: #F5F8FC;
  border: 1px dashed #C9D8E8;
  color: #455A64;
}

.ch-blog-emcm .ch-blog-emcm-node--digital {
  background: #EAF2FE;
  border: 1px solid #D6E6FD;
  color: #164FA6;
}

.ch-blog-emcm .ch-blog-emcm-node:hover {
  box-shadow: 0 1px 2px rgba(16,27,43,.05), 0 2px 8px rgba(16,27,43,.05);
}

.ch-blog-emcm .ch-blog-emcm-arrow {
  display: grid;
  place-items: center;
  color: #C9D8E8;
  flex: none;
  opacity: 0;
  transform: scaleX(.4);
  transform-origin: left center;
  transition: opacity .35s ease, transform .35s ease;
}

.ch-blog-emcm .ch-blog-emcm-flow-track.ch-blog-emcm-in .ch-blog-emcm-arrow {
  opacity: 1;
  transform: none;
}

.ch-blog-emcm .ch-blog-emcm-flow-row--digital .ch-blog-emcm-arrow {
  color: #3D8BF2;
}

.ch-blog-emcm .ch-blog-emcm-flow-track .ch-blog-emcm-node:nth-child(1), .ch-blog-emcm .ch-blog-emcm-flow-track .ch-blog-emcm-arrow:nth-child(2) {
  transition-delay: .05s;
}

.ch-blog-emcm .ch-blog-emcm-flow-track .ch-blog-emcm-node:nth-child(3), .ch-blog-emcm .ch-blog-emcm-flow-track .ch-blog-emcm-arrow:nth-child(4) {
  transition-delay: .17s;
}

.ch-blog-emcm .ch-blog-emcm-flow-track .ch-blog-emcm-node:nth-child(5), .ch-blog-emcm .ch-blog-emcm-flow-track .ch-blog-emcm-arrow:nth-child(6) {
  transition-delay: .29s;
}

.ch-blog-emcm .ch-blog-emcm-flow-track .ch-blog-emcm-node:nth-child(7), .ch-blog-emcm .ch-blog-emcm-flow-track .ch-blog-emcm-arrow:nth-child(8) {
  transition-delay: .41s;
}

.ch-blog-emcm .ch-blog-emcm-flow-track .ch-blog-emcm-node:nth-child(9), .ch-blog-emcm .ch-blog-emcm-flow-track .ch-blog-emcm-arrow:nth-child(10) {
  transition-delay: .53s;
}

.ch-blog-emcm .ch-blog-emcm-flow-track .ch-blog-emcm-node:nth-child(11), .ch-blog-emcm .ch-blog-emcm-flow-track .ch-blog-emcm-arrow:nth-child(12) {
  transition-delay: .65s;
}

.ch-blog-emcm .ch-blog-emcm-flow-split {
  display: grid;
  place-items: center;
  gap: .3rem;
  color: #236AD6;
}

  .ch-blog-emcm .ch-blog-emcm-flow-split .ch-blog-emcm-mono {
    font-size: .68rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #64798C;
  }

/* ---------- flip cards ---------- */
.ch-blog-emcm .ch-blog-emcm-flip-grid {
  display: grid;
  gap: 1rem;
  margin: 1.6rem 0 1.2rem;
}

@media (min-width: 600px) {
  .ch-blog-emcm .ch-blog-emcm-flip-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1000px) {
  .ch-blog-emcm .ch-blog-emcm-flip-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.ch-blog-emcm .ch-blog-emcm-flip {
  perspective: 1400px;
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.ch-blog-emcm .ch-blog-emcm-flip-inner {
  position: relative;
  width: 100%;
  min-height: 13.5rem;
  transform-style: preserve-3d;
  transition: transform .62s cubic-bezier(.3,.8,.3,1);
}

.ch-blog-emcm .ch-blog-emcm-flip:hover .ch-blog-emcm-flip-inner, .ch-blog-emcm .ch-blog-emcm-flip:focus-visible .ch-blog-emcm-flip-inner, .ch-blog-emcm .ch-blog-emcm-flip.ch-blog-emcm-flipped .ch-blog-emcm-flip-inner {
  transform: rotateY(180deg);
}

.ch-blog-emcm .ch-blog-emcm-flip-face {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: 16px;
  border: 1px solid #DFE7F0;
  padding: 1.25rem 1.2rem;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  box-shadow: 0 1px 2px rgba(16,27,43,.05), 0 2px 8px rgba(16,27,43,.05);
}

.ch-blog-emcm .ch-blog-emcm-flip-front {
  background: #FFFFFF;
}

.ch-blog-emcm .ch-blog-emcm-flip-back {
  background: linear-gradient(150deg, #164FA6, #236AD6);
  color: #fff;
  transform: rotateY(180deg);
  border-color: #164FA6;
}

  .ch-blog-emcm .ch-blog-emcm-flip-back h4 {
    color: #fff;
    font-size: 1rem;
  }

  .ch-blog-emcm .ch-blog-emcm-flip-back p {
    color: rgba(255,255,255,.92);
    font-size: .93rem;
    line-height: 1.6;
    margin: 0;
  }

.ch-blog-emcm .ch-blog-emcm-flip-ico {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: #EAF2FE;
  color: #164FA6;
  margin-bottom: .2rem;
  transition: transform .3s ease;
}

.ch-blog-emcm .ch-blog-emcm-flip:hover .ch-blog-emcm-flip-ico {
  transform: translateY(-2px) rotate(-4deg);
}

.ch-blog-emcm .ch-blog-emcm-flip-ico svg {
  width: 22px;
  height: 22px;
}

.ch-blog-emcm .ch-blog-emcm-flip-front h4 {
  font-size: 1.12rem;
}

.ch-blog-emcm .ch-blog-emcm-flip-front .ch-blog-emcm-sub {
  font-size: .88rem;
  color: #64798C;
}

.ch-blog-emcm .ch-blog-emcm-flip-hint {
  margin-top: auto;
  font-size: .64rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #64798C;
}

.ch-blog-emcm .ch-blog-emcm-flip-back .ch-blog-emcm-flip-hint {
  color: rgba(255,255,255,.7);
}

/* the big two-card manual vs digital */
.ch-blog-emcm .ch-blog-emcm-duel {
  display: grid;
  gap: 1.1rem;
  margin: 1.7rem 0 1.2rem;
}

@media (min-width: 780px) {
  .ch-blog-emcm .ch-blog-emcm-duel {
    grid-template-columns: 1fr 1fr;
  }
}

.ch-blog-emcm .ch-blog-emcm-duel .ch-blog-emcm-flip-inner {
  min-height: 19rem;
}

.ch-blog-emcm .ch-blog-emcm-duel .ch-blog-emcm-flip-front {
  display: grid;
  place-content: center;
  text-align: center;
  gap: .6rem;
}

.ch-blog-emcm .ch-blog-emcm-duel .ch-blog-emcm-duel-title {
  font-weight: 800;
  font-size: clamp(1.8rem, 4vw, 2.4rem);
  letter-spacing: -.03em;
}

.ch-blog-emcm .ch-blog-emcm-duel--manual .ch-blog-emcm-flip-front {
  background: linear-gradient(160deg, #F5F8FC, #EDF3FA);
}

.ch-blog-emcm .ch-blog-emcm-duel--manual .ch-blog-emcm-duel-title {
  color: #455A64;
}

.ch-blog-emcm .ch-blog-emcm-duel--manual .ch-blog-emcm-flip-back {
  background: linear-gradient(150deg, #3B4A55, #566B78);
  border-color: #3B4A55;
}

.ch-blog-emcm .ch-blog-emcm-duel--digital .ch-blog-emcm-flip-front {
  background: linear-gradient(160deg, #EAF2FE, #fff);
  border-color: #D6E6FD;
}

.ch-blog-emcm .ch-blog-emcm-duel--digital .ch-blog-emcm-duel-title {
  color: #164FA6;
}

.ch-blog-emcm .ch-blog-emcm-duel-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .5rem;
}

  .ch-blog-emcm .ch-blog-emcm-duel-list li {
    position: relative;
    padding-left: 1.2rem;
    font-size: .96rem;
    color: rgba(255,255,255,.94);
  }

    .ch-blog-emcm .ch-blog-emcm-duel-list li::before {
      content: "▸";
      position: absolute;
      left: 0;
      opacity: .75;
    }

/* ---------- comparison ---------- */
.ch-blog-emcm .ch-blog-emcm-cmp {
  border: 1px solid #DFE7F0;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(16,27,43,.06), 0 12px 28px rgba(16,27,43,.08);
  background: #FFFFFF;
  margin: 1.6rem 0 1.2rem;
}

.ch-blog-emcm .ch-blog-emcm-cmp-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

  .ch-blog-emcm .ch-blog-emcm-cmp-head div {
    padding: .95rem 1.1rem;
    font-weight: 700;
    font-size: .95rem;
    display: flex;
    align-items: center;
    gap: .5rem;
  }

  .ch-blog-emcm .ch-blog-emcm-cmp-head .ch-blog-emcm-h-manual {
    background: #F5F8FC;
    color: #455A64;
    border-right: 1px solid #DFE7F0;
  }

  .ch-blog-emcm .ch-blog-emcm-cmp-head .ch-blog-emcm-h-soft {
    background: linear-gradient(120deg, #164FA6, #236AD6);
    color: #fff;
  }

.ch-blog-emcm .ch-blog-emcm-cmp-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid #DFE7F0;
  transition: background .22s ease;
}

  .ch-blog-emcm .ch-blog-emcm-cmp-row:hover {
    background: #EAF2FE;
  }

.ch-blog-emcm .ch-blog-emcm-cmp-cell {
  padding: .85rem 1.1rem;
  display: flex;
  gap: .6rem;
  align-items: flex-start;
  font-size: .96rem;
}

  .ch-blog-emcm .ch-blog-emcm-cmp-cell:first-child {
    border-right: 1px solid #DFE7F0;
    color: #455A64;
  }

  .ch-blog-emcm .ch-blog-emcm-cmp-cell .ch-blog-emcm-x {
    color: #D64545;
    font-weight: 700;
  }

  .ch-blog-emcm .ch-blog-emcm-cmp-cell .ch-blog-emcm-v {
    color: #0E9F6E;
    font-weight: 700;
  }

@media (max-width: 640px) {
  .ch-blog-emcm .ch-blog-emcm-cmp-head {
    display: none;
  }

  .ch-blog-emcm .ch-blog-emcm-cmp-row {
    grid-template-columns: 1fr;
    border-top-width: 6px;
    border-top-color: #EDF3FA;
  }

    .ch-blog-emcm .ch-blog-emcm-cmp-row:first-of-type {
      border-top: 0;
    }

  .ch-blog-emcm .ch-blog-emcm-cmp-cell {
    position: relative;
    padding: 1.75rem 1.1rem .85rem;
  }

    .ch-blog-emcm .ch-blog-emcm-cmp-cell:first-child {
      border-right: 0;
      background: #F5F8FC;
    }

    .ch-blog-emcm .ch-blog-emcm-cmp-cell::after {
      content: "Manual";
      position: absolute;
      top: .55rem;
      left: 1.1rem;
      font-size: .6rem;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: #64798C;
    }

    .ch-blog-emcm .ch-blog-emcm-cmp-cell:last-child::after {
      content: "CrickHunt";
      color: #236AD6;
    }
}

/* ---------- pricing ---------- */
.ch-blog-emcm .ch-blog-emcm-price-grid {
  display: grid;
  gap: 1rem;
  margin: 1.7rem 0 1rem;
}

@media (min-width: 620px) {
  .ch-blog-emcm .ch-blog-emcm-price-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1020px) {
  .ch-blog-emcm .ch-blog-emcm-price-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.ch-blog-emcm .ch-blog-emcm-plan {
  position: relative;
  border: 1px solid #DFE7F0;
  border-radius: 16px;
  background: #FFFFFF;
  padding: 1.3rem 1.25rem 1.4rem;
  box-shadow: 0 1px 2px rgba(16,27,43,.05), 0 2px 8px rgba(16,27,43,.05);
  display: grid;
  gap: .35rem;
  align-content: start;
  transition: transform .28s cubic-bezier(.2,.7,.3,1), box-shadow .28s ease, border-color .28s ease;
}

  .ch-blog-emcm .ch-blog-emcm-plan:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 16px rgba(35,106,214,.14), 0 22px 48px rgba(35,106,214,.16);
    border-color: #D6E6FD;
  }

.ch-blog-emcm .ch-blog-emcm-plan-name {
  font-weight: 800;
  font-size: 1.22rem;
  color: #101B2B;
}

.ch-blog-emcm .ch-blog-emcm-plan-teams {
  font-size: .74rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #64798C;
}

.ch-blog-emcm .ch-blog-emcm-plan-price {
  font-weight: 800;
  font-size: 2.1rem;
  color: #164FA6;
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  margin-top: .35rem;
}

  .ch-blog-emcm .ch-blog-emcm-plan-price .ch-blog-emcm-per {
    font-weight: 400;
    font-size: .92rem;
    color: #64798C;
    letter-spacing: 0;
  }

.ch-blog-emcm .ch-blog-emcm-plan-save {
  font-size: .84rem;
  color: #0E9F6E;
  font-weight: 600;
}

.ch-blog-emcm .ch-blog-emcm-plan--feat {
  border-color: #236AD6;
  box-shadow: 0 6px 16px rgba(35,106,214,.14), 0 22px 48px rgba(35,106,214,.16);
}

  .ch-blog-emcm .ch-blog-emcm-plan--feat::before {
    content: "Popular for local leagues";
    position: absolute;
    top: -.75rem;
    left: 1.1rem;
    background: #236AD6;
    color: #fff;
    border-radius: 999px;
    font-size: .62rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    padding: .28rem .7rem;
  }

.ch-blog-emcm .ch-blog-emcm-plan-all {
  margin: 1.2rem 0 0;
  padding: 1rem 1.2rem;
  border-radius: 16px;
  background: #EAF2FE;
  border: 1px solid #D6E6FD;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1.4rem;
  align-items: center;
}

  .ch-blog-emcm .ch-blog-emcm-plan-all .ch-blog-emcm-label {
    font-size: .68rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #164FA6;
  }

  .ch-blog-emcm .ch-blog-emcm-plan-all ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem .9rem;
    margin: 0;
    padding: 0;
  }

  .ch-blog-emcm .ch-blog-emcm-plan-all li {
    font-size: .92rem;
    color: #33475B;
    display: flex;
    align-items: center;
    gap: .4rem;
  }

    .ch-blog-emcm .ch-blog-emcm-plan-all li::before {
      content: "✓";
      color: #236AD6;
      font-weight: 700;
    }

/* ---------- timeline ---------- */
.ch-blog-emcm .ch-blog-emcm-tl {
  position: relative;
  margin: 1.8rem 0 1.2rem;
  padding-left: 3.2rem;
}

  .ch-blog-emcm .ch-blog-emcm-tl::before {
    content: "";
    position: absolute;
    left: 1.15rem;
    top: .6rem;
    bottom: .6rem;
    width: 2px;
    background: #DFE7F0;
    border-radius: 2px;
  }

.ch-blog-emcm .ch-blog-emcm-tl-fill {
  position: absolute;
  left: 1.15rem;
  top: .6rem;
  width: 2px;
  height: 0;
  background: linear-gradient(180deg, #236AD6, #3D8BF2);
  border-radius: 2px;
  transition: height .18s linear;
}

.ch-blog-emcm .ch-blog-emcm-tl-step {
  position: relative;
  padding: 0 0 1.5rem;
}

  .ch-blog-emcm .ch-blog-emcm-tl-step:last-child {
    padding-bottom: 0;
  }

.ch-blog-emcm .ch-blog-emcm-tl-dot {
  position: absolute;
  left: -2.55rem;
  top: .15rem;
  width: 2.05rem;
  height: 2.05rem;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #FFFFFF;
  border: 2px solid #DFE7F0;
  font-size: .74rem;
  color: #64798C;
  transition: border-color .3s ease, color .3s ease, background .3s ease, transform .3s ease;
}

.ch-blog-emcm .ch-blog-emcm-tl-step.ch-blog-emcm-in .ch-blog-emcm-tl-dot {
  border-color: #236AD6;
  color: #fff;
  background: #236AD6;
  transform: scale(1.06);
}

.ch-blog-emcm .ch-blog-emcm-tl-step h4 {
  font-size: 1.08rem;
  margin-bottom: .25rem;
}

.ch-blog-emcm .ch-blog-emcm-tl-step p {
  font-size: .96rem;
  color: #33475B;
  max-width: 56ch;
  margin: 0;
}

/* ---------- audience chips ---------- */
.ch-blog-emcm .ch-blog-emcm-who {
  display: grid;
  gap: .8rem;
  margin: 1.4rem 0 1rem;
}

@media (min-width: 700px) {
  .ch-blog-emcm .ch-blog-emcm-who {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1060px) {
  .ch-blog-emcm .ch-blog-emcm-who {
    grid-template-columns: repeat(3, 1fr);
  }
}

.ch-blog-emcm .ch-blog-emcm-who-card {
  border: 1px solid #DFE7F0;
  border-radius: 16px;
  background: #FFFFFF;
  padding: 1rem 1.1rem;
  box-shadow: 0 1px 2px rgba(16,27,43,.05), 0 2px 8px rgba(16,27,43,.05);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

  .ch-blog-emcm .ch-blog-emcm-who-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 2px 6px rgba(16,27,43,.06), 0 12px 28px rgba(16,27,43,.08);
    border-color: #D6E6FD;
  }

  .ch-blog-emcm .ch-blog-emcm-who-card h4 {
    font-size: 1.02rem;
    margin-bottom: .2rem;
    margin-top: 0;
  }

  .ch-blog-emcm .ch-blog-emcm-who-card p {
    font-size: .92rem;
    color: #64798C;
    margin: 0;
  }

/* ---------- FAQ ---------- */
.ch-blog-emcm .ch-blog-emcm-faq {
  display: grid;
  gap: .7rem;
  margin: 1.5rem 0 1rem;
}

.ch-blog-emcm .ch-blog-emcm-faq-item {
  border: 1px solid #DFE7F0;
  border-radius: 16px;
  background: #FFFFFF;
  box-shadow: 0 1px 2px rgba(16,27,43,.05), 0 2px 8px rgba(16,27,43,.05);
  overflow: hidden;
  transition: border-color .25s ease, box-shadow .25s ease;
}

  .ch-blog-emcm .ch-blog-emcm-faq-item:hover {
    border-color: #D6E6FD;
  }

  .ch-blog-emcm .ch-blog-emcm-faq-item.ch-blog-emcm-open {
    border-color: #236AD6;
    box-shadow: 0 2px 6px rgba(16,27,43,.06), 0 12px 28px rgba(16,27,43,.08);
  }

.ch-blog-emcm .ch-blog-emcm-faq-q {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  background: none;
  border: 0;
  cursor: pointer;
  text-align: left;
  padding: 1.05rem 1.2rem;
  font-weight: 700;
  font-size: 1.02rem;
  color: #101B2B;
}

.ch-blog-emcm .ch-blog-emcm-faq-item.ch-blog-emcm-open .ch-blog-emcm-faq-q {
  color: #164FA6;
}

.ch-blog-emcm .ch-blog-emcm-faq-sign {
  position: relative;
  width: 18px;
  height: 18px;
  flex: none;
}

  .ch-blog-emcm .ch-blog-emcm-faq-sign::before, .ch-blog-emcm .ch-blog-emcm-faq-sign::after {
    content: "";
    position: absolute;
    background: #236AD6;
    border-radius: 2px;
    transition: transform .32s cubic-bezier(.3,.8,.3,1), opacity .3s ease;
  }

  .ch-blog-emcm .ch-blog-emcm-faq-sign::before {
    left: 0;
    right: 0;
    top: 8px;
    height: 2px;
  }

  .ch-blog-emcm .ch-blog-emcm-faq-sign::after {
    top: 0;
    bottom: 0;
    left: 8px;
    width: 2px;
  }

.ch-blog-emcm .ch-blog-emcm-faq-item.ch-blog-emcm-open .ch-blog-emcm-faq-sign::after {
  transform: rotate(90deg);
  opacity: 0;
}

.ch-blog-emcm .ch-blog-emcm-faq-a {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .38s cubic-bezier(.3,.8,.3,1);
}

.ch-blog-emcm .ch-blog-emcm-faq-item.ch-blog-emcm-open .ch-blog-emcm-faq-a {
  grid-template-rows: 1fr;
}

.ch-blog-emcm .ch-blog-emcm-faq-a > div {
  overflow: hidden;
}

.ch-blog-emcm .ch-blog-emcm-faq-a p {
  padding: 0 1.2rem 1.15rem;
  margin: 0;
  color: #33475B;
  max-width: 74ch;
}

.ch-blog-emcm .ch-blog-emcm-final {
  position: relative;
  margin: 0;
  padding: 1rem 0;
}

.ch-blog-emcm .ch-blog-emcm-final-card {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(135deg, #123F86 0%, #164FA6 42%, #236AD6 100%);
  color: #fff;
  padding: clamp(2rem, 5vw, 3.4rem);
  box-shadow: 0 24px 60px rgba(22,79,166,.32);
  text-align: center;
}

  .ch-blog-emcm .ch-blog-emcm-final-card::before {
    content: "";
    position: absolute;
    inset: -40%;
    background: radial-gradient(28rem 20rem at 30% 20%, rgba(255,255,255,.20), transparent 60%), radial-gradient(24rem 18rem at 76% 80%, rgba(120,190,255,.24), transparent 62%);
  }

  .ch-blog-emcm .ch-blog-emcm-final-card > * {
    position: relative;
  }

  .ch-blog-emcm .ch-blog-emcm-final-card h2 {
    color: #fff;
    margin-bottom: .9rem;
  }

  .ch-blog-emcm .ch-blog-emcm-final-card p {
    color: rgba(255,255,255,.92);
    max-width: 52ch;
    margin: 0 auto 1.7rem;
    font-size: 1.08rem;
  }

.ch-blog-emcm .ch-blog-emcm-final-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem;
  justify-content: center;
}

.ch-blog-emcm .ch-blog-emcm-final .ch-blog-emcm-btn--primary {
  background: #fff;
  color: #164FA6;
  box-shadow: 0 10px 30px rgba(0,0,0,.22);
}

  .ch-blog-emcm .ch-blog-emcm-final .ch-blog-emcm-btn--primary:hover {
    background: #EAF2FE;
  }

.ch-blog-emcm .ch-blog-emcm-final .ch-blog-emcm-btn--ghost {
  background: rgba(255,255,255,.08);
  color: #fff;
  border-color: rgba(255,255,255,.5);
  box-shadow: none;
}

  .ch-blog-emcm .ch-blog-emcm-final .ch-blog-emcm-btn--ghost:hover {
    background: rgba(255,255,255,.16);
    border-color: #fff;
  }

@media (prefers-reduced-motion: reduce) {

  .ch-blog-emcm *, .ch-blog-emcm *::before, .ch-blog-emcm *::after {
    transition-duration: .001ms !important;
  }

  .ch-blog-emcm .ch-blog-emcm-reveal,
  .ch-blog-emcm .ch-blog-emcm-hl {
    background-size: 100% .46em !important;
  }

  .ch-blog-emcm .ch-blog-emcm-flip:hover .ch-blog-emcm-flip-inner {
    transform: none;
  }

  .ch-blog-emcm .ch-blog-emcm-flip.ch-blog-emcm-flipped .ch-blog-emcm-flip-inner {
    transform: rotateY(180deg);
  }
}




/* the featured image sits below the headline block, full content width */
.ch-blog-emcm .ch-blog-emcm-hero-grid {
  display: block;
}

.ch-blog-emcm .ch-blog-emcm-hero-media {
  margin-top: 2.2rem;
}

  .ch-blog-emcm .ch-blog-emcm-hero-media figcaption {
    margin-top: .8rem;
  }

.ch-blog-emcm .ch-blog-emcm-layout {
  display: block;
  padding-top: 1.2rem;
}

.ch-blog-emcm .ch-blog-emcm-article {
  max-width: 100%;
}

/* keyword highlight — drawn, never animated */
.ch-blog-emcm .ch-blog-emcm-hl {
  position: relative;
  isolation: isolate;
  background-image: none;
}

  .ch-blog-emcm .ch-blog-emcm-hl::after {
    content: "";
    position: absolute;
    left: -.1em;
    right: -.1em;
    bottom: .02em;
    height: .46em;
    background: linear-gradient(90deg, rgba(35,106,214,.22), rgba(61,139,242,.30));
    border-radius: 3px;
    z-index: -1;
  }

/* the Manual -> Digital keywords keep the brand gradient, statically */
.ch-blog-emcm .ch-blog-emcm-shift {
  background-position: 50% 50%;
}

/* workflow diagram, timeline rail and step dots: final state, drawn on paint */
.ch-blog-emcm .ch-blog-emcm-node, .ch-blog-emcm .ch-blog-emcm-arrow {
  opacity: 1;
  transform: none;
}

.ch-blog-emcm .ch-blog-emcm-tl-fill {
  top: .6rem;
  bottom: .6rem;
  height: auto;
  transform: none;
}

.ch-blog-emcm .ch-blog-emcm-tl-step .ch-blog-emcm-tl-dot {
  border-color: #236AD6;
  color: #FFFFFF;
  background: #236AD6;
}


.ch-blog-emcm .ch-blog-emcm-shot-frame {
  position: relative;
}

.ch-blog-emcm .ch-blog-emcm-slot--behind {
  position: absolute;
  inset: 0;
  z-index: 0;
  aspect-ratio: auto;
}

.ch-blog-emcm .ch-blog-emcm-slot--solo {
  position: relative;
  z-index: 0;
}

/* visually hidden, still read by screen readers */
.ch-blog-emcm .ch-blog-emcm-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}


.ch-blog-emcm .ch-blog-emcm-flip {
  position: relative;
  padding: 0;
  border: 0;
  background: none;
  text-align: left;
}

.ch-blog-emcm .ch-blog-emcm-flip--hoveronly {
  cursor: default;
}

.ch-blog-emcm .ch-blog-emcm-flip-cb {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
}

.ch-blog-emcm .ch-blog-emcm-flip-hit {
  position: absolute;
  inset: 0;
  z-index: 5;
  cursor: pointer;
  border-radius: 16px;
}

.ch-blog-emcm .ch-blog-emcm-flip-cb:checked ~ .ch-blog-emcm-flip-inner {
  transform: rotateY(180deg);
}

.ch-blog-emcm .ch-blog-emcm-flip-cb:focus-visible ~ .ch-blog-emcm-flip-hit {
  outline: 3px solid #236AD6;
  outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
  .ch-blog-emcm .ch-blog-emcm-flip:hover .ch-blog-emcm-flip-inner {
    transform: rotateY(180deg);
  }
}


@media (hover: none), (pointer: coarse) {
  .ch-blog-emcm .ch-blog-emcm-flip--hoveronly {
    perspective: none;
    border: 1px solid #DFE7F0;
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0 1px 2px rgba(16,27,43,.05), 0 2px 8px rgba(16,27,43,.05);
    padding: 1.25rem 1.2rem;
  }

    .ch-blog-emcm .ch-blog-emcm-flip--hoveronly .ch-blog-emcm-flip-inner {
      min-height: 0;
      transform: none;
      transform-style: flat;
      display: grid;
      gap: .5rem;
    }

    .ch-blog-emcm .ch-blog-emcm-flip--hoveronly .ch-blog-emcm-flip-face {
      position: static;
      backface-visibility: visible;
      -webkit-backface-visibility: visible;
      transform: none;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      padding: 0;
      gap: .4rem;
    }

    .ch-blog-emcm .ch-blog-emcm-flip--hoveronly .ch-blog-emcm-flip-back {
      background: none;
    }

      .ch-blog-emcm .ch-blog-emcm-flip--hoveronly .ch-blog-emcm-flip-back h4 {
        display: none;
      }

      .ch-blog-emcm .ch-blog-emcm-flip--hoveronly .ch-blog-emcm-flip-back p {
        color: #33475B;
      }

    .ch-blog-emcm .ch-blog-emcm-flip--hoveronly .ch-blog-emcm-flip-hint {
      display: none;
    }
}

/* ---- FAQ: native <details>, no script ---- */
.ch-blog-emcm .ch-blog-emcm-faq-item {
  border: 1px solid #DFE7F0;
  border-radius: 16px;
  background: #FFFFFF;
  box-shadow: 0 1px 2px rgba(16,27,43,.05), 0 2px 8px rgba(16,27,43,.05);
  overflow: hidden;
  transition: border-color .25s ease, box-shadow .25s ease;
}

  .ch-blog-emcm .ch-blog-emcm-faq-item:hover {
    border-color: #D6E6FD;
  }

  .ch-blog-emcm .ch-blog-emcm-faq-item[open] {
    border-color: #236AD6;
    box-shadow: 0 2px 6px rgba(16,27,43,.06), 0 12px 28px rgba(16,27,43,.08);
  }

.ch-blog-emcm .ch-blog-emcm-faq-q {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.05rem 1.2rem;
}

  .ch-blog-emcm .ch-blog-emcm-faq-q::-webkit-details-marker {
    display: none;
  }

.ch-blog-emcm .ch-blog-emcm-faq-h {
  font-family: "Plus Jakarta Sans", "Segoe UI", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1.02rem;
  color: #101B2B;
  margin: 0;
  line-height: 1.35;
}

.ch-blog-emcm .ch-blog-emcm-faq-item[open] .ch-blog-emcm-faq-h {
  color: #164FA6;
}

.ch-blog-emcm .ch-blog-emcm-faq-a p {
  padding: 0 1.2rem 1.15rem;
  margin: 0;
  color: #33475B;
  max-width: 74ch;
}

.ch-blog-emcm .ch-blog-emcm-faq-item[open] .ch-blog-emcm-faq-sign::after {
  transform: rotate(90deg);
  opacity: 0;
}

/* smooth open/close where the browser supports animating details */
@supports (interpolate-size: allow-keywords) {
  .ch-blog-emcm .ch-blog-emcm-faq-item::details-content {
    block-size: 0;
    overflow: hidden;
    transition: block-size .38s cubic-bezier(.3,.8,.3,1), content-visibility .38s allow-discrete;
  }

  .ch-blog-emcm .ch-blog-emcm-faq-item[open]::details-content {
    block-size: auto;
  }
}

/* ---- anchor navigation: native, with clearance for the site header ---- */
.ch-blog-emcm section[id] {
  scroll-margin-top: 90px;
}


@media (max-width: 1024px) {
  .ch-blog-emcm .ch-blog-emcm-article > section {
    padding: 1.9rem 0 .3rem;
  }

  .ch-blog-emcm .ch-blog-emcm-hero {
    padding: 1.6rem 0 .6rem;
  }

  .ch-blog-emcm .ch-blog-emcm-hero-media {
    margin-top: 1.5rem;
  }

  .ch-blog-emcm .ch-blog-emcm-divider {
    margin-top: 1.7rem;
  }

  .ch-blog-emcm .ch-blog-emcm-flow-panel {
    padding: 1.2rem 1.15rem;
    margin: 1.3rem 0 1.1rem;
    gap: 1.2rem;
  }

  .ch-blog-emcm .ch-blog-emcm-flip-grid, .ch-blog-emcm .ch-blog-emcm-price-grid, .ch-blog-emcm .ch-blog-emcm-who, .ch-blog-emcm .ch-blog-emcm-duel {
    gap: .85rem;
  }

  .ch-blog-emcm .ch-blog-emcm-final {
    margin-top: 2.2rem;
    padding: 2.2rem 0 2.4rem;
  }

  .ch-blog-emcm .ch-blog-emcm-final-card {
    padding: 2rem 1.6rem;
  }

  .ch-blog-emcm .ch-blog-emcm-tl {
    padding-left: 2.9rem;
    margin: 1.4rem 0 1rem;
  }
}

/* ---- phone ---- */
@media (max-width: 640px) {
  /* fill whatever container the CMS puts this in, rather than a vw figure that
     can overshoot a wrapper that already has its own padding */
  .ch-blog-emcm .ch-blog-emcm-shell {
    width: 100%;
  }

  .ch-blog-emcm {
    font-size: 1rem;
  }

    .ch-blog-emcm .ch-blog-emcm-article > section {
      padding: 1.4rem 0 .2rem;
    }

    .ch-blog-emcm .ch-blog-emcm-article p {
      margin-bottom: .85rem;
    }

    .ch-blog-emcm .ch-blog-emcm-article h2 {
      margin-bottom: .7rem;
    }

    .ch-blog-emcm .ch-blog-emcm-article h3 {
      margin: 1.3rem 0 .5rem;
    }

    .ch-blog-emcm .ch-blog-emcm-article ul.ch-blog-emcm-body-list {
      margin-bottom: 1rem;
      gap: .45rem;
    }

    .ch-blog-emcm .ch-blog-emcm-sec-num {
      margin-bottom: .4rem;
    }

    .ch-blog-emcm .ch-blog-emcm-divider {
      margin-top: 1.25rem;
    }

    .ch-blog-emcm .ch-blog-emcm-hero {
      padding: 1rem 0 .4rem;
    }

    .ch-blog-emcm h1 {
      margin: .7rem 0 .75rem;
    }

    .ch-blog-emcm .ch-blog-emcm-lede {
      font-size: 1.05rem;
    }

    .ch-blog-emcm .ch-blog-emcm-meta {
      margin-top: 1rem;
      gap: .4rem .9rem;
    }

    .ch-blog-emcm .ch-blog-emcm-hero-cta {
      margin-top: 1.1rem;
      gap: .6rem;
    }

    .ch-blog-emcm .ch-blog-emcm-hero-media {
      margin-top: 1.1rem;
    }

    .ch-blog-emcm .ch-blog-emcm-btn {
      padding: .72rem 1.2rem;
      font-size: .95rem;
    }

    .ch-blog-emcm .ch-blog-emcm-shot figcaption {
      margin-top: .5rem;
      font-size: .82rem;
    }

    .ch-blog-emcm .ch-blog-emcm-callout {
      padding: .9rem 1rem;
      margin-bottom: 1rem;
      font-size: 1rem;
    }

    .ch-blog-emcm .ch-blog-emcm-flow-panel {
      padding: 1rem .9rem;
      margin: 1.1rem 0 .9rem;
      gap: 1rem;
    }

    .ch-blog-emcm .ch-blog-emcm-flow-track {
      gap: .4rem;
    }

    .ch-blog-emcm .ch-blog-emcm-node {
      padding: .5rem .7rem;
      font-size: .84rem;
    }

    .ch-blog-emcm .ch-blog-emcm-flip-grid, .ch-blog-emcm .ch-blog-emcm-price-grid, .ch-blog-emcm .ch-blog-emcm-who, .ch-blog-emcm .ch-blog-emcm-duel {
      gap: .7rem;
    }

    .ch-blog-emcm .ch-blog-emcm-flip-grid {
      margin: 1.2rem 0 .9rem;
    }

    .ch-blog-emcm .ch-blog-emcm-price-grid {
      margin: 1.2rem 0 .8rem;
    }

    .ch-blog-emcm .ch-blog-emcm-who {
      margin: 1.1rem 0 .8rem;
    }

    .ch-blog-emcm .ch-blog-emcm-duel {
      margin: 1.2rem 0 .9rem;
    }

    .ch-blog-emcm .ch-blog-emcm-flip--hoveronly {
      padding: 1rem 1rem;
    }

    .ch-blog-emcm .ch-blog-emcm-flip-face {
      padding: 1rem 1rem;
    }

    .ch-blog-emcm .ch-blog-emcm-plan {
      padding: 1rem 1rem 1.1rem;
    }

    .ch-blog-emcm .ch-blog-emcm-plan-all {
      padding: .85rem 1rem;
      margin-top: .9rem;
      gap: .4rem 1rem;
    }

    .ch-blog-emcm .ch-blog-emcm-who-card {
      padding: .85rem .95rem;
    }

    .ch-blog-emcm .ch-blog-emcm-cmp {
      margin: 1.2rem 0 .9rem;
    }

    .ch-blog-emcm .ch-blog-emcm-cmp-cell {
      padding: 1.55rem .95rem .75rem;
    }

    .ch-blog-emcm .ch-blog-emcm-faq {
      gap: .55rem;
      margin: 1.1rem 0 .8rem;
    }

    .ch-blog-emcm .ch-blog-emcm-faq-q {
      padding: .9rem 1rem;
    }

    .ch-blog-emcm .ch-blog-emcm-faq-h {
      font-size: .98rem;
    }

    .ch-blog-emcm .ch-blog-emcm-faq-a p {
      padding: 0 1rem .95rem;
    }

    .ch-blog-emcm .ch-blog-emcm-tl {
      padding-left: 2.4rem;
      margin: 1.2rem 0 .9rem;
    }

      .ch-blog-emcm .ch-blog-emcm-tl::before, .ch-blog-emcm .ch-blog-emcm-tl-fill {
        left: .85rem;
      }

    .ch-blog-emcm .ch-blog-emcm-tl-dot {
      left: -2.05rem;
      width: 1.75rem;
      height: 1.75rem;
      font-size: .66rem;
    }

    .ch-blog-emcm .ch-blog-emcm-tl-step {
      padding-bottom: 1.05rem;
    }

      .ch-blog-emcm .ch-blog-emcm-tl-step h4 {
        font-size: 1rem;
      }

      .ch-blog-emcm .ch-blog-emcm-tl-step p {
        font-size: .93rem;
      }

    .ch-blog-emcm .ch-blog-emcm-final {
      margin-top: 1.6rem;
      padding: 1.6rem 0 1.8rem;
    }

    .ch-blog-emcm .ch-blog-emcm-final-card {
      padding: 1.5rem 1.15rem;
      border-radius: 18px;
    }

      .ch-blog-emcm .ch-blog-emcm-final-card p {
        margin-bottom: 1.2rem;
        font-size: 1rem;
      }
}

/* ---- very narrow phones ---- */
@media (max-width: 380px) {
  .ch-blog-emcm .ch-blog-emcm-article > section {
    padding: 1.2rem 0 .2rem;
  }

  .ch-blog-emcm .ch-blog-emcm-flip-face, .ch-blog-emcm .ch-blog-emcm-flip--hoveronly, .ch-blog-emcm .ch-blog-emcm-plan {
    padding: .9rem .9rem;
  }

  .ch-blog-emcm .ch-blog-emcm-final-card {
    padding: 1.3rem 1rem;
  }
}

/* ---- reduced motion: everything resolves to its finished state ---- */
@media (prefers-reduced-motion: reduce) {
  .ch-blog-emcm *, .ch-blog-emcm *::before, .ch-blog-emcm *::after {
    transition-duration: .001ms !important;
  }

  .ch-blog-emcm .ch-blog-emcm-reveal, .ch-blog-emcm .ch-blog-emcm-hero-anim, .ch-blog-emcm .ch-blog-emcm-stagger > *,
  .ch-blog-emcm .ch-blog-emcm-w, .ch-blog-emcm .ch-blog-emcm-node, .ch-blog-emcm .ch-blog-emcm-arrow, .ch-blog-emcm .ch-blog-emcm-plan-price {
    opacity: 1 !important;
    transform: none !important;
  }

  .ch-blog-emcm .ch-blog-emcm-hl::after {
    transform: scaleX(1) !important;
  }

  .ch-blog-emcm .ch-blog-emcm-tl-fill {
    transform: scaleY(1) !important;
  }
}













.ch-auc-rule-post {
  --ch-auc-rule-blue: #1466C8;
  --ch-auc-rule-blue-dk: #0E4A94;
  --ch-auc-rule-navy: #0E2237;
  --ch-auc-rule-ink: #1F2D3D;
  --ch-auc-rule-muted: #5A6B7C;
  --ch-auc-rule-tint: #EEF5FF;
  --ch-auc-rule-tint2: #F6F9FC;
  --ch-auc-rule-line: #DCE6F2;
  --ch-auc-rule-line-soft: #E9EFF6;
  --ch-auc-rule-white: #FFFFFF;
  --ch-auc-rule-pad: clamp(16px,4vw,22px);
  --ch-auc-rule-gap: clamp(14px,3vw,18px);
}

.ch-auc-rule-post img, .ch-auc-rule-post video, .ch-auc-rule-post iframe {
  max-width: 100%;
  height: auto;
}

.ch-auc-rule-post h1,
.ch-auc-rule-post h2,
.ch-auc-rule-post h3,
.ch-auc-rule-post h4 {
  color: var(--ch-auc-rule-navy);
  line-height: 1.24;
  margin: 0 0 14px;
  font-weight: 700;
  overflow-wrap: break-word;
}

.ch-auc-rule-post h1 {
  font-size: clamp(1.65rem,5vw,2.15rem);
  letter-spacing: -.01em;
  margin-bottom: 18px;
}

.html-blogpost-page .post-body .ch-auc-rule-post h2 {
  font-size: clamp(1.3rem, 3.4vw, 1.55rem);
  margin-top: clamp(32px, 6vw, 22px);
  padding-top: clamp(16px, 3vw, 22px);
  border-top: 1px solid var(--ch-auc-rule-line);
  font-weight: 800;
}

.html-blogpost-page .post-body .ch-auc-rule-post h3 {
  font-size: clamp(1.08rem,2.6vw,1.22rem);
  margin-top: clamp(22px,4vw,32px);
}

.html-blogpost-page .post-body .ch-auc-rule-post h4 {
  font-size: clamp(1rem,2.2vw,1.05rem);
  margin-top: 20px;
  color: var(--ch-auc-rule-blue-dk);
}

.html-blogpost-page .post-body .ch-auc-rule-post p {
  font-size: 16px;
}

/*.html-blogpost-page .post-body .ch-auc-rule-step p {
  margin: 0 !important;
}
*/
.ch-auc-rule-post a {
  color: var(--ch-auc-rule-blue);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.ch-auc-rule-post a:hover {
  color: var(--ch-auc-rule-blue-dk);
}

.ch-auc-rule-post a:focus-visible {
  outline: 2px solid var(--ch-auc-rule-blue);
  outline-offset: 2px;
  border-radius: 2px;
}

.ch-auc-rule-post ul, .ch-auc-rule-post ol {
  margin: 0 0 var(--ch-auc-rule-gap);
  padding-left: 1.35em;
}

.ch-auc-rule-post li {
  margin-bottom: 8px;
}

.ch-auc-rule-post strong {
  color: var(--ch-auc-rule-navy);
}

.ch-auc-rule-lede {
  font-size: 1.1em;
  color: var(--ch-auc-rule-muted);
  border-left: 4px solid var(--ch-auc-rule-blue);
  padding: 2px 0 2px clamp(12px,3vw,18px);
  margin: 0 0 clamp(20px,4vw,26px);
}

.ch-auc-rule-answer {
  background: var(--ch-auc-rule-tint);
  border: 1px solid var(--ch-auc-rule-line);
  border-radius: 10px;
  padding: var(--ch-auc-rule-pad);
  margin: 0 0 clamp(22px,4vw,28px);
}

.ch-auc-rule-answer p:last-child {
  margin-bottom: 0;
}

.ch-auc-rule-answer-label {
  display: block;
  font-size: .72em;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ch-auc-rule-blue-dk);
  font-weight: 700;
  margin-bottom: 8px;
}

.ch-auc-rule-step {
  border: 1px solid var(--ch-auc-rule-line);
  border-radius: 12px;
  padding: 15px 15px 0;
  margin: 0 0 var(--ch-auc-rule-gap);
  background: var(--ch-auc-rule-white);
}

.html-blogpost-page .post-body .ch-auc-rule-step h3 {
  margin-top: 0 !important;
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 0;
}

.ch-auc-rule-num {
  width: 35px;
  height: 35px;
  text-align: center;
  background: var(--ch-auc-rule-blue);
  color: #fff;
  border-radius: 6px;
  font-size: 15px;
  padding: 3px 7px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ch-auc-rule-why {
  color: var(--ch-auc-rule-muted);
}

.ch-auc-rule-note {
  background: #c3e1ff;
  border-left: 3px solid var(--ch-auc-rule-blue);
  padding: 10px clamp(12px,3vw,14px);
  margin: 0 0 var(--ch-auc-rule-gap);
  font-size: .95em;
}

.ch-auc-rule-note b {
  color: var(--ch-auc-rule-navy);
}

.ch-auc-rule-example {
  display: inline-block;
  font-size: .7em;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--ch-auc-rule-blue-dk);
  background: var(--ch-auc-rule-tint);
  border: 1px solid var(--ch-auc-rule-line);
  border-radius: 999px;
  padding: 3px 11px;
  margin-bottom: 10px;
}

.ch-auc-rule-check {
  list-style: none;
  padding-left: 0;
  margin: 14px 0 var(--ch-auc-rule-gap);
}

.ch-auc-rule-check li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 9px;
}

.ch-auc-rule-check li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .42em;
  width: 16px;
  height: 16px;
  border: 2px solid var(--ch-auc-rule-blue);
  border-radius: 4px;
  background: var(--ch-auc-rule-white);
}

.ch-auc-rule-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0 0 clamp(20px,4vw,26px);
  border: 1px solid var(--ch-auc-rule-line);
  border-radius: 10px;
}

.ch-auc-rule-post table {
  border-collapse: collapse;
  width: 100%;
  min-width: 520px;
  font-size: .95em;
  background: var(--ch-auc-rule-white);
}

.ch-auc-rule-post th,
.ch-auc-rule-post td {
  text-align: left;
  padding: 12px 14px;
  border-bottom: 1px solid var(--ch-auc-rule-line-soft);
  vertical-align: top;
}

.ch-auc-rule-post thead th {
  background: var(--ch-auc-rule-navy);
  color: #fff;
  font-weight: 600;
  font-size: .9em;
  letter-spacing: .02em;
  border-bottom: 0;
}

.ch-auc-rule-post tbody tr:last-child td {
  border-bottom: 0;
}

.ch-auc-rule-post tbody tr:nth-child(even) {
  background: var(--ch-auc-rule-tint2);
}

.ch-auc-rule-key {
  font-weight: 600;
  color: var(--ch-auc-rule-navy);
  white-space: nowrap;
}

.ch-auc-rule-tip {
  border: 1px solid var(--ch-auc-rule-line);
  border-left: 5px solid var(--ch-auc-rule-blue);
  border-radius: 10px;
  padding: var(--ch-auc-rule-pad) var(--ch-auc-rule-pad) 2px;
  margin: 0 0 var(--ch-auc-rule-gap);
  background: var(--ch-auc-rule-tint2);
}

.html-blogpost-page .post-body .ch-auc-rule-tip h4 {
  margin-top: 0;
  font-weight: bold;
}

.html-blogpost-page .post-body .ch-auc-rule-post ul {
  padding-left: 20px;
  list-style-type: disc;
}

.ch-auc-rule-faq {
  border-bottom: 1px solid var(--ch-auc-rule-line-soft);
  padding-bottom: 6px;
  margin-bottom: 20px;
}

.ch-auc-rule-faq h3 {
  margin-top: 24px;
}

.ch-auc-rule-faq p:first-of-type {
  font-weight: 600;
  color: var(--ch-auc-rule-navy);
}

.ch-auc-rule-cta {
  background: var(--ch-auc-rule-navy);
  color: #EAF2FB;
  border-radius: 14px;
  padding: clamp(22px,5vw,30px);
  margin: clamp(28px,5vw,38px) 0 10px;
}

.html-blogpost-page .post-body .ch-auc-rule-cta h2 {
  color: #fff;
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
  font-size: 22px;
  font-weight: bold;
}

.html-blogpost-page .post-body .ch-auc-rule-cta p {
  color: #C3D4E6;
}

.ch-auc-rule-btnrow {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 !important;
}

.html-blogpost-page .post-body .ch-auc-rule-btn {
  display: inline-block;
  background: var(--ch-auc-rule-blue);
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  padding: 13px 26px;
  border-radius: 999px;
  text-align: center;
}

.html-blogpost-page .post-body .ch-auc-rule-btn:hover {
  background: #2E7EE0;
  color: #fff;
}

.ch-auc-rule-btn-alt {
  background: transparent;
  border: 1px solid #3C5D80;
  color: #EAF2FB;
}

.ch-auc-rule-btn-alt:hover {
  background: #16324F;
  color: #fff;
}

@media (max-width:820px) {
  .ch-auc-rule-post {
    padding-left: 2px;
    padding-right: 2px;
  }
}

@media (max-width:640px) {
  .ch-auc-rule-table-wrap {
    border: 0;
    border-radius: 0;
    overflow: visible;
  }

  .ch-auc-rule-post table {
    display: block;
    min-width: 0;
    width: 100%;
    background: transparent;
    font-size: 1em;
  }

  .ch-auc-rule-post thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
  }

  .ch-auc-rule-post tbody {
    display: block;
  }

  .ch-auc-rule-post tbody tr,
  .ch-auc-rule-post tbody tr:nth-child(even) {
    display: block;
    background: var(--ch-auc-rule-white);
    border: 1px solid var(--ch-auc-rule-line);
    border-radius: 10px;
    padding: 4px 0 10px;
    margin: 0 0 12px;
  }

  .ch-auc-rule-post tbody td {
    display: block;
    border-bottom: 0;
    padding: 6px clamp(14px,4vw,16px);
  }

  .ch-auc-rule-post tbody td::before {
    content: attr(data-label);
    display: block;
    font-size: .68em;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--ch-auc-rule-muted);
    font-weight: 700;
    margin-bottom: 3px;
  }

  .ch-auc-rule-post tbody td.ch-auc-rule-key {
    white-space: normal;
    font-size: 1.05em;
    padding-top: 12px;
    padding-bottom: 10px;
    margin-bottom: 6px;
    border-bottom: 1px solid var(--ch-auc-rule-line-soft);
  }

  .ch-auc-rule-post tbody td.ch-auc-rule-key::before {
    display: none;
  }

  .ch-auc-rule-nolabel tbody td::before {
    display: none;
  }

  .ch-auc-rule-nolabel tbody td {
    padding-top: 8px;
  }

  .ch-auc-rule-btnrow {
    flex-direction: column;
  }

  .ch-auc-rule-btn {
    display: block;
    width: 100%;
  }

  .ch-auc-rule-step h3 {
    gap: 8px;
  }
}

@media (max-width:380px) {
  .ch-auc-rule-post {
    line-height: 1.7;
  }
  .ch-auc-rule-check li {
    padding-left: 26px;
  }
}

@media print {
  .ch-auc-rule-post {
    max-width: none;
    font-size: 11pt;
    color: #000;
  }
  .ch-auc-rule-step, .ch-auc-rule-tip, .ch-auc-rule-answer, .ch-auc-rule-table-wrap {
    break-inside: avoid;
  }
  .ch-auc-rule-cta {
    background: none;
    color: #000;
    border: 1px solid #999;
  }
  .ch-auc-rule-cta h2, .ch-auc-rule-cta p {
    color: #000;
  }
}









.ch-blog-rbid-root {
  --ch-blog-rbid-blue: #cfe7f5;
  --ch-blog-rbid-blue-deep: #3f89b8;
  --ch-blog-rbid-pink: #f6d9e6;
  --ch-blog-rbid-pink-deep: #d1699b;
  --ch-blog-rbid-lav: #e3daf5;
  --ch-blog-rbid-lav-deep: #7f61bd;
  --ch-blog-rbid-bg: #fffdfb;
  --ch-blog-rbid-ink: #2c2740;
  --ch-blog-rbid-soft: #56506b;
  --ch-blog-rbid-line: #e7e0f2;
}

.ch-blog-rbid-root h1,
.ch-blog-rbid-root h2,
.ch-blog-rbid-root h3 {
  color: var(--ch-blog-rbid-ink);
  line-height: 1.2;
  margin: 0 0 .5em;
  font-weight: 800;
  letter-spacing: -.01em;
}

.html-blogpost-page .post-body .ch-blog-rbid-root h2 {
  font-size: 24px;
  margin-top: 0;
  font-weight: bold;
  color: #000;
}

.ch-blog-rbid-root h3 {
  font-size: 1.05rem;
  font-weight: 700;
}

.ch-blog-rbid-root p {
  margin: 0 0 1.2em;
  color: var(--ch-blog-rbid-soft);
}

.ch-blog-rbid-root a {
  color: var(--ch-blog-rbid-lav-deep);
}

.ch-blog-rbid-root img {
  max-width: 100%;
  display: block;
}

.ch-blog-rbid-root svg {
  display: block;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ch-blog-rbid-root :focus-visible {
  outline: 3px solid var(--ch-blog-rbid-lav-deep);
  outline-offset: 3px;
  border-radius: 6px;
}

.ch-blog-rbid-hero {
  padding: 48px 0 40px;
  background: radial-gradient(ellipse 640px 400px at 8% -15%, var(--ch-blog-rbid-blue) 0%, transparent 62%), radial-gradient(ellipse 600px 400px at 95% 0%, var(--ch-blog-rbid-pink) 0%, transparent 62%), radial-gradient(ellipse 520px 380px at 50% 120%, var(--ch-blog-rbid-lav) 0%, transparent 62%);
}

@media (min-width:768px) {
  .ch-blog-rbid-hero {
    padding: 72px 0 56px;
  }
}

.ch-blog-rbid-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: .8rem;
  font-weight: 700;
  color: #6d54a0;
  background: linear-gradient(120deg, var(--ch-blog-rbid-lav), var(--ch-blog-rbid-pink));
  padding: 7px 16px;
  border-radius: 100px;
  margin-bottom: 18px;
}

.ch-blog-rbid-eyebrow svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

.ch-blog-rbid-hero h1 {
  font-size: clamp(1.9rem, 1.2rem + 3.4vw, 3rem);
  max-width: 20ch;
  margin-bottom: .5em;
}

.ch-blog-rbid-hero-sub {
  font-size: clamp(1rem, .95rem + .3vw, 1.12rem);
  max-width: 56ch;
}

.ch-blog-rbid-lede {
  font-size: 1.06rem;
  color: var(--ch-blog-rbid-ink);
  font-weight: 600;
}

.ch-blog-rbid-photo {
  margin: 0 0 36px;
  padding: 8px;
  border-radius: 24px;
  background: linear-gradient(135deg, var(--ch-blog-rbid-blue) 0%, var(--ch-blog-rbid-lav) 55%, var(--ch-blog-rbid-pink) 100%);
  box-shadow: 0 22px 48px -26px rgba(120,90,170,.5);
}

.ch-blog-rbid-photo img {
  width: 100%;
  height: auto;
  border-radius: 16px;
}

.ch-blog-rbid-photo figcaption {
  font-size: .85rem;
  color: var(--ch-blog-rbid-soft);
  padding: 12px 6px 2px;
  text-align: center;
}

@media (min-width:768px) {
  .ch-blog-rbid-photo {
    padding: 10px;
    border-radius: 28px;
  }
  .ch-blog-rbid-photo img {
    border-radius: 20px;
  }
}

.ch-blog-rbid-ico {
  width: 24px;
  height: 24px;
}

.ch-blog-rbid-icon {
  width: 44px;
  height: 44px;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.ch-blog-rbid-icon--blue {
  background: var(--ch-blog-rbid-blue);
  color: #1f5f86;
}

.ch-blog-rbid-icon--pink {
  background: var(--ch-blog-rbid-pink);
  color: #a8477a;
}

.ch-blog-rbid-icon--lav {
  background: var(--ch-blog-rbid-lav);
  color: #5d3f9c;
}

.ch-blog-rbid-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  /* margin-top: 28px; */
  margin-bottom: 20px;
}

@media (min-width:560px) {
  .ch-blog-rbid-cards {
    grid-template-columns: repeat(2,1fr);
  }
}

@media (min-width:900px) {
  .ch-blog-rbid-cards {
    grid-template-columns: repeat(3,1fr);
  }
}

.ch-blog-rbid-cards--two {
  grid-template-columns: 1fr;
}

@media (min-width:600px) {
  .ch-blog-rbid-cards--two {
    grid-template-columns: repeat(2,1fr);
  }
}

.ch-blog-rbid-cards--tips {
  gap: 12px;
}

.ch-blog-rbid-card {
  background: #fff;
  border: 1px solid var(--ch-blog-rbid-line);
  border-radius: 16px;
  padding: 20px;
}

.html-blogpost-page .post-body .ch-blog-rbid-card h3 {
  margin-bottom: 6px;
  margin-top: 0;
  font-size: 20px;
  font-weight: bold;
}

.html-blogpost-page .post-body .ch-blog-rbid-card p {
  font-size: 16px;
  margin: 0;
}

.ch-blog-rbid-tip {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: #fff;
  border: 1px solid var(--ch-blog-rbid-line);
  border-radius: 14px;
  padding: 16px 18px;
}

.ch-blog-rbid-tip svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  margin-top: 3px;
  color: var(--ch-blog-rbid-lav-deep);
  stroke-width: 1.9;
}

.html-blogpost-page .post-body .ch-blog-rbid-tip h3 {
  margin-bottom: 3px;
  font-size: 17px;
  font-weight: bold;
  margin-top: 0;
  color: #000;
  letter-spacing: 0;
}

.html-blogpost-page .post-body .ch-blog-rbid-tip p {
  font-size: .92rem;
  margin: 0;
}

.html-blogpost-page .post-body .ch-blog-rbid-checklist li label {
  margin: 0;
}

.html-blogpost-page .post-body .ch-blog-rbid-quote {
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  color: var(--ch-blog-rbid-ink);
  border: 0;
  margin: 30px 0;
  padding: 15px;
  border-radius: 8px;
  background: linear-gradient(120deg, var(--ch-blog-rbid-blue) 0%, var(--ch-blog-rbid-lav) 100%);
}

.ch-blog-rbid-quote-mark {
  width: 30px;
  height: 30px;
  color: #fff;
  opacity: .85;
  margin-bottom: 10px;
  stroke-width: 1.6;
}

@media (min-width:768px) {
  .ch-blog-rbid-quote {
    padding: 30px 32px;
  }
}

.ch-blog-rbid-timeline {
  position: relative;
  margin: 32px 0 8px;
  padding: 0;
  list-style: none;
}

.html-blogpost-page .post-body ol li.ch-blog-rbid-tl-item {
  position: relative;
  display: grid;
  grid-template-columns: 44px minmax(0,1fr);
  gap: 16px;
  padding-bottom: 22px;
  padding-left: 0;
}

.html-blogpost-page .post-body ol li.ch-blog-rbid-tl-item:last-child {
  padding-bottom: 0;
}

.html-blogpost-page .post-body ol li.ch-blog-rbid-tl-item::before {
  content: "";
  position: absolute;
  left: 21px;
  top: 44px;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, var(--ch-blog-rbid-lav) 0%, var(--ch-blog-rbid-blue) 100%);
}

.html-blogpost-page .post-body ol li.ch-blog-rbid-tl-item:last-child::before {
  display: none;
}

.ch-blog-rbid-tl-node {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: linear-gradient(140deg, var(--ch-blog-rbid-lav-deep), var(--ch-blog-rbid-blue-deep));
  box-shadow: 0 6px 16px -6px rgba(120,90,170,.7);
}

.ch-blog-rbid-tl-node svg {
  width: 21px;
  height: 21px;
  stroke-width: 1.8;
}

.ch-blog-rbid-tl-body {
  background: #fff;
  border: 1px solid var(--ch-blog-rbid-line);
  border-radius: 16px;
  padding: 16px 18px;
}

.ch-blog-rbid-tl-step {
  display: block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  color: var(--ch-blog-rbid-lav-deep);
  margin-bottom: 4px;
}

.html-blogpost-page .post-body .ch-blog-rbid-tl-body h3 {
  margin-bottom: 5px;
  font-size: 18px;
  margin-top: 0;
  letter-spacing: 0;
  font-weight: bold;
  color: #000;
}

.html-blogpost-page .post-body .ch-blog-rbid-tl-body p {
  margin: 0;
  font-size: 16px;
}

@media (min-width:900px) {
  .html-blogpost-page .post-body ol li.ch-blog-rbid-tl-item {
    grid-template-columns: 56px minmax(0,1fr);
    gap: 20px;
    padding-bottom: 26px;
  }
  .html-blogpost-page .post-body ol li.ch-blog-rbid-tl-item::before {
    left: 27px;
    top: 56px;
  }
  .ch-blog-rbid-tl-node {
    width: 56px;
    height: 56px;
  }
  .ch-blog-rbid-tl-node svg {
    width: 25px;
    height: 25px;
  }
  .ch-blog-rbid-tl-body {
    padding: 18px 22px;
  }
}

.ch-blog-rbid-compare {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin: 16px 0;
}

@media (min-width:700px) {
  .ch-blog-rbid-compare {
    grid-template-columns: 1fr 1fr;
  }
}

.ch-blog-rbid-compare-col {
  border-radius: 18px;
  padding: 22px;
}

.ch-blog-rbid-compare-col h3 {
  font-size: 1rem;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.ch-blog-rbid-compare-col h3 svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  stroke-width: 1.9;
}

.html-blogpost-page .post-body .ch-blog-rbid-compare-col ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.ch-blog-rbid-compare-col li {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  font-size: .93rem;
  color: var(--ch-blog-rbid-soft);
}

.ch-blog-rbid-compare-col li svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  margin-top: 5px;
  stroke-width: 2;
}

.ch-blog-rbid-compare-before {
  background: linear-gradient(160deg,#fdf6f9,#fff);
  border: 1px solid var(--ch-blog-rbid-pink-deep);
}

.ch-blog-rbid-compare-before h3, .ch-blog-rbid-compare-before li svg {
  color: #a8477a;
}

.ch-blog-rbid-compare-after {
  background: linear-gradient(160deg,#f4fbff,#fff);
  border: 1px solid var(--ch-blog-rbid-blue-deep);
}

.ch-blog-rbid-compare-after h3, .ch-blog-rbid-compare-after li svg {
  color: #1f5f86;
}

/* ---------- checklist ---------- */
.ch-blog-rbid-checklist {
  list-style: none;
  padding: 0;
  margin: 26px 0 0;
  display: grid;
  gap: 10px;
}

@media (min-width:700px) {
  .ch-blog-rbid-checklist {
    grid-template-columns: repeat(2,1fr);
  }
}

.ch-blog-rbid-check {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1px solid var(--ch-blog-rbid-line);
  border-radius: 14px;
  padding: 12px 14px;
  cursor: pointer;
}

.ch-blog-rbid-check:hover {
  border-color: var(--ch-blog-rbid-blue-deep);
}

.ch-blog-rbid-check input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.ch-blog-rbid-check-box {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  border: 2px solid var(--ch-blog-rbid-lav-deep);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ch-blog-rbid-check-box svg {
  width: 14px;
  height: 14px;
  opacity: 0;
  stroke-width: 3;
}

.ch-blog-rbid-check-label {
  font-size: .94rem;
  font-weight: 600;
}

.ch-blog-rbid-check input:checked ~ .ch-blog-rbid-check-box {
  background: linear-gradient(135deg, var(--ch-blog-rbid-blue-deep), var(--ch-blog-rbid-lav-deep));
  border-color: transparent;
}

.ch-blog-rbid-check input:checked ~ .ch-blog-rbid-check-box svg {
  opacity: 1;
}

.ch-blog-rbid-check input:checked ~ .ch-blog-rbid-check-label {
  color: var(--ch-blog-rbid-soft);
  text-decoration: line-through;
}

.ch-blog-rbid-check input:focus-visible ~ .ch-blog-rbid-check-box {
  outline: 3px solid var(--ch-blog-rbid-lav-deep);
  outline-offset: 2px;
}

.ch-blog-rbid-faq {
  margin-top: 26px;
}

.ch-blog-rbid-faq-item {
  border-bottom: 1px solid var(--ch-blog-rbid-line);
}

.ch-blog-rbid-faq-q {
  list-style: none;
  cursor: pointer;
  padding: 18px 2px;
  font-weight: 700;
  color: var(--ch-blog-rbid-ink);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.ch-blog-rbid-faq-q::-webkit-details-marker {
  display: none;
}

.ch-blog-rbid-faq-sign {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  color: var(--ch-blog-rbid-lav-deep);
  stroke-width: 2.2;
  transition: transform .25s ease;
}

.ch-blog-rbid-faq-item[open] .ch-blog-rbid-faq-sign {
  transform: rotate(180deg);
}

.ch-blog-rbid-faq-a {
  padding: 0 2px 18px;
  margin: 0;
  font-size: .95rem;
  color: var(--ch-blog-rbid-soft);
}

.ch-blog-rbid-cta-section {
  padding: 48px 0 64px;
}

.ch-blog-rbid-cta {
  border-radius: 24px;
  padding: 36px 24px;
  text-align: center;
  background: linear-gradient(135deg, var(--ch-blog-rbid-lav) 0%, var(--ch-blog-rbid-pink) 55%, var(--ch-blog-rbid-blue) 100%);
}

@media (min-width:768px) {
  .ch-blog-rbid-cta {
    padding: 52px 40px;
    border-radius: 30px;
  }
}

.ch-blog-rbid-cta h2 {
  margin-top: 0;
  font-size: clamp(1.4rem, 1.2rem + 1.4vw, 2rem);
}

.ch-blog-rbid-cta p {
  margin: 0 auto 24px;
  color: #443d5c;
}

.ch-blog-rbid-cta-buttons {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}

.ch-blog-rbid-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 26px;
  border-radius: 100px;
  font-weight: 700;
  font-size: .95rem;
  text-decoration: none;
}

.ch-blog-rbid-btn svg {
  width: 18px;
  height: 18px;
  stroke-width: 2;
}

.ch-blog-rbid-btn--solid {
  background: var(--ch-blog-rbid-ink);
  color: #fff;
}

.ch-blog-rbid-btn--outline {
  background: #fff;
  color: var(--ch-blog-rbid-ink);
  border: 1.5px solid var(--ch-blog-rbid-ink);
}

@media (prefers-reduced-motion: reduce) {
  .ch-blog-rbid-root * {
    transition: none !important;
    animation: none !important;
  }
}














.ch-set-auc-wrap {
  --ch-green: #236AD6; /* brand blue */
  --ch-green-deep: #15408A;
  --ch-green-mid: #3D82E8;
  --ch-green-tint: #EBF1FC;
  --ch-ink: #1E2A3C;
  --ch-muted: #5A6B82;
  --ch-gold: #FFFFFF; /* white accent on dark surfaces */
  --ch-gold-deep: #8C5E08;
  --ch-gold-soft: #FFF5DE;
  --ch-red: #B3362B;
  --ch-paper: #FFFFFF;
  --ch-line: #DCE6F5;
  --ch-radius: 14px;
  --ch-radius-lg: 18px;
  --ch-shadow: 0 1px 2px rgba(35,106,214,.07),0 4px 14px rgba(35,106,214,.07);
}

.ch-set-auc-i {
  width: 22px;
  height: 22px;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
}

.ch-set-auc-i--sm {
  width: 17px;
  height: 17px;
}

.ch-set-auc-i--lg {
  width: 30px;
  height: 30px;
  stroke-width: 1.6;
}

.html-blogpost-page .post-body h2.ch-set-auc-h2 {
  font-weight: 800;
  font-size: 30px;
  line-height: 1.16;
  letter-spacing: 0;
  color: var(--ch-green);
  margin: 0 0 14px;
}

.html-blogpost-page .post-body h3.ch-set-auc-h3 {
  font-weight: 800;
  font-size: 20px;
  line-height: 1.25;
  color: var(--ch-ink);
  margin: 30px 0 10px;
}

.ch-set-auc-wrap p {
  margin: 0 0 16px;
}

.ch-set-auc-wrap ul {
  margin: 0 0 16px;
  padding-left: 22px;
}

.ch-set-auc-wrap li {
  margin-bottom: 7px;
}

.ch-set-auc-wrap li::marker {
  color: var(--ch-gold-deep);
}

.ch-set-auc-lead {
  font-size: 1.15rem;
}

.ch-set-auc-hl {
  color: var(--ch-gold-deep);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 2px solid #F0DCA8;
  transition: border-color .15s;
}

.ch-set-auc-hl:hover {
  border-bottom-color: var(--ch-gold);
}

.ch-set-auc-section {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid var(--ch-line);
}

.ch-set-auc-plate {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  background: var(--ch-green);
  color: #EAF1FD;
  border-radius: 999px;
  padding: 8px 20px;
  margin-bottom: 16px;
  font-weight: 800;
  font-size: .84rem;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.ch-set-auc-board {
  background: linear-gradient(150deg,var(--ch-green) 0%,var(--ch-green-deep) 100%);
  border-radius: var(--ch-radius-lg);
  padding: 30px 28px 24px;
  color: #fff;
  margin: 36px 0 8px;
}

.html-blogpost-page .post-body h2.ch-set-auc-board-title {
  font-weight: 700;
  font-size: 22px;
  color: #fff;
  margin: 0 0 8px;
  line-height: 1.2;
}

.html-blogpost-page .post-body .ch-set-auc-board-sub {
  color: #BDD3F4;
  margin: 0 0 18px;
  font-size: 1rem;
}

.ch-set-auc-board-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  counter-reset: chstep;
}

.ch-set-auc-board-item {
  display: flex;
  align-items: baseline;
  gap: 13px;
  padding: 11px 4px;
  border-bottom: 1px dashed rgba(255,255,255,.18);
  counter-increment: chstep;
  font-size: 1rem;
  font-weight: 600;
}

.ch-set-auc-board-item::before {
  content: counter(chstep,decimal-leading-zero);
  font-weight: 900;
  color: var(--ch-gold);
  font-size: 1rem;
  min-width: 30px;
  font-variant-numeric: tabular-nums;
}

@media (min-width:640px) {
  .ch-set-auc-board-grid {
    grid-template-columns: 1fr 1fr;
    column-gap: 36px;
  }
}

.ch-set-auc-cards {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 14px;
  margin: 26px 0;
}

@media (min-width:700px) {
  .ch-set-auc-cards {
    grid-template-columns: repeat(4,1fr);
  }
}

.ch-set-auc-card {
  position: relative;
  min-height: 224px;
  perspective: 1200px;
  outline: none;
}

.ch-set-auc-card-inner {
  position: absolute;
  inset: 0;
  transition: transform .7s cubic-bezier(.35,.1,.25,1);
  transform-style: preserve-3d;
  display: block;
}

.ch-set-auc-card:hover .ch-set-auc-card-inner,
.ch-set-auc-card:focus-visible .ch-set-auc-card-inner {
  transform: rotateY(180deg);
}

.ch-set-auc-card:focus-visible {
  outline: 3px solid var(--ch-gold-deep);
  outline-offset: 3px;
  border-radius: var(--ch-radius);
}

.ch-set-auc-card-face {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: var(--ch-radius);
  padding: 18px 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.ch-set-auc-card-front {
  background: var(--ch-paper);
  border: 1.5px solid var(--ch-line);
  box-shadow: var(--ch-shadow);
  transition: box-shadow .35s;
}

.ch-set-auc-card:hover .ch-set-auc-card-face,
.ch-set-auc-card:focus-visible .ch-set-auc-card-face {
  box-shadow: 0 18px 34px rgba(20,50,79,.22);
}

.ch-set-auc-card-back {
  background: linear-gradient(160deg,var(--ch-green) 0%,var(--ch-green-deep) 100%);
  color: #EAF1FD;
  transform: rotateY(180deg);
  font-size: .85rem;
  font-weight: 600;
  line-height: 1.45;
  justify-content: center;
  padding: 16px 13px;
  overflow: auto;
  box-shadow: 0 18px 34px rgba(20,50,79,.22);
}

.ch-set-auc-card-back-name {
  display: block;
  font-weight: 800;
  font-size: .95rem;
  letter-spacing: .02em;
  color: var(--ch-gold);
  margin-bottom: 7px;
}

.ch-set-auc-card-tile {
  color: var(--ch-green);
  background: var(--ch-green-tint);
  border-radius: 12px;
  padding: 11px;
  margin-bottom: 12px;
  display: inline-flex;
}

.ch-set-auc-card-name {
  font-weight: 800;
  font-size: 1.05rem;
  letter-spacing: -.01em;
  color: var(--ch-green);
}

.ch-set-auc-card-tap {
  margin-top: auto;
  padding-top: 12px;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ch-muted);
}

@media (prefers-reduced-motion:reduce) {
  .ch-set-auc-card-inner {
    transition: none;
  }
}

.ch-set-auc-table-scroll {
  overflow-x: auto;
  margin: 22px 0 24px;
  -webkit-overflow-scrolling: touch;
  border: 1.5px solid var(--ch-line);
  border-radius: var(--ch-radius);
  box-shadow: var(--ch-shadow);
}

.html-blogpost-page .post-body table.ch-set-auc-table {
  width: 100%;
  min-width: 520px;
  border-collapse: collapse;
  font-size: 1rem;
  margin: 0;
}

.html-blogpost-page .post-body .ch-set-auc-table th {
  text-align: left;
  font-weight: 800;
  font-size: 16px;
  color: var(--ch-green);
  background: var(--ch-green-tint);
  padding: 12px 16px;
  border-bottom: 1.5px solid var(--ch-line);
}

.html-blogpost-page .post-body .ch-set-auc-table td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--ch-line);
  vertical-align: top;
}

.html-blogpost-page .post-body .ch-set-auc-table tr:last-child td {
  border-bottom: none;
}

.html-blogpost-page .post-body .ch-set-auc-table td:first-child {
  font-weight: 800;
  white-space: nowrap;
  color: var(--ch-green);
}

.ch-set-auc-example {
  background: var(--ch-gold-soft);
  border: 1.5px solid #F0DCA8;
  border-radius: var(--ch-radius);
  padding: 18px 22px;
  margin: 22px 0;
}

.ch-set-auc-example-tag,
.ch-set-auc-real-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  font-size: .78rem;
  letter-spacing: .13em;
  text-transform: uppercase;
  margin-bottom: 9px;
}

.ch-set-auc-example-tag {
  color: var(--ch-gold-deep);
}

.ch-set-auc-example p:last-child {
  margin-bottom: 0;
}

.ch-set-auc-real {
  background: var(--ch-green-tint);
  border: 1.5px solid #CDDDF6;
  border-left: 5px solid var(--ch-green);
  border-radius: 0 var(--ch-radius) var(--ch-radius) 0;
  padding: 18px 22px;
  margin: 22px 0;
}

.ch-set-auc-real-tag {
  color: var(--ch-green);
}

.ch-set-auc-real p:last-child {
  margin-bottom: 0;
}

.ch-set-auc-duo {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin: 26px 0;
}

@media (min-width:640px) {
  .ch-set-auc-duo {
    grid-template-columns: 1fr 1fr;
  }
}

.ch-set-auc-duo-box {
  border: 1.5px solid var(--ch-line);
  border-radius: var(--ch-radius);
  padding: 18px 22px;
  background: var(--ch-paper);
  box-shadow: var(--ch-shadow);
}

.ch-set-auc-duo-box--tint {
  background: var(--ch-green-tint);
  border-color: #CDDDF6;
  box-shadow: none;
}

.ch-set-auc-duo-title {
  display: flex;
  align-items: center;
  gap: 9px;
  font-weight: 800;
  font-size: .82rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ch-green);
  margin: 0 0 12px;
}

.html-blogpost-page .post-body .ch-set-auc-duo-box ul {
  margin-bottom: 0;
}

.ch-set-auc-budget {
  border: 1.5px solid var(--ch-line);
  border-radius: var(--ch-radius);
  padding: 20px 22px;
  margin: 22px 0;
  background: var(--ch-paper);
  box-shadow: var(--ch-shadow);
}

.ch-set-auc-budget-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 8px 0;
  font-size: 1rem;
  font-weight: 600;
}

.ch-set-auc-budget-row + .ch-set-auc-budget-row {
  border-top: 1px dashed var(--ch-line);
}

.ch-set-auc-budget-row strong {
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.ch-set-auc-budget-row--remain strong {
  color: var(--ch-gold-deep);
  font-size: 1.15rem;
}

.ch-set-auc-budget-track {
  height: 12px;
  border-radius: 999px;
  background: var(--ch-green-tint);
  overflow: hidden;
  margin: 10px 0;
}

.ch-set-auc-budget-fill {
  height: 100%;
  width: 72%;
  border-radius: 999px;
  background: linear-gradient(90deg,var(--ch-green),var(--ch-green-mid));
}

.ch-set-auc-pricelist {
  margin: 12px 0 0;
}

.ch-set-auc-pricelist-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 10px 4px;
  border-bottom: 1px solid #F0DCA8;
  font-size: 1rem;
  font-weight: 600;
}

.ch-set-auc-pricelist-row:last-child {
  border-bottom: none;
}

.ch-set-auc-pricelist-row strong {
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: var(--ch-green);
}

.ch-set-auc-bids {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 22px 0;
}

.ch-set-auc-bid {
  border: 1.5px solid var(--ch-line);
  border-radius: 12px;
  background: var(--ch-paper);
  box-shadow: var(--ch-shadow);
  padding: 10px 18px;
  min-width: 96px;
}

.ch-set-auc-bid-label {
  display: block;
  font-weight: 800;
  font-size: .68rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ch-muted);
  margin-bottom: 2px;
}

.ch-set-auc-bid-amt {
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: var(--ch-ink);
}

.ch-set-auc-bid--final {
  background: var(--ch-green);
  border-color: var(--ch-green);
}

.ch-set-auc-bid--final .ch-set-auc-bid-label {
  color: #BDD3F4;
}

.ch-set-auc-bid--final .ch-set-auc-bid-amt {
  color: var(--ch-gold);
}

.ch-set-auc-bid-arrow {
  color: var(--ch-gold-deep);
  display: inline-flex;
}

.ch-set-auc-note {
  border: 1.5px solid var(--ch-line);
  border-radius: var(--ch-radius);
  background: var(--ch-paper);
  box-shadow: var(--ch-shadow);
  padding: 18px 22px;
  margin: 28px 0 0;
}

.ch-set-auc-note p:last-child {
  margin-bottom: 0;
}

.ch-set-auc-roles {
  display: grid;
  grid-template-columns: 1fr;
  gap: 13px;
  margin: 24px 0 0;
}

@media (min-width:700px) {
  .ch-set-auc-roles {
    grid-template-columns: 1fr 1fr;
  }
}

.ch-set-auc-role,
.ch-set-auc-feature {
  display: flex;
  gap: 15px;
  align-items: flex-start;
  border: 1.5px solid var(--ch-line);
  border-radius: var(--ch-radius);
  background: var(--ch-paper);
  box-shadow: var(--ch-shadow);
  padding: 17px 19px;
}

.ch-set-auc-role-icon {
  color: var(--ch-green);
  background: var(--ch-green-tint);
  border-radius: 11px;
  padding: 9px;
  flex-shrink: 0;
  display: inline-flex;
}

.html-blogpost-page .post-body p.ch-set-auc-role-name {
  font-weight: 800;
  font-size: 17px;
  letter-spacing: 0;
  color: var(--ch-green);
  margin: 0 0 8px;
}

.html-blogpost-page .post-body .ch-set-auc-feature p:last-child {
  margin: 0;
  font-size: 16px;
}

.ch-set-auc-role p,
.ch-set-auc-feature p {
  margin: 0;
  font-size: .97rem;
  color: var(--ch-muted);
}

.ch-set-auc-role p.ch-set-auc-role-name,
.ch-set-auc-feature p.ch-set-auc-role-name {
  color: var(--ch-green);
}

.ch-set-auc-features {
  display: grid;
  grid-template-columns: 1fr;
  gap: 13px;
  margin: 26px 0;
}

.ch-set-auc-check {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px 34px;
  margin: 20px 0;
  padding: 0;
  list-style: none;
}

@media (min-width:640px) {
  .ch-set-auc-check {
    grid-template-columns: 1fr 1fr;
  }
}

.ch-set-auc-check li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 8px 0;
  margin: 0;
  font-weight: 600;
}

.ch-set-auc-check--live li {
  position: relative;
  padding: 0;
}

.ch-set-auc-check-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.ch-set-auc-check-label {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  padding: 8px 6px;
  border-radius: 9px;
  cursor: pointer;
  font-weight: 600;
  -webkit-user-select: none;
  user-select: none;
  transition: background .15s;
}

.ch-set-auc-check-label:hover {
  background: var(--ch-green-tint);
}

.ch-set-auc-check-box {
  flex-shrink: 0;
  width: 21px;
  height: 21px;
  margin-top: 2px;
  border: 2px solid var(--ch-green);
  border-radius: 6px;
  background: var(--ch-paper);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background .15s,border-color .15s;
}

.ch-set-auc-check-box .ch-set-auc-i {
  width: 13px;
  height: 13px;
  margin: 0;
  color: #fff;
  stroke-width: 3;
  opacity: 0;
  transform: scale(.5);
  transition: opacity .15s,transform .15s;
}

.ch-set-auc-check-input:checked + .ch-set-auc-check-label .ch-set-auc-check-box {
  background: var(--ch-green);
  border-color: var(--ch-green);
}

.ch-set-auc-check-input:checked + .ch-set-auc-check-label .ch-set-auc-check-box .ch-set-auc-i {
  opacity: 1;
  transform: scale(1);
}

.ch-set-auc-check-input:checked + .ch-set-auc-check-label {
  color: var(--ch-muted);
  text-decoration: line-through;
  text-decoration-color: rgba(90,107,130,.55);
  text-decoration-thickness: 1.5px;
}

.ch-set-auc-check-input:focus-visible + .ch-set-auc-check-label .ch-set-auc-check-box {
  outline: 3px solid var(--ch-gold-deep);
  outline-offset: 2px;
}

@media (prefers-reduced-motion:reduce) {
  .ch-set-auc-check-label,
  .ch-set-auc-check-box,
  .ch-set-auc-check-box .ch-set-auc-i {
    transition: none;
  }
}

.ch-set-auc-flow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  margin: 24px 0;
}

.ch-set-auc-flow-step {
  border: 1.5px solid #CDDDF6;
  background: var(--ch-green-tint);
  border-radius: 999px;
  padding: 8px 17px;
  font-size: .93rem;
  font-weight: 800;
  color: var(--ch-green);
  white-space: nowrap;
}

.ch-set-auc-flow-arrow {
  color: var(--ch-gold-deep);
  display: inline-flex;
}

.ch-set-auc-warns {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin: 26px 0 0;
}

@media (min-width:640px) {
  .ch-set-auc-warns {
    grid-template-columns: 1fr 1fr;
  }
}

.html-blogpost-page .post-body .ch-set-auc-section ul {
  padding-left: 20px;
  list-style-type: disc;
}

.ch-set-auc-warn {
  border: 1.5px solid var(--ch-line);
  border-left: 5px solid var(--ch-red);
  border-radius: 0 var(--ch-radius) var(--ch-radius) 0;
  background: var(--ch-paper);
  box-shadow: var(--ch-shadow);
  padding: 17px 19px;
}

.html-blogpost-page .post-body p.ch-set-auc-warn-name {
  display: flex;
  align-items: center;
  gap: 9px;
  font-weight: 800;
  font-size: 18px;
  letter-spacing: 0;
  color: var(--ch-red);
  margin: 0 0 8px;
}

.html-blogpost-page .post-body .ch-set-auc-warn p:last-child {
  margin: 0;
  font-size: 16px;
}

.ch-set-auc-warn p {
  margin: 0;
  font-size: .97rem;
}

.ch-set-auc-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px 28px;
  background: var(--ch-gold-soft);
  border: 1.5px solid #F0DCA8;
  border-radius: var(--ch-radius-lg);
  padding: 24px 26px;
  margin: 26px 0;
}

.ch-set-auc-cta p {
  margin: 0;
  flex: 1 1 300px;
  font-weight: 600;
}

.html-blogpost-page .post-body a.ch-set-auc-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--ch-green);
  color: #fff !important;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0;
  text-decoration: none;
  border-radius: 999px;
  padding: 14px 28px;
  border: none;
  white-space: nowrap;
  transition: background .15s;
}

.html-blogpost-page .post-body a.ch-set-auc-btn:hover {
  background: var(--ch-green-deep);
}

.ch-set-auc-btn--gold {
  background: #FFFFFF;
  color: var(--ch-green-deep) !important;
}

.ch-set-auc-btn--gold:hover {
  background: #E4ECF8;
  color: var(--ch-green-deep) !important;
}

.ch-set-auc-faq {
  margin: 24px 0 0;
  border: 1.5px solid var(--ch-line);
  border-radius: var(--ch-radius);
  overflow: hidden;
  box-shadow: var(--ch-shadow);
}

.ch-set-auc-faq details + details {
  border-top: 1px solid var(--ch-line);
}

.ch-set-auc-faq summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 17px 20px;
  font-weight: 800;
  font-size: 1.05rem;
  letter-spacing: -.01em;
  color: var(--ch-green);
}

.ch-set-auc-faq summary:hover {
  background: var(--ch-green-tint);
}

.ch-set-auc-faq summary::-webkit-details-marker {
  display: none;
}

.ch-set-auc-faq-chev {
  color: var(--ch-gold-deep);
  transition: transform .2s;
}

.ch-set-auc-faq details[open] .ch-set-auc-faq-chev {
  transform: rotate(180deg);
}

.ch-set-auc-faq details[open] summary {
  background: var(--ch-green-tint);
}

.ch-set-auc-faq details p {
  padding: 14px 20px 18px;
  margin: 0;
  color: var(--ch-ink);
}

@media (prefers-reduced-motion:reduce) {
  .ch-set-auc-faq-chev {
    transition: none;
  }
}

.html-blogpost-page .post-body h2.ch-set-auc-close-title {
  font-weight: 900;
  font-size: 24px;
  letter-spacing: 0;
  color: #fff;
  line-height: 1.18;
  margin: 0 0 14px;
}

.ch-set-auc-close {
  text-align: center;
  background: linear-gradient(150deg, var(--ch-green) 0%, var(--ch-green-deep) 100%);
  border-radius: var(--ch-radius-lg);
  padding: 30px;
  margin-top: 25px;
  margin-bottom: 25px;
}
.html-blogpost-page .post-body .ch-set-auc-close p {
  color: #BDD3F4;
  margin: 0 auto 16px;
  font-weight: 600;
  font-size: 16px;
}
.html-blogpost-page .post-body .ch-set-auc-section ul li {
  padding: 0;
}














.ch-blog-hcpc-root {
  --ch-blog-hcpc-ink: #0f1f3d;
  --ch-blog-hcpc-ink-2: #42546f;
  --ch-blog-hcpc-mute: #7386a3;
  --ch-blog-hcpc-paper: #f4f7fc;
  --ch-blog-hcpc-surface: #ffffff;
  --ch-blog-hcpc-line: #dbe4f2;
  --ch-blog-hcpc-line-2: #eaf0fa;
  --ch-blog-hcpc-ball: #236ad6;
  --ch-blog-hcpc-ball-lt: #e9f1fd;
  --ch-blog-hcpc-brass: #1b52a8;
  --ch-blog-hcpc-brass-lt: #8fbaf8;
  --ch-blog-hcpc-brass-bg: #e9f1fd;
  --ch-blog-hcpc-r-sm: 10px;
  --ch-blog-hcpc-r: 16px;
  --ch-blog-hcpc-r-lg: 22px;
  --ch-blog-hcpc-shadow: 0 1px 2px rgba(15, 31, 61, .05), 0 8px 22px -14px rgba(15, 31, 61, .28);
  --ch-blog-hcpc-gap: clamp(28px, 3.6vw, 46px);
}

.ch-blog-hcpc-root ::selection {
  background: var(--ch-blog-hcpc-brass-lt);
  color: var(--ch-blog-hcpc-ink);
}

.ch-blog-hcpc-root a:focus-visible,
.ch-blog-hcpc-root summary:focus-visible,
.ch-blog-hcpc-root input:focus-visible,
.ch-blog-hcpc-root [tabindex]:focus-visible {
  outline: 2px solid var(--ch-blog-hcpc-ball);
  outline-offset: 3px;
}

.ch-blog-hcpc-icon {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ch-blog-hcpc-p {
  margin: 0 0 1.1em;
}

.ch-blog-hcpc-intro p.ch-blog-hcpc-p:last-child {
  margin: 0 !important;
}

.ch-blog-hcpc-p:last-child {
  margin-bottom: 0;
}

.ch-blog-hcpc-lead {
  margin: 0 0 1.1em;
  font-size: clamp(1.22rem, 3vw, 1.5rem);
  line-height: 1.35;
  font-weight: 800;
  letter-spacing: -0.015em;
  color: var(--ch-blog-hcpc-ink);
}

.ch-blog-hcpc-mark {
  color: var(--ch-blog-hcpc-ink);
  font-weight: 700;
}

.ch-blog-hcpc-term {
  color: var(--ch-blog-hcpc-ink);
  font-weight: 700;
  box-shadow: inset 0 -2px 0 var(--ch-blog-hcpc-brass-lt);
}

.ch-blog-hcpc-intro {
  padding-bottom: 30px;
}

.ch-blog-hcpc-sec {
  border-top: 1px solid var(--ch-blog-hcpc-line);
  padding: 30px 0;
}

.ch-blog-hcpc-sec:last-child {
  padding-bottom: 0;
}

.ch-blog-hcpc-eyebrow {
  display: inline-block;
  margin: 0 0 14px;
  padding: 5px 12px;
  border-radius: 999px;
  background: var(--ch-blog-hcpc-ball-lt);
  color: var(--ch-blog-hcpc-ball);
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  line-height: 1.3;
}

.html-blogpost-page .post-body h2.ch-blog-hcpc-h2 {
  margin: 0 0 15px;
  width: 100%;
  max-width: none;
  font-size: 28px;
  line-height: 1.14;
  letter-spacing: 0;
  font-weight: 800;
  color: var(--ch-blog-hcpc-ink);
}

.ch-blog-hcpc-h3 {
  margin: 30px 0 14px;
  width: 100%;
  font-size: 1.08rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--ch-blog-hcpc-ink);
}

.ch-blog-hcpc-sub {
  margin: 0 0 28px;
  max-width: 68ch;
}

.ch-blog-hcpc-bullets {
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
  max-width: 70ch;
}

.ch-blog-hcpc-bullets li {
  position: relative;
  padding: 10px 0 10px 26px;
  border-bottom: 1px solid var(--ch-blog-hcpc-line-2);
}

.ch-blog-hcpc-bullets li:first-child {
  border-top: 1px solid var(--ch-blog-hcpc-line-2);
}

.ch-blog-hcpc-bullets li::before {
  content: '';
  position: absolute;
  left: 2px;
  top: 20px;
  width: 10px;
  height: 2px;
  border-radius: 2px;
  background: var(--ch-blog-hcpc-ball);
}

.ch-blog-hcpc-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(18px, 3vw, 26px);
  margin-top: 32px;
  background: var(--ch-blog-hcpc-ink);
  border-radius: 8px;
  padding: 20px;
}

.ch-blog-hcpc-stat {
  border-left: 2px solid rgba(143, 186, 248, .55);
  padding-left: 16px;
}

.ch-blog-hcpc-stat-num {
  display: block;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.15;
  color: #fff;
  font-variant-numeric: tabular-nums;
}

.ch-blog-hcpc-stat-lbl {
  display: block;
  margin-top: 6px;
  font-size: 0.83rem;
  line-height: 1.45;
  color: #9db0cc;
}

.ch-blog-hcpc-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(12px, 1.6vw, 18px);
}

.ch-blog-hcpc-step {
  position: relative;
  isolation: isolate;
  background: var(--ch-blog-hcpc-surface);
  border: 1px solid var(--ch-blog-hcpc-line);
  border-radius: var(--ch-blog-hcpc-r);
  box-shadow: var(--ch-blog-hcpc-shadow);
  padding: 18px 18px 20px;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  transition: border-color 160ms ease, transform 160ms ease;
}

  .ch-blog-hcpc-step:hover,
  .ch-blog-hcpc-step:focus-within {
    border-color: var(--ch-blog-hcpc-ink);
  }

.ch-blog-hcpc-step-n {
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--ch-blog-hcpc-brass);
  font-variant-numeric: tabular-nums;
}

.ch-blog-hcpc-step-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  margin-top: 16px;
  padding: 9px;
  border-radius: 12px;
  background: var(--ch-blog-hcpc-brass-bg);
  color: var(--ch-blog-hcpc-ink);
}

.ch-blog-hcpc-step-title {
  margin-top: auto;
  padding-top: 20px;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.28;
  letter-spacing: -0.01em;
  color: var(--ch-blog-hcpc-ink);
}

.ch-blog-hcpc-step-take {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  border-radius: var(--ch-blog-hcpc-r);
  background: var(--ch-blog-hcpc-ink);
  color: #d6e2f5;
  font-size: 0.92rem;
  line-height: 1.5;
  padding: 20px 18px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 170ms ease;
}

.ch-blog-hcpc-step:hover .ch-blog-hcpc-step-take,
.ch-blog-hcpc-step:focus-within .ch-blog-hcpc-step-take,
.ch-blog-hcpc-step:focus .ch-blog-hcpc-step-take {
  opacity: 1;
  visibility: visible;
}

@media (prefers-reduced-motion: reduce) {
  .ch-blog-hcpc-step,
  .ch-blog-hcpc-step-take {
    transition: none;
  }
}

.ch-blog-hcpc-rules {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(12px, 1.6vw, 18px);
  margin: 28px 0;
}

.ch-blog-hcpc-rule {
  background: var(--ch-blog-hcpc-surface);
  border: 1px solid var(--ch-blog-hcpc-line);
  border-top: 3px solid var(--ch-blog-hcpc-ball);
  border-radius: var(--ch-blog-hcpc-r);
  box-shadow: var(--ch-blog-hcpc-shadow);
  padding: 30px 20px;
  text-align: center;
  font-size: 1.02rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--ch-blog-hcpc-ink);
}

.ch-blog-hcpc-badge {
  display: inline-block;
  margin: 30px 0 14px;
  padding: 6px 14px;
  border-radius: 999px;
  background: var(--ch-blog-hcpc-brass-bg);
  border: 1px solid var(--ch-blog-hcpc-brass-lt);
  color: var(--ch-blog-hcpc-brass);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.ch-blog-hcpc-panel {
  background: var(--ch-blog-hcpc-ink);
  border-radius: var(--ch-blog-hcpc-r-lg);
  padding: clamp(22px, 3.4vw, 30px);
}

.ch-blog-hcpc-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(20px, 3vw, 26px);
}

.ch-blog-hcpc-metric-lbl {
  display: block;
  font-size: 0.71rem;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: #9db0cc;
  margin-bottom: 8px;
}

.ch-blog-hcpc-metric-val {
  display: block;
  font-size: clamp(1.3rem, 3.6vw, 1.55rem);
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.025em;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

.ch-blog-hcpc-bar {
  display: block;
  margin-top: 12px;
  height: 5px;
  border-radius: 3px;
  background: rgba(255, 255, 255, .16);
  overflow: hidden;
}

.ch-blog-hcpc-bar > span {
  display: block;
  height: 100%;
  border-radius: 3px;
  background: var(--ch-blog-hcpc-brass-lt);
}

.ch-blog-hcpc-bar--warn > span {
  background: var(--ch-blog-hcpc-ball);
}

.ch-blog-hcpc-cards {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(12px, 1.6vw, 18px);
}

.ch-blog-hcpc-card {
  background: var(--ch-blog-hcpc-surface);
  border: 1px solid var(--ch-blog-hcpc-line);
  border-radius: var(--ch-blog-hcpc-r);
  box-shadow: var(--ch-blog-hcpc-shadow);
  padding: 15px;
  transition: border-color 160ms ease;
}

.ch-blog-hcpc-card:hover {
  border-color: var(--ch-blog-hcpc-ink);
}

.ch-blog-hcpc-card-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 9px;
  border-radius: 8px;
  background: var(--ch-blog-hcpc-ball-lt);
  color: var(--ch-blog-hcpc-ball);
  margin-bottom: 10px;
}

.html-blogpost-page .post-body p.ch-blog-hcpc-card-title {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0;
  color: var(--ch-blog-hcpc-ink);
}

.html-blogpost-page .post-body p.ch-blog-hcpc-card-desc {
  margin: 0;
  font-size: 16px;
}

.ch-blog-hcpc-platform {
  background: var(--ch-blog-hcpc-surface);
  border: 1px solid var(--ch-blog-hcpc-line);
  border-left: 4px solid var(--ch-blog-hcpc-ball);
  border-radius: 8px;
  box-shadow: var(--ch-blog-hcpc-shadow);
  padding: 20px;
}

.ch-blog-hcpc-platform-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  padding-bottom: 20px;
  margin-bottom: 22px;
  border-bottom: 1px solid var(--ch-blog-hcpc-line-2);
}

.ch-blog-hcpc-platform-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  padding: 9px;
  border-radius: 12px;
  background: var(--ch-blog-hcpc-ball-lt);
  color: var(--ch-blog-hcpc-ball);
}

.html-blogpost-page .post-body .ch-blog-hcpc-logo {
  display: block;
  height: 50px;
  width: auto;
  max-width: 100%;
}

.ch-blog-hcpc-tag {
  padding: 6px 14px;
  border: 1px solid var(--ch-blog-hcpc-line);
  border-radius: 999px;
  font-size: 0.71rem;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: var(--ch-blog-hcpc-ink);
}

.ch-blog-hcpc-feat {
  list-style: none;
  margin: 24px 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0 32px;
}

.ch-blog-hcpc-feat li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 0 10px 0 !important;
  font-size: 0.95rem;
  border-bottom: 1px solid var(--ch-blog-hcpc-line-2);
}

.ch-blog-hcpc-feat-ico {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 4px;
  color: var(--ch-blog-hcpc-brass);
}

.ch-blog-hcpc-checkbox-wrap {
  display: flex;
  flex-direction: column;
  background: var(--ch-blog-hcpc-surface);
  border: 1px solid var(--ch-blog-hcpc-line);
  border-radius: var(--ch-blog-hcpc-r-lg);
  box-shadow: var(--ch-blog-hcpc-shadow);
  padding: clamp(20px, 3vw, 30px);
  counter-reset: ch-blog-hcpc-done;
}

.ch-blog-hcpc-tasks {
  order: 2;
  list-style: none;
  margin: 0;
  padding: 0;
}

.ch-blog-hcpc-progress {
  order: 1;
}

.ch-blog-hcpc-actions {
  order: 3;
}

.ch-blog-hcpc-progress {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 16px;
  padding-bottom: 18px;
  margin-bottom: 6px;
}

.ch-blog-hcpc-progress-txt {
  flex: 0 0 auto;
  font-size: 0.87rem;
  font-weight: 700;
  color: var(--ch-blog-hcpc-ink);
  font-variant-numeric: tabular-nums;
}

.ch-blog-hcpc-progress-txt::before {
  content: counter(ch-blog-hcpc-done) " / 10 completed";
}

.ch-blog-hcpc-progress-bar {
  flex: 1 1 180px;
  display: flex;
  gap: 3px;
}

.ch-blog-hcpc-seg {
  flex: 1 1 0;
  height: 6px;
  border-radius: 3px;
  background: var(--ch-blog-hcpc-line);
  transition: background-color 160ms ease;
}

@media (prefers-reduced-motion: reduce) {
  .ch-blog-hcpc-seg {
    transition: none;
  }
}

.ch-blog-hcpc-task {
  border-top: 1px solid var(--ch-blog-hcpc-line-2);
}

.ch-blog-hcpc-task:has(input:checked) {
  counter-increment: ch-blog-hcpc-done;
}

.ch-blog-hcpc-task label {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 13px 2px;
  cursor: pointer;
  color: var(--ch-blog-hcpc-ink);
  font-size: 0.98rem;
  font-weight: 600;
}

.ch-blog-hcpc-task input {
  appearance: none;
  -webkit-appearance: none;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin: 3px 0 0;
  border: 2px solid var(--ch-blog-hcpc-brass);
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  transition: background-color 140ms ease, border-color 140ms ease;
}

.ch-blog-hcpc-task input:checked {
  background: var(--ch-blog-hcpc-ink);
  border-color: var(--ch-blog-hcpc-ink);
}

.ch-blog-hcpc-task input:checked::after {
  content: '';
  display: block;
  width: 5px;
  height: 10px;
  margin: 1px 0 0 5px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(43deg);
}

.ch-blog-hcpc-task input:checked + span {
  color: var(--ch-blog-hcpc-mute);
  text-decoration: line-through;
}

.ch-blog-hcpc-actions {
  padding-top: 20px;
}

.ch-blog-hcpc-reset {
  -webkit-appearance: none;
  appearance: none;
  padding: 10px 20px;
  border: 1px solid var(--ch-blog-hcpc-line);
  border-radius: 999px;
  background: var(--ch-blog-hcpc-paper);
  font-family: "Nunito Sans", serif;
  font-size: 0.86rem;
  font-weight: 700;
  color: var(--ch-blog-hcpc-ink);
  cursor: pointer;
  transition: border-color 140ms ease, color 140ms ease;
}

.ch-blog-hcpc-reset:hover {
  border-color: var(--ch-blog-hcpc-ball);
  color: var(--ch-blog-hcpc-ball);
}

.ch-blog-hcpc-reset:focus-visible {
  outline: 2px solid var(--ch-blog-hcpc-ball);
  outline-offset: 3px;
}

.ch-blog-hcpc-tasks:has(.ch-blog-hcpc-task:nth-child(1) input:checked) ~ .ch-blog-hcpc-progress .ch-blog-hcpc-seg:nth-child(1),
.ch-blog-hcpc-tasks:has(.ch-blog-hcpc-task:nth-child(2) input:checked) ~ .ch-blog-hcpc-progress .ch-blog-hcpc-seg:nth-child(2),
.ch-blog-hcpc-tasks:has(.ch-blog-hcpc-task:nth-child(3) input:checked) ~ .ch-blog-hcpc-progress .ch-blog-hcpc-seg:nth-child(3),
.ch-blog-hcpc-tasks:has(.ch-blog-hcpc-task:nth-child(4) input:checked) ~ .ch-blog-hcpc-progress .ch-blog-hcpc-seg:nth-child(4),
.ch-blog-hcpc-tasks:has(.ch-blog-hcpc-task:nth-child(5) input:checked) ~ .ch-blog-hcpc-progress .ch-blog-hcpc-seg:nth-child(5),
.ch-blog-hcpc-tasks:has(.ch-blog-hcpc-task:nth-child(6) input:checked) ~ .ch-blog-hcpc-progress .ch-blog-hcpc-seg:nth-child(6),
.ch-blog-hcpc-tasks:has(.ch-blog-hcpc-task:nth-child(7) input:checked) ~ .ch-blog-hcpc-progress .ch-blog-hcpc-seg:nth-child(7),
.ch-blog-hcpc-tasks:has(.ch-blog-hcpc-task:nth-child(8) input:checked) ~ .ch-blog-hcpc-progress .ch-blog-hcpc-seg:nth-child(8),
.ch-blog-hcpc-tasks:has(.ch-blog-hcpc-task:nth-child(9) input:checked) ~ .ch-blog-hcpc-progress .ch-blog-hcpc-seg:nth-child(9),
.ch-blog-hcpc-tasks:has(.ch-blog-hcpc-task:nth-child(10) input:checked) ~ .ch-blog-hcpc-progress .ch-blog-hcpc-seg:nth-child(10) {
  background: var(--ch-blog-hcpc-brass-lt);
}

.ch-blog-hcpc-faq {
  background: var(--ch-blog-hcpc-surface);
  border: 1px solid var(--ch-blog-hcpc-line);
  border-radius: var(--ch-blog-hcpc-r-lg);
  box-shadow: var(--ch-blog-hcpc-shadow);
  padding: 4px clamp(18px, 3vw, 28px);
}

.ch-blog-hcpc-q {
  border-bottom: 1px solid var(--ch-blog-hcpc-line-2);
}

.ch-blog-hcpc-q:last-child {
  border-bottom: 0;
}

.ch-blog-hcpc-q-sum {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 19px 0;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.4;
  color: var(--ch-blog-hcpc-ink);
}

.ch-blog-hcpc-q-sum::-webkit-details-marker {
  display: none;
}

.ch-blog-hcpc-q-ico {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  margin-top: 2px;
  color: var(--ch-blog-hcpc-ball);
  transition: transform 180ms ease;
}

.ch-blog-hcpc-q[open] .ch-blog-hcpc-q-ico {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  .ch-blog-hcpc-q-ico {
    transition: none;
  }
}

.ch-blog-hcpc-a {
  padding: 0 0 20px;
  font-size: 0.97rem;
  max-width: 72ch;
}

.ch-blog-hcpc-a p {
  margin: 0;
}

@media (min-width: 600px) {
  .ch-blog-hcpc-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ch-blog-hcpc-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ch-blog-hcpc-rules {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ch-blog-hcpc-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ch-blog-hcpc-feat {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 900px) {
  .ch-blog-hcpc-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .ch-blog-hcpc-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .ch-blog-hcpc-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .ch-blog-hcpc-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}













.ch-better-cho-article {
  --ch-better-cho-bg: #F4F7FC;
  --ch-better-cho-surface: #FFFFFF;
  --ch-better-cho-ink: #0E1B33;
  --ch-better-cho-muted: #5A6785;
  --ch-better-cho-line: #E2E8F4;
  --ch-better-cho-deep: #0B1F45;
  --ch-better-cho-deep-2: #183F86;
  --ch-better-cho-brand: #1D5BD6;
  --ch-better-cho-brand-soft: #EAF1FE;
  --ch-better-cho-brand-line: #CBDDFB;
  --ch-better-cho-accent: #5AD1F0;
  --ch-better-cho-mist: #A9B8D6;
  --ch-better-cho-shadow: 0 1px 2px rgba(14,27,51,.05),0 12px 32px -20px rgba(14,27,51,.45);
  --ch-better-cho-shadow-lg: 0 2px 4px rgba(14,27,51,.05),0 24px 60px -30px rgba(14,27,51,.5);
}

.html-blogpost-page .post-body .ch-better-cho-article :where(ul,ol) {
  list-style: none;
}

.html-blogpost-page .post-body .ch-better-cho-article :where(p) {
  color: var(--ch-better-cho-muted);
}

.html-blogpost-page .post-body .ch-better-cho-article :where(p + p) {
  margin-top: 1.05em;
}

.ch-better-cho-link {
  color: var(--ch-better-cho-brand);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 2px solid var(--ch-better-cho-brand-line);
  transition: border-color .2s ease;
}

.ch-better-cho-link:hover {
  border-bottom-color: var(--ch-better-cho-brand);
}

.ch-better-cho-article a:focus-visible,
.ch-better-cho-card:focus-visible {
  outline: 2px solid var(--ch-better-cho-brand);
  outline-offset: 3px;
  border-radius: 4px;
}

.html-blogpost-page .post-body .ch-better-cho-lede {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.32;
  letter-spacing: 0;
  color: var(--ch-better-cho-ink) !important;
  margin-bottom: .75em;
}

.html-blogpost-page .post-body .ch-better-cho-sec {
  margin-top: 40px;
  display: block;
}

.ch-better-cho-tag {
  display: inline-flex;
  align-items: center;
  align-self: start;
  background: var(--ch-better-cho-brand-soft);
  color: var(--ch-better-cho-brand);
  border: 1px solid var(--ch-better-cho-brand-line);
  border-radius: 999px;
  padding: 5px 14px;
  font-size: .79rem;
  font-weight: 800;
  letter-spacing: .01em;
  line-height: 1.5;
  margin-bottom: 18px;
  width: fit-content;
}

.ch-better-cho-body {
  min-width: 0;
}

.html-blogpost-page .post-body .ch-better-cho-h2 {
  font-size: 28px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: 0;
  margin-bottom: .42em !important;
  margin-top: 0;
}

.html-blogpost-page .post-body .ch-better-cho-h3 {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0;
  margin-top: 1.3em !important;
  margin-bottom: .5em !important;
}

.html-blogpost-page .post-body p.ch-better-cho-sub {
  font-size: 18px;
}

.ch-better-cho-sub + p {
  margin-top: 1.35em;
}

.ch-better-cho-note {
  font-size: .98rem;
  margin-top: 1.1em !important;
}

.ch-better-cho-full,
.ch-better-cho-cont,
.ch-better-cho-body {
  width: 100%;
  min-width: 0;
}

.ch-better-cho-list {
  margin-top: 1.2em !important;
  max-width: 76ch;
}

.html-blogpost-page .post-body .ch-better-cho-list {
  margin: 0;
}

.html-blogpost-page .post-body .ch-better-cho-list li {
  position: relative;
  padding-left: 34px;
  margin-bottom: .7em;
  color: var(--ch-better-cho-muted);
}

.html-blogpost-page .post-body .ch-better-cho-list li:last-child {
  margin-bottom: 0;
}

.ch-better-cho-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .32em;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: var(--ch-better-cho-brand-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D5BD6' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat;
}

.ch-better-cho-flow {
  margin-top: 1.6em;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(165px,1fr));
  gap: 12px;
}

.html-blogpost-page .post-body .ch-better-cho-flow li {
  background: var(--ch-better-cho-surface);
  border: 1px solid var(--ch-better-cho-line);
  border-radius: 8px;
  padding: 15px;
  box-shadow: var(--ch-better-cho-shadow);
}

.ch-better-cho-flow-n {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--ch-better-cho-brand-soft);
  color: var(--ch-better-cho-brand);
  font-size: .8rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  margin-bottom: 24px;
}

.ch-better-cho-flow-t {
  display: block;
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.25;
  letter-spacing: 0;
}

.html-blogpost-page .post-body blockquote.ch-better-cho-quote {
  background: var(--ch-better-cho-brand-soft);
  border: 1px solid var(--ch-better-cho-brand-line);
  border-radius: 8px;
  padding: 15px;
  max-width: 100%;
}

.html-blogpost-page .post-body .ch-better-cho-quote p {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.32;
  letter-spacing: 0;
  color: var(--ch-better-cho-deep) !important;
}

.ch-better-cho-cards {
  margin-top: 1.7em;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(228px,1fr));
  gap: 14px;
}

.ch-better-cho-card {
  position: relative;
  display: grid;
  min-height: 196px;
  cursor: pointer;
  perspective: 1200px;
}

.ch-better-cho-card-inner {
  display: grid;
  grid-template-areas: "face";
  transform-style: preserve-3d;
  transition: transform .6s cubic-bezier(.2,.75,.25,1);
}

.ch-better-cho-card:hover .ch-better-cho-card-inner,
.ch-better-cho-card:focus .ch-better-cho-card-inner,
.ch-better-cho-card:focus-within .ch-better-cho-card-inner {
  transform: rotateY(180deg);
}

.ch-better-cho-face {
  grid-area: face;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px;
  border-radius: 8px;
}

.ch-better-cho-front {
  background: linear-gradient(155deg,var(--ch-better-cho-deep-2) 0%,var(--ch-better-cho-deep) 68%);
  color: #FFFFFF;
  box-shadow: var(--ch-better-cho-shadow);
}

.ch-better-cho-back {
  transform: rotateY(180deg);
  background: var(--ch-better-cho-surface);
  border: 1px solid var(--ch-better-cho-line);
  justify-content: flex-end;
  box-shadow: var(--ch-better-cho-shadow-lg);
}

.ch-better-cho-ico {
  width: 38px;
  height: 38px;
  padding: 8px;
  border-radius: 8px;
  background: rgba(90,209,240,.14);
  stroke: var(--ch-better-cho-accent);
  fill: none;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ch-better-cho-card-t {
  font-weight: 800;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0;
}

.ch-better-cho-back .ch-better-cho-card-t {
  color: var(--ch-better-cho-brand);
}

.html-blogpost-page .post-body p.ch-better-cho-card-d {
  font-size: .94rem;
  line-height: 1.55;
  margin-top: .45em !important;
  max-width: none !important;
  margin-bottom: 0;
}

.ch-better-cho-hint {
  font-size: .86rem;
  margin-top: 1em !important;
}

.ch-better-cho-compare {
  margin-top: 1.7em;
  display: grid;
  grid-template-columns: 1fr;
  align-items: stretch;
  gap: 14px;
}

.ch-better-cho-panel {
  padding: 18px;
  border-radius: 8px;
}

.ch-better-cho-panel-a {
  background: var(--ch-better-cho-surface);
  border: 1px dashed #C9D4E8;
}

.ch-better-cho-panel-b {
  background: linear-gradient(155deg,var(--ch-better-cho-deep-2) 0%,var(--ch-better-cho-deep) 70%);
  color: #FFFFFF;
  box-shadow: var(--ch-better-cho-shadow);
}

.ch-better-cho-panel-h {
  font-size: .79rem;
  font-weight: 800;
  letter-spacing: .01em;
  margin-bottom: 14px !important;
  color: var(--ch-better-cho-muted) !important;
}

.ch-better-cho-panel-b .ch-better-cho-panel-h {
  color: var(--ch-better-cho-accent) !important;
}

.html-blogpost-page .post-body .ch-better-cho-steps{
  margin: 0;
}

.html-blogpost-page .post-body .ch-better-cho-steps li {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 9px 0;
  border-top: 1px solid var(--ch-better-cho-line);
  font-size: .99rem;
  color: var(--ch-better-cho-muted);
}

.html-blogpost-page .post-body .ch-better-cho-panel-b .ch-better-cho-steps li {
  border-top-color: rgba(255,255,255,.13);
  color: #D6E1F5;
}

.html-blogpost-page .post-body .ch-better-cho-steps li:first-child {
  border-top: 0;
}

.ch-better-cho-steps span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 50%;
  background: #EBF0F9;
  font-size: .78rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: var(--ch-better-cho-muted);
}

.ch-better-cho-panel-b .ch-better-cho-steps span {
  background: rgba(90,209,240,.16);
  color: var(--ch-better-cho-accent);
}

.ch-better-cho-arrow {
  align-self: center;
  justify-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--ch-better-cho-brand-soft);
  border: 1px solid var(--ch-better-cho-brand-line);
  color: var(--ch-better-cho-brand);
  font-size: 1.15rem;
  line-height: 1;
  transform: rotate(90deg);
}

@media (min-width:780px) {
  .ch-better-cho-compare {
    grid-template-columns: 1fr auto 1fr;
    gap: 18px;
  }

  .ch-better-cho-arrow {
    transform: none;
  }
}

.ch-better-cho-numbers {
  position: relative;
  overflow: hidden;
  margin-top: 40px;
  background: linear-gradient(140deg, #183F86 0%, #0B1F45 62%);
  color: #FFFFFF;
  border-radius: 8px;
  padding: 16px;
  box-shadow: var(--ch-better-cho-shadow-lg);
}

.ch-better-cho-numbers::after {
  content: "";
  position: absolute;
  top: -70px;
  right: -50px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(90,209,240,.22),transparent 68%);
}

.html-blogpost-page .post-body .ch-better-cho-numbers-h {
  position: relative;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.2;
  margin-bottom: 28px !important;
  color: #fff;
  margin-top: 0;
}

.html-blogpost-page .post-body .ch-better-cho-stats {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin: 0;
}

.html-blogpost-page .post-body .ch-better-cho-stat-n {
  display: block;
  font-size: 40px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  letter-spacing: 0;
  color: var(--ch-better-cho-accent);
}

.html-blogpost-page .post-body .ch-better-cho-stat-l {
  display: block;
  font-size: 16px;
  color: var(--ch-better-cho-mist);
  margin-top: 9px;
}

@media (min-width:840px) {
  .ch-better-cho-stats {
    grid-template-columns: repeat(4,1fr);
  }

  .ch-better-cho-stats li {
    padding-left: 26px;
    border-left: 1px solid rgba(255,255,255,.14);
  }

  .ch-better-cho-stats li:first-child {
    padding-left: 0;
    border-left: 0;
  }
}

.ch-better-cho-callout {
  margin-top: 1em;
  background: var(--ch-better-cho-brand-soft);
  border: 1px solid var(--ch-better-cho-brand-line);
  border-radius: 8px;
  padding: 15px;
  max-width: 100%;
}

.html-blogpost-page .post-body p.ch-better-cho-callout-h {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 1.02rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.3;
  color: var(--ch-better-cho-deep) !important;
  margin-bottom: .5em !important;
}

.ch-better-cho-callout-h::before {
  content: "";
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--ch-better-cho-brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 8h.01M12 12v5'/%3E%3C/svg%3E") center/13px no-repeat;
}

.html-blogpost-page .post-body .ch-better-cho-callout p {
  font-size: .98rem;
}

.html-blogpost-page .post-body .ch-better-cho-callout p:last-child {
  margin-bottom: 0 !important;
}

.ch-better-cho-callout .ch-better-cho-list {
  margin-top: .5em !important;
}

.ch-better-cho-callout .ch-better-cho-list li {
  font-size: .98rem;
  margin-bottom: .45em;
}

.ch-better-cho-callout .ch-better-cho-list li::before {
  background-color: #FFFFFF;
}

.ch-better-cho-tablewrap {
  margin-top: 1.7em;
  background: var(--ch-better-cho-surface);
  border: 1px solid var(--ch-better-cho-line);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: var(--ch-better-cho-shadow);
}

.html-blogpost-page .post-body table.ch-better-cho-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  margin: 0;
}

.html-blogpost-page .post-body .ch-better-cho-table th {
  background: #F1F5FC;
  font-size: .79rem;
  font-weight: 800;
  letter-spacing: .01em;
  color: var(--ch-better-cho-muted);
  padding: 14px clamp(18px,2.4vw,26px);
  border-bottom: 1px solid var(--ch-better-cho-line);
}

.html-blogpost-page .post-body .ch-better-cho-table td {
  padding: 15px;
  border-bottom: 1px solid var(--ch-better-cho-line);
  vertical-align: top;
  font-size: .99rem;
  color: var(--ch-better-cho-muted);
}

.html-blogpost-page .post-body .ch-better-cho-table tr:last-child td {
  border-bottom: 0;
}

.html-blogpost-page .post-body .ch-better-cho-table tbody tr {
  transition: background-color .18s ease;
}

..html-blogpost-page .post-body ch-better-cho-table tbody tr:hover {
  background: #F7FAFF;
}

.html-blogpost-page .post-body .ch-better-cho-table th:first-child,
.html-blogpost-page .post-body .ch-better-cho-table td:first-child {
  width: 36%;
}

.html-blogpost-page .post-body .ch-better-cho-table td:first-child {
  font-weight: 800;
  color: var(--ch-better-cho-ink);
  letter-spacing: -.02em;
}

@media (max-width:660px) {
  .html-blogpost-page .post-body .ch-better-cho-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }

  .html-blogpost-page .post-body .ch-better-cho-table tr {
    display: block;
    border-bottom: 1px solid var(--ch-better-cho-line);
    padding: 14px 20px;
  }

  .html-blogpost-page .post-body .ch-better-cho-table tr:last-child {
    border-bottom: 0;
  }

  .html-blogpost-page .post-body .ch-better-cho-table td {
    display: block;
    border: 0;
    padding: 0;
  }

  .html-blogpost-page .post-body .ch-better-cho-table td:first-child {
    width: 100%;
    padding-bottom: 3px;
  }
}

.ch-better-cho-goals {
  margin-top: 1.7em;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(238px,1fr));
  gap: 14px;
}

.ch-better-cho-goal {
  background: var(--ch-better-cho-surface);
  border: 1px solid var(--ch-better-cho-line);
  border-radius: 8px;
  padding: 15px;
  box-shadow: var(--ch-better-cho-shadow);
}

.ch-better-cho-goal-t {
  display: block;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0;
  color: #000;
}

.ch-better-cho-goal-t::before {
  content: "";
  display: block;
  width: 30px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg,var(--ch-better-cho-brand),var(--ch-better-cho-accent));
  margin-bottom: 14px;
}

.html-blogpost-page .post-body p.ch-better-cho-goal-d {
  font-size: 16px;
  line-height: 1.45;
  margin-top: .5em !important;
  max-width: none !important;
  margin-bottom: 0;
}

.html-blogpost-page .post-body ol.ch-better-cho-trial {
  margin-top: 0.7em;
  max-width: 100%;
  background: var(--ch-better-cho-surface);
  border: 1px solid var(--ch-better-cho-line);
  border-radius: 8px;
  padding: 15px;
  box-shadow: var(--ch-better-cho-shadow);
}

.html-blogpost-page .post-body ol.ch-better-cho-trial li {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 15px 0;
  border-top: 1px solid var(--ch-better-cho-line);
}

.html-blogpost-page .post-body ol.ch-better-cho-trial li:first-child {
  border-top: 0;
}

.html-blogpost-page .post-body ol.ch-better-cho-trial li:last-child {
  padding-bottom: 0;
}

.ch-better-cho-trial-n {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background: var(--ch-better-cho-brand-soft);
  color: var(--ch-better-cho-brand);
  font-size: 14px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: normal;
}

.ch-better-cho-trial-t {
  display: block;
  font-weight: 800;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: 0;
  padding-top: 3px;
  color: #000;
}

.html-blogpost-page .post-body p.ch-better-cho-trial-d {
  font-size: 16px;
  line-height: 1.55;
  margin-top: .15em !important;
  max-width: none !important;
  margin-bottom: 0;
  color: #666;
}

.ch-better-cho-checks {
  margin-top: 1.5em;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
  gap: 14px;
}

.html-blogpost-page .post-body .ch-better-cho-checks li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: var(--ch-better-cho-surface);
  border: 1px solid var(--ch-better-cho-line);
  border-radius: 8px;
  padding: 15px;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.35;
  letter-spacing: 0;
  margin: 0;
}

.ch-better-cho-checks li::before {
  content: "";
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin-top: 1px;
  border-radius: 50%;
  background: var(--ch-better-cho-brand-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D5BD6' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat;
}

.ch-better-cho-cta {
  position: relative;
  overflow: hidden;
  margin-top: 35px;
  background: linear-gradient(140deg, #183F86 0%, #0B1F45 60%);
  color: #FFFFFF;
  border-radius: 8px;
  padding: 24px;
  box-shadow: var(--ch-better-cho-shadow-lg);
  text-align: center;
}

.ch-better-cho-cta::after {
  content: "";
  position: absolute;
  bottom: -120px;
  left: -60px;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(90,209,240,.18),transparent 68%);
}

.ch-better-cho-cta-h,
.ch-better-cho-cta p,
.ch-better-cho-btns {
  position: relative;
}

.html-blogpost-page .post-body .ch-better-cho-cta-h {
  font-size: 35px;
  font-weight: 800;
  line-height: 1.06;
  letter-spacing: 0;
  margin-bottom: .4em !important;
  color: #fff;
  margin-top: 0;
}

.html-blogpost-page .post-body .ch-better-cho-cta p {
  color: var(--ch-better-cho-mist) !important;
}

.ch-better-cho-btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 20px;
}

.html-blogpost-page .post-body .ch-better-cho-btn {
  display: inline-block;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0;
  padding: 10px 18px;
  border-radius: 8px;
  text-decoration: none;
  background: var(--ch-better-cho-accent);
  color: var(--ch-better-cho-deep);
  border: 1px solid var(--ch-better-cho-accent);
  transition: background-color .2s ease, border-color .2s ease;
  box-shadow: none !important;
}

.html-blogpost-page .post-body .ch-better-cho-btn:hover {
  background: #8AE2F7;
}

.ch-better-cho-btn-alt {
  background: transparent;
  color: #FFFFFF;
  border: 1px solid rgba(255,255,255,.4);
}

.ch-better-cho-btn-alt:hover {
  background: rgba(255,255,255,.09);
  border-color: #FFFFFF;
}

.ch-better-cho-cta a:focus-visible {
  outline: 2px solid var(--ch-better-cho-accent);
  outline-offset: 3px;
}

@media (prefers-reduced-motion:reduce) {
  .ch-better-cho-article * {
    transition: none !important;
    animation: none !important;
  }
}