/* Restore deliberate section contrast without recolouring product media. */
html[data-theme="dark"] body.calm-site main section.hg-section-dark {
  background-color: #000000 !important;
}
html[data-theme="dark"] body.calm-site main section:is(.hg-section-yellow, .hg-final-cta):not(:has(form)) {
  background-color: #FFC846 !important;
  color: #000000 !important;
  border-color: #FFC846 !important;
}
html[data-theme="dark"] body.calm-site main section:is(.hg-section-yellow, .hg-final-cta):not(:has(form)) :is(h1,h2,h3,h4,p,span,strong,b,small,a,li,dt,dd) {
  color: #000000 !important;
}
html[data-theme="dark"] body.calm-site main section:is(.hg-section-yellow, .hg-final-cta):not(:has(form)) :is(.hg-eyebrow,.el-eyebrow,.ef-eyebrow)::before {
  background: #000000 !important;
}
html[data-theme="dark"] body.calm-site main section:is(.hg-section-yellow, .hg-final-cta):not(:has(form)) a:not(:is(.hg-button,.el-button,.ef-button)) {
  text-decoration: underline;
  text-underline-offset: 3px;
}
html[data-theme="dark"] body.calm-site main section:is(.hg-section-yellow, .hg-final-cta):not(:has(form)) a:is(.hg-button,.el-button,.ef-button) {
  background: #000000 !important;
  color: #FFC846 !important;
  border: 1px solid #000000 !important;
}
html[data-theme="dark"] body.calm-site main section:is(.hg-section-yellow, .hg-final-cta):not(:has(form)) a:is(.hg-button-secondary,.el-button-secondary,.ef-button-secondary) {
  background: transparent !important;
  color: #000000 !important;
}
html[data-theme="dark"] body.calm-site main section:is(.hg-section-yellow, .hg-final-cta):not(:has(form)) a:is(.hg-button,.el-button,.ef-button) :is(span,strong,svg) {
  color: inherit !important;
}
html[data-theme="dark"] body.calm-site main section:is(.hg-section-yellow, .hg-final-cta):not(:has(form)) a:is(.hg-button,.el-button,.ef-button):hover {
  background: #282828 !important;
  color: #FFC846 !important;
  border-color: #282828 !important;
}
html[data-theme="dark"] body.calm-site main section:is(.hg-section-yellow, .hg-final-cta):not(:has(form)) a:focus-visible {
  outline: 3px solid #000000 !important;
  outline-offset: 4px;
}
@media print {
  html[data-theme="dark"] body.calm-site main section:is(.hg-section-yellow,.hg-final-cta,.hg-section-dark) {
    background-color: #FFFFFF !important;
    color: #000000 !important;
  }
}