@layer jcc-review-brand-20261018 {
  html body.jcc-recording-page {
    --jcc-recording-heading: 42px;
    --jcc-utility-clearance: 84px;
  }

  html body.page-will-writing-singapore.jcc-recording-page {
    --jcc-utility-clearance: 168px;
  }

  html body.jcc-recording-page footer {
    padding-bottom: var(--jcc-utility-clearance) !important;
    background: #202020 !important;
  }

  html body.jcc-brand-shell-20261018.jcc-recording-page main #recorded-commentary {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    padding: 64px 0 !important;
  }

  html body.jcc-brand-shell-20261018.jcc-recording-page main #recorded-commentary .jcc-recorded-commentary__inner {
    box-sizing: border-box !important;
    width: calc(100% - 64px) !important;
    max-width: 960px !important;
    margin-inline: auto !important;
    padding: 0 !important;
  }

  html body.jcc-brand-shell-20261018.jcc-recording-page main #recorded-commentary h2 {
    max-width: 900px !important;
    font: 400 var(--jcc-recording-heading)/1.11 "Libre Caslon Display", "Libre Caslon Text", Georgia, serif !important;
    letter-spacing: 0 !important;
  }

  html body.page-will-writing-singapore.jcc-recording-page main #recorded-commentary .jcc-recorded-commentary__inner {
    width: 100% !important;
  }

  html body.jcc-brand-shell-20261018.jcc-recording-page main #recorded-commentary h3 {
    font: 400 24px/1.25 "Libre Caslon Text", Georgia, serif !important;
    letter-spacing: 0 !important;
  }

  html body.jcc-brand-shell-20261018.jcc-recording-page main #recorded-commentary .jcc-recorded-commentary__source {
    font-size: 14px !important;
    letter-spacing: 0 !important;
  }

  html body.jcc-brand-shell-20261018.jcc-recording-page .jcc-chatbot .jcc-chatbot__button {
    min-height: 52px !important;
    height: 52px !important;
    font: 700 13px/1.25 "Hanken Grotesk", Arial, system-ui, sans-serif !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    background: #355b4a !important;
    color: #f6f2ea !important;
  }

  html body.jcc-brand-shell-20261018.jcc-recording-page .jcc-chatbot .jcc-chatbot__button:is(:hover, :focus-visible) {
    background: #416b58 !important;
  }

  html body.jcc-brand-shell-20261018.jcc-recording-page :is(a[data-jcc-consultation-primary], a[data-jcc-hero-primary-cta]) {
    box-sizing: border-box !important;
    width: 320px !important;
    max-width: 100% !important;
    height: 61px !important;
    min-height: 61px !important;
    padding: 0 22px !important;
    font: 700 13px/1.25 "Hanken Grotesk", Arial, system-ui, sans-serif !important;
    letter-spacing: 0 !important;
  }

  html body.jcc-brand-shell-20261018.jcc-recording-page :is(a[data-jcc-consultation-primary], a[data-jcc-hero-primary-cta]) > span {
    font: inherit !important;
    letter-spacing: 0 !important;
  }

  html body.jcc-brand-shell-20261018.jcc-recording-page .jcc-prefooter-contact__inner {
    box-sizing: border-box !important;
    width: calc(100% - 64px) !important;
    max-width: 960px !important;
    padding-inline: 0 !important;
    margin-inline: auto !important;
  }

  html body.jcc-recording-page .jcc-whatsapp-utility {
    position: fixed;
    right: 18px;
    bottom: 90px;
    z-index: 9998;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #454542;
    color: #fff;
    text-decoration: none;
  }

  html body.jcc-recording-page .jcc-whatsapp-utility .whatsapp-help {
    position: absolute !important;
    inset: auto calc(100% + 12px) auto auto !important;
    padding: 8px 12px !important;
    background: #f6f2ea !important;
    color: #292a29 !important;
    font: 500 14px/1.4 "Hanken Grotesk", Arial, system-ui, sans-serif !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    border-radius: 6px;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  html body.jcc-recording-page .jcc-whatsapp-utility .whatsapp-help::after {
    display: none !important;
  }

  html body.jcc-recording-page .jcc-whatsapp-utility .whatsapp-dot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px !important;
    height: 28px !important;
    background: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  html body.jcc-recording-page .jcc-whatsapp-utility .whatsapp-mark {
    width: 28px !important;
    height: 28px !important;
    fill: currentColor;
  }

  html body.jcc-recording-page .jcc-whatsapp-utility:is(:hover, :focus-visible) {
    background: #25d366;
    outline: 3px solid #b98b43;
    outline-offset: 4px;
  }

  html body.jcc-recording-page:has(.jcc-chatbot.is-open, .jcc-mobile-menu:not([hidden]), .jcc-practice-nav.is-open) .jcc-whatsapp-utility {
    visibility: hidden;
  }

  @media (max-width: 1041px) {
    html body.jcc-recording-page { --jcc-recording-heading: 36px; }
  }

  @media (max-width: 600px) {
    html body.jcc-recording-page { --jcc-recording-heading: 30px; }

    html body.jcc-brand-shell-20261018.jcc-recording-page main #recorded-commentary {
      padding-block: 40px !important;
    }

    html body.jcc-brand-shell-20261018.jcc-recording-page main #recorded-commentary .jcc-recorded-commentary__inner,
    html body.jcc-brand-shell-20261018.jcc-recording-page .jcc-prefooter-contact__inner {
      width: calc(100% - 40px) !important;
    }

    html body.jcc-brand-shell-20261018.jcc-recording-page main #recorded-commentary h3 {
      font-size: 20px !important;
    }

    html body.page-will-writing-singapore.jcc-recording-page main #recorded-commentary .jcc-recorded-commentary__inner {
      width: 100% !important;
    }

    html body.jcc-brand-shell-20261018.jcc-recording-page .jcc-chatbot .jcc-chatbot__button {
      font-size: 12px !important;
    }

    html body.jcc-brand-shell-20261018.jcc-recording-page :is(a[data-jcc-consultation-primary], a[data-jcc-hero-primary-cta]) {
      max-width: 100% !important;
      padding-inline: 18px !important;
      font-size: 12px !important;
    }

    html body.jcc-recording-page .jcc-whatsapp-utility {
      right: 12px;
      bottom: 86px;
      width: 54px;
      height: 54px;
    }
  }
}