.elementor-2334 .elementor-element.elementor-element-d15cf4b{--display:flex;}/* Start custom CSS for container, class: .elementor-element-d15cf4b *//* Community CareLink · "Prove Your Programs Work" · Evidence-Based Outcomes section.
   Scoped to .ccl-ebo so it cannot affect the rest of the site. Generated by build-web-package.mjs. */

/* The client preview sizes rem against an 18px root. This stylesheet loads only on the outcomes page. */
html {
  font-size: 18px;
  overflow-x: clip;
}

/* This page inherits a teal-to-orange body gradient from an Elementor template.
   The template's post ID differs between sites, so the class comes from the page slug. */
html body.ccl-ebo-page:not(.elementor-motion-effects-element-type-background) {
  background-color: #f5f8f7;
  background-image: none;
}

   .ccl-ebo {
    --ink: #1f2124;
    --ink-soft: #5f6165;
    --ink-mute: #8a8c91;
    --ground: #f5f8f7;
    --paper: #ffffff;
    --paper-2: #eef3f2;
    --line: #d9e1df;
    --teal: #02a99a;
    --teal-deep: #01857a;
    --teal-tint: #dff4f2;
    --orange: #ee9926;
    --orange-tint: #fdeedb;
    --blue: #3fa6dc;
    --green: #35b946;
    --lime: #92c657;
    --coral: #f26828;
    --band-0: #39b54a;
    --band-1: #8dc63f;
    --band-2: #f7941d;
    --band-3: #f26522;
    --band-4: #c0392b;
    --shadow: 0 8px 28px rgba(40, 70, 66, .10);
    --radius: 14px;
    --display: "Poppins", "Segoe UI", Arial, sans-serif;
    --body: "Poppins", "Segoe UI", Arial, sans-serif;
  }
  .ccl-ebo * { box-sizing: border-box; }
  .ccl-ebo {
    margin: 0; background: var(--ground); color: var(--ink);
    font-family: var(--body); font-size: 17px; line-height: 1.55;
    -webkit-font-smoothing: antialiased;
  }
  .ccl-ebo .wrap { max-width: 1120px; margin: 0 auto; padding-inline: clamp(16px, 4vw, 40px); }
  .ccl-ebo h1, .ccl-ebo h2, .ccl-ebo h3, .ccl-ebo h4 { font-family: var(--display); line-height: 1.15; margin: 0; text-wrap: balance; color: var(--ink); }
  .ccl-ebo h1 { font-size: clamp(2rem, 4.6vw, 3.4rem); font-weight: 800; letter-spacing: -.02em; }
  .ccl-ebo h2 { font-size: clamp(1.5rem, 2.8vw, 2.15rem); font-weight: 700; letter-spacing: -.015em; }
  .ccl-ebo h3 { font-size: 1.2rem; font-weight: 700; }
  .ccl-ebo p { margin: 0; }
  .ccl-ebo a { color: var(--teal-deep); }
  .ccl-ebo .eyebrow {
    font-family: var(--display); font-weight: 700; font-size: .78rem; letter-spacing: .12em;
    text-transform: uppercase; color: var(--teal); display: inline-flex; align-items: center; gap: 10px;
  }
  .ccl-ebo .eyebrow::before { content: ""; width: 22px; height: 3px; background: var(--teal); border-radius: 2px; }
  .ccl-ebo .lede { font-size: 1.2rem; color: var(--ink-soft); max-width: 62ch; }
  .ccl-ebo .measure { max-width: 66ch; }
  .ccl-ebo section { padding-block: clamp(48px, 7vw, 88px); }
  .ccl-ebo .section-head { display: grid; gap: 14px; margin-bottom: clamp(28px, 4vw, 44px); }
  .ccl-ebo .btn {
    display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-family: var(--display);
    font-weight: 700; font-size: .95rem; padding: 14px 22px; border-radius: 999px; border: 2px solid transparent;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
  }
  .ccl-ebo .btn:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; }
  .ccl-ebo .btn-primary { background: var(--teal); color: #fff; box-shadow: 0 6px 18px rgba(0,167,157,.28); }
  .ccl-ebo .btn-primary:hover { background: var(--teal-deep); transform: translateY(-1px); }
  .ccl-ebo .btn-ghost { background: transparent; color: var(--ink); border-color: var(--line); }
  .ccl-ebo .btn-ghost:hover { border-color: var(--teal); color: var(--teal-deep); }
  .ccl-ebo .btn svg { width: 18px; height: 18px; }
  /* ---------- hero ---------- */
  .ccl-ebo .hero { padding-block: clamp(40px, 6vw, 80px) clamp(40px, 6vw, 72px); position: relative; overflow: hidden; }
  .ccl-ebo .hero .wrap { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(28px, 5vw, 64px); align-items: center; }
  .ccl-ebo .hero-copy { display: grid; gap: 22px; }
  .ccl-ebo .hero-copy .lede { font-size: 1.28rem; }
  .ccl-ebo .hero-cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 6px; }
  .ccl-ebo .rings { position: absolute; right: -60px; top: -80px; width: 420px; height: 420px; opacity: .10; pointer-events: none; }
  /* Moved to the page top on this template so the mark sits on the header background, under the nav. */
  body > .rings { position: absolute; top: 0; right: -60px; z-index: 1; width: 420px; height: 420px; opacity: .10; pointer-events: none; }
  .ccl-ebo .hero-note { font-size: .95rem; color: var(--ink-mute); }
  /* before/after visual */
  .ccl-ebo .viz {
    background: var(--paper); border-radius: var(--radius); box-shadow: var(--shadow); padding: 26px 26px 22px;
    display: grid; gap: 18px; border: 1px solid var(--line); margin: 0;
  }
  .ccl-ebo .viz-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }
  .ccl-ebo .viz-head h3 { font-size: 1rem; }
  .ccl-ebo .viz-tag { font-size: .78rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-mute); }
  .ccl-ebo .kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .ccl-ebo .kpi { background: var(--paper-2); border-radius: 10px; padding: 12px 14px; display: grid; gap: 2px; }
  .ccl-ebo .kpi b { font-family: var(--display); font-size: 1.45rem; font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
  .ccl-ebo .kpi span { font-size: .8rem; color: var(--ink-soft); line-height: 1.3; }
  .ccl-ebo .kpi.good b { color: var(--teal-deep); }
  .ccl-ebo .bands { display: grid; gap: 9px; }
  .ccl-ebo .band { display: grid; grid-template-columns: 9.5rem 1fr; align-items: center; gap: 12px; font-size: .9rem; }
  .ccl-ebo .band-label { display: flex; align-items: center; gap: 8px; color: var(--ink-soft); }
  .ccl-ebo .band-label i { width: 10px; height: 10px; border-radius: 50%; display: inline-block; flex: none; }
  .ccl-ebo .bars { display: grid; gap: 3px; }
  .ccl-ebo .bar { height: 11px; border-radius: 6px; position: relative; background: var(--paper-2); overflow: hidden; }
  .ccl-ebo .bar > span { position: absolute; inset: 0 auto 0 0; border-radius: 6px; }
  .ccl-ebo .bar.before > span { background: var(--ink-mute); opacity: .55; }
  .ccl-ebo .bar.after > span { background: var(--teal); }
  .ccl-ebo .legend { display: flex; gap: 18px; font-size: .82rem; color: var(--ink-soft); flex-wrap: wrap; }
  .ccl-ebo .legend i { display: inline-block; width: 18px; height: 9px; border-radius: 5px; vertical-align: middle; margin-right: 6px; }
  .ccl-ebo .legend .l-before i { background: var(--ink-mute); opacity: .55; }
  .ccl-ebo .legend .l-after i { background: var(--teal); }
  .ccl-ebo .viz-foot { font-size: .8rem; color: var(--ink-mute); font-style: italic; }
  /* ---------- screenshots + lightbox ---------- */
  .ccl-ebo .shot { position: relative; display: block; width: 100%; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; padding: 0; background: var(--paper-2); cursor: zoom-in; aspect-ratio: 16 / 9; text-align: left; }
  .ccl-ebo .shot img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; transition: transform .35s ease; }
  .ccl-ebo .shot:hover img { transform: scale(1.02); }
  .ccl-ebo .shot-cta { position: absolute; right: 10px; bottom: 10px; background: rgba(61,62,64,.9); color: #fff; font-family: var(--display); font-weight: 700; font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; padding: 6px 10px; border-radius: 6px; opacity: 0; transition: opacity .2s ease; pointer-events: none; }
  .ccl-ebo .shot:hover .shot-cta, .ccl-ebo .shot:focus-visible .shot-cta { opacity: 1; }
  .ccl-ebo .shot:focus-visible { outline: 3px solid var(--orange); outline-offset: 2px; }
  .ccl-ebo .shot-hero { aspect-ratio: 16 / 11; }
  .ccl-ebo .shot-hero .shot-cta { opacity: 1; }
  .ccl-ebo .card .shot { aspect-ratio: 16 / 9; }
  .ccl-ebo .card .lic { z-index: 1; }
  .ccl-ebo .anatomy { background: var(--ground); border-top: 1px solid var(--line); }
  .ccl-ebo .anatomy-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .ccl-ebo .anat { margin: 0; display: grid; gap: 14px; align-content: start; }
  .ccl-ebo .anat .shot { aspect-ratio: 4 / 3; box-shadow: var(--shadow); }
  .ccl-ebo .anat figcaption b { display: block; font-family: var(--display); font-size: 1.02rem; margin-bottom: 4px; }
  .ccl-ebo .anat figcaption span { color: var(--ink-soft); font-size: .97rem; }
  .ccl-ebo dialog.lb { border: 0; padding: 0; background: transparent; width: min(96vw, 1500px); max-width: none; max-height: 96vh; margin: auto; }
  .ccl-ebo dialog.lb::backdrop { background: rgba(14, 24, 23, .8); }
  .ccl-ebo .lb-panel { background: var(--paper); border-radius: 14px; overflow: hidden; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; max-height: 96vh; box-shadow: 0 30px 80px rgba(0,0,0,.45); }
  .ccl-ebo .lb-head { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
  .ccl-ebo .lb-head h3 { font-size: 1rem; margin-right: auto; }
  .ccl-ebo .lb-tabs { display: flex; gap: 6px; flex-wrap: wrap; }
  .ccl-ebo .lb-tab { font-family: var(--display); font-weight: 700; font-size: .78rem; padding: 7px 12px; border-radius: 999px; border: 1.5px solid var(--line); background: var(--ground); color: var(--ink-soft); cursor: pointer; }
  .ccl-ebo .lb-tab[aria-selected="true"] { background: var(--teal); border-color: var(--teal); color: #fff; }
  .ccl-ebo .lb-tab:focus-visible, .ccl-ebo .lb-close:focus-visible { outline: 3px solid var(--orange); outline-offset: 2px; }
  .ccl-ebo .lb-close { width: 36px; height: 36px; padding: 0; border-radius: 50%; border: 1.5px solid var(--line); background: var(--ground); color: var(--ink); cursor: pointer; display: grid; place-items: center; font-size: 1.1rem; line-height: 1; }
  .ccl-ebo .lb-close:hover { border-color: var(--ink); }
  .ccl-ebo .lb-body { overflow: auto; background: var(--paper-2); }
  .ccl-ebo .lb-body img { display: block; width: 100%; height: auto; }
  .ccl-ebo .lb-foot { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; padding: 10px 16px; border-top: 1px solid var(--line); font-size: .85rem; color: var(--ink-mute); }
  .ccl-ebo .lb-foot a { margin-left: auto; font-family: var(--display); font-weight: 700; font-size: .85rem; text-decoration: none; }
  .ccl-ebo .lb-foot a:hover { text-decoration: underline; }
  @media (max-width: 900px) {
    .ccl-ebo .anatomy-grid { grid-template-columns: 1fr; } 
  }
  /* ---------- value props ---------- */
  .ccl-ebo .why { background: var(--paper); border-block: 1px solid var(--line); }
  .ccl-ebo .props { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 3vw, 36px); }
  .ccl-ebo .prop { display: grid; gap: 12px; align-content: start; }
  .ccl-ebo .prop .icon { width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; background: var(--teal-tint); color: var(--teal-deep); }
  .ccl-ebo .prop .icon svg { width: 24px; height: 24px; }
  .ccl-ebo .prop p { color: var(--ink-soft); }
  .ccl-ebo .prop blockquote { margin: 6px 0 0; padding: 12px 16px; border-left: 3px solid var(--orange); background: var(--orange-tint); border-radius: 0 10px 10px 0; font-size: .95rem; color: var(--ink); }
  /* ---------- how it works ---------- */
  .ccl-ebo .steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; counter-reset: step; }
  .ccl-ebo .step {
    background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: 26px 24px 24px;
    display: grid; gap: 10px; align-content: start; position: relative;
  }
  .ccl-ebo .step::before {
    counter-increment: step; content: counter(step);
    font-family: var(--display); font-weight: 800; font-size: 2.6rem; line-height: 1; color: var(--teal); opacity: .9;
  }
  .ccl-ebo .step p { color: var(--ink-soft); }
  .ccl-ebo .step .tip { font-size: .9rem; color: var(--ink); background: var(--paper-2); border-radius: 8px; padding: 10px 12px; margin-top: 4px; }
  .ccl-ebo .step .tip b { color: var(--teal-deep); }
  /* ---------- catalog ---------- */
  .ccl-ebo .catalog { background: var(--paper); border-top: 1px solid var(--line); }
  .ccl-ebo .filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 34px; }
  .ccl-ebo .chip {
    font-family: var(--display); font-weight: 700; font-size: .82rem; padding: 9px 15px; border-radius: 999px;
    border: 1.5px solid var(--line); background: var(--ground); color: var(--ink-soft); cursor: pointer;
    display: inline-flex; align-items: center; gap: 8px; transition: all .15s ease;
  }
  .ccl-ebo .chip i { width: 9px; height: 9px; border-radius: 50%; background: var(--dot, var(--ink-mute)); }
  .ccl-ebo .chip:hover { border-color: var(--dot, var(--teal)); color: var(--ink); }
  .ccl-ebo .chip[aria-pressed="true"] { background: var(--ink); color: #fff; border-color: var(--ink); }
  .ccl-ebo .chip:focus-visible { outline: 3px solid var(--orange); outline-offset: 2px; }
  .ccl-ebo .group { display: grid; gap: 18px; margin-bottom: 44px; }
  .ccl-ebo .group[hidden] { display: none; }
  .ccl-ebo .group-head { display: flex; align-items: center; gap: 12px; padding-bottom: 12px; border-bottom: 2px solid var(--line); }
  .ccl-ebo .group-head i { width: 14px; height: 14px; border-radius: 50%; background: var(--dot); box-shadow: 0 0 0 4px color-mix(in srgb, var(--dot) 20%, transparent); }
  .ccl-ebo .group-head h3 { font-size: 1.25rem; }
  .ccl-ebo .group-head p { color: var(--ink-mute); font-size: .95rem; margin-left: auto; text-align: right; }
  .ccl-ebo .cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
  .ccl-ebo .card {
    background: var(--ground); border: 1px solid var(--line); border-radius: 12px; padding: 20px 20px 18px;
    display: grid; gap: 12px; align-content: start; position: relative;
  }
  .ccl-ebo .card h4 { font-size: 1.05rem; font-weight: 700; padding-right: 20px; }
  .ccl-ebo .card .sub { font-size: .9rem; color: var(--ink-mute); margin-top: -8px; }
  .ccl-ebo .card p { color: var(--ink-soft); font-size: .97rem; }
  .ccl-ebo .facts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 14px; font-size: .86rem; padding-top: 10px; border-top: 1px dashed var(--line); }
  .ccl-ebo .facts div { display: grid; gap: 1px; }
  .ccl-ebo .facts dt { color: var(--ink-mute); font-size: .74rem; letter-spacing: .06em; text-transform: uppercase; font-weight: 700; }
  .ccl-ebo .facts dd { margin: 0; color: var(--ink); font-variant-numeric: tabular-nums; }
  .ccl-ebo .card .out { font-size: .9rem; color: var(--ink); display: flex; gap: 8px; align-items: flex-start; }
  .ccl-ebo .card .out svg { width: 16px; height: 16px; flex: none; margin-top: 4px; color: var(--teal); }
  .ccl-ebo .card .open { font-size: .88rem; font-weight: 700; font-family: var(--display); text-decoration: none; color: var(--teal-deep); justify-self: start; }
  .ccl-ebo .card .open:hover { text-decoration: underline; }
  .ccl-ebo .lic { position: absolute; top: 16px; right: 16px; font-size: .68rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--orange); background: var(--orange-tint); padding: 3px 8px; border-radius: 6px; }
  .ccl-ebo .lic-note { font-size: .9rem; color: var(--ink-mute); max-width: 72ch; }
  .ccl-ebo .empty { display: none; color: var(--ink-mute); padding: 20px 0; }
  /* ---------- request an assessment ---------- */
  .ccl-ebo .request { padding-block: 0 clamp(48px, 7vw, 88px); background: var(--paper); }
  .ccl-ebo .request-card {
    display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(24px, 4vw, 56px);
    background: var(--ground); border: 1px solid var(--line); border-radius: var(--radius); padding: clamp(24px, 4vw, 44px);
    border-left: 6px solid var(--orange);
  }
  .ccl-ebo .request-copy { display: grid; gap: 16px; align-content: start; }
  .ccl-ebo .request-copy p { color: var(--ink-soft); }
  .ccl-ebo .request-steps { display: grid; gap: 14px; align-content: start; }
  .ccl-ebo .request-steps h3 { font-size: 1rem; text-transform: uppercase; letter-spacing: .08em; color: var(--ink-mute); }
  .ccl-ebo .request-steps ol { margin: 0; padding-left: 1.4em; display: grid; gap: 10px; color: var(--ink-soft); }
  .ccl-ebo .request-steps ol b { color: var(--ink); }
  .ccl-ebo .request-fee { font-size: .95rem; color: var(--ink); background: var(--orange-tint); border-radius: 10px; padding: 12px 14px; }
  .ccl-ebo .request-how { font-size: .97rem; color: var(--ink-soft); }
  .ccl-ebo .request-how b { color: var(--teal-deep); }
  /* ---------- rhythm / getting started ---------- */
  .ccl-ebo .rhythm .wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(28px, 5vw, 64px); align-items: start; }
  .ccl-ebo .timeline { display: grid; gap: 0; position: relative; padding-left: 26px; }
  .ccl-ebo .timeline::before { content: ""; position: absolute; left: 7px; top: 12px; bottom: 12px; width: 2px; background: var(--line); }
  .ccl-ebo .tl { position: relative; padding: 0 0 22px 14px; display: grid; gap: 3px; }
  .ccl-ebo .tl::before { content: ""; position: absolute; left: -26px; top: 7px; width: 16px; height: 16px; border-radius: 50%; background: var(--paper); border: 3px solid var(--teal); }
  .ccl-ebo .tl:last-child { padding-bottom: 0; }
  .ccl-ebo .tl b { font-family: var(--display); font-size: .95rem; }
  .ccl-ebo .tl span { color: var(--ink-soft); font-size: .97rem; }
  .ccl-ebo .checklist { display: grid; gap: 10px; list-style: none; padding: 0; margin: 0; }
  .ccl-ebo .checklist li { display: flex; gap: 12px; align-items: flex-start; background: var(--paper); border: 1px solid var(--line); border-radius: 10px; padding: 14px 16px; }
  .ccl-ebo .checklist svg { width: 20px; height: 20px; flex: none; color: var(--green); margin-top: 3px; }
  .ccl-ebo .checklist b { display: block; font-family: var(--display); font-size: .95rem; margin-bottom: 2px; }
  .ccl-ebo .checklist span { color: var(--ink-soft); font-size: .97rem; }
  /* ---------- footer cta ---------- */
  .ccl-ebo .cta { background: var(--ink); color: #fff; }
  .ccl-ebo .cta .wrap { display: grid; grid-template-columns: minmax(0, 1.2fr) auto; gap: 28px; align-items: center; }
  .ccl-ebo .cta h2 { color: #fff; }
  .ccl-ebo .cta p { color: rgba(255,255,255,.78); font-size: 1.1rem; max-width: 56ch; }
  .ccl-ebo .cta .path { display: inline-flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 10px; font-size: .95rem; color: rgba(255,255,255,.9); }
  .ccl-ebo .cta .path code { font-family: var(--display); font-weight: 700; font-size: .85rem; background: rgba(255,255,255,.12); padding: 4px 10px; border-radius: 6px; }
  .ccl-ebo .cta .btn-primary { background: var(--orange); box-shadow: 0 6px 18px rgba(247,148,29,.35); }
  .ccl-ebo .cta .btn-primary:hover { background: #e0841a; color: #fff; }
  .ccl-ebo .foot { padding: 20px 0 30px; font-size: .85rem; color: var(--ink-mute); text-align: center; }
  @media (max-width: 900px) {
    .ccl-ebo .hero .wrap, .ccl-ebo .rhythm .wrap, .ccl-ebo .cta .wrap, .ccl-ebo .request-card { grid-template-columns: 1fr; }
    .ccl-ebo .props, .ccl-ebo .steps { grid-template-columns: 1fr; }
    .ccl-ebo .rings,
    body > .rings { display: none; }
    
  }
  @media (max-width: 520px) {
    .ccl-ebo { font-size: 16px; }
    .ccl-ebo .kpis { grid-template-columns: 1fr 1fr; }
    .ccl-ebo .band { grid-template-columns: 1fr; gap: 4px; }
    .ccl-ebo .facts { grid-template-columns: 1fr; }
    .ccl-ebo .group-head { flex-wrap: wrap; }
    .ccl-ebo .group-head p { margin-left: 0; text-align: left; width: 100%; }
    
  }
  @media (prefers-reduced-motion: reduce) {
    .ccl-ebo .btn { transition: none; } 
  }
  /* ---------- external-package additions ---------- */
  .ccl-ebo .card .included { font-size: .82rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--teal-deep); }
  .ccl-ebo .cta .cta-note { font-size: .98rem; color: rgba(255,255,255,.78); margin-top: 8px; }
  .ccl-ebo .cta .cta-note code { font-family: var(--display); font-weight: 700; font-size: .85rem; background: rgba(255,255,255,.12); padding: 3px 8px; border-radius: 4px; color: #fff; }
  .ccl-ebo .btn-ghost--dark { color: #fff; border-color: rgba(255,255,255,.45); }
  .ccl-ebo .btn-ghost--dark:hover { border-color: #fff; color: #fff; }
  .ccl-ebo .request-how a { color: var(--teal-deep); font-weight: 600; }
  .ccl-ebo h1, .ccl-ebo h2, .ccl-ebo h3, .ccl-ebo h4 { font-weight: 700; }
  .ccl-ebo .btn { border-radius: 6px; }
  /* The site's primary call-to-action colour is its orange (#EE9926); the in-app page used teal. */
  .ccl-ebo .btn-primary { background: var(--orange); box-shadow: 0 6px 18px rgba(238,153,38,.32); }
  .ccl-ebo .btn-primary:hover { background: #d9871f; color: #fff; }/* End custom CSS */