.cf-health-topics { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 45px; }
.cf-health-topics a { padding: 10px 17px; border: 1px solid #a9bbd1; border-radius: 24px; color: #2255aa; font-size: 14px; }
.cf-health-topics a:hover { background: #ffdf8d; border-color: #ffdf8d; }
.cf-health-example { overflow: hidden; border: 4px solid #a7e4d0; border-radius: 26px; background: #e5f3ec; }
.cf-health-example:nth-child(2) { border-color: #c7afea; background: #eee5fa; }
.cf-health-example > a { display: block; }
.cf-health-example img { display: block; width: 100%; height: auto; }
.cf-health-example-copy { padding: 28px; }
.cf-health-example h3 { margin: 0 0 18px; font-size: 27px; }
.cf-health-example p { margin: 0; color: #4e6074; }
.cf-health-phobias { display: grid; grid-template-columns: 1fr 1fr; gap: 55px; align-items: center; }
.cf-health-topic-copy h2 { margin-bottom: 24px; }
.cf-health-topic-copy p { color: #4e6074; }
.cf-health-spider-card { padding: 24px 30px; border: 4px solid #f1cd77; border-radius: 32px 32px 18px 32px; background: #ffedbe; }
.cf-health-spider-object { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; border: 0; pointer-events: none; }
.cf-health-spider-card label { display: block; margin: 16px 0 10px; font-family: Rounded, sans-serif; font-size: 20px; }
#healthSpiderRange { --progress: 0%; display: block; appearance: none; -webkit-appearance: none; width: 100%; height: 32px; margin: 0; padding: 0; background: transparent; cursor: pointer; }
#healthSpiderRange::-webkit-slider-runnable-track { height: 8px; border-radius: 8px; background: linear-gradient(to right, #2e62cd var(--progress), #c7b78d var(--progress)); }
#healthSpiderRange::-moz-range-track { height: 8px; border-radius: 8px; background: linear-gradient(to right, #2e62cd var(--progress), #c7b78d var(--progress)); }
#healthSpiderRange::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 28px; height: 28px; margin-top: -10px; border: 3px solid #fffaf0; border-radius: 50%; background: #2e62cd; box-shadow: 0 2px 5px #22304c33; }
#healthSpiderRange::-moz-range-thumb { width: 22px; height: 22px; border: 3px solid #fffaf0; border-radius: 50%; background: #2e62cd; box-shadow: 0 2px 5px #22304c33; }
#healthSpiderRange:focus-visible { outline: 3px solid #2255aa; outline-offset: 5px; border-radius: 12px; }
.cf-health-spider-labels { display: flex; justify-content: space-between; gap: 20px; margin-top: 4px; color: #5b5038; font-size: 13px; }
.cf-health-anxiety { padding: 36px; border-radius: 28px; background: #e5eefb; }
.cf-health-anxiety h2 { margin-bottom: 22px; }
.cf-health-anxiety p { max-width: 80ch; color: #4e6074; }
.cf-health-anxiety p:last-child { margin-bottom: 0; }
@media (max-width: 750px) {
    .cf-health-phobias { grid-template-columns: 1fr; gap: 20px; }
    .cf-health-example-copy, .cf-health-anxiety { padding: 24px; }
    .cf-health-spider-card { padding: 18px 22px; }
    .cf-health-spider-card label { font-size: 18px; }
}