/* Participant-first CPD accents. Scoped to public catalogue and detail only. */
.wh-v4 .wh-public-cpd-badge { display: inline-flex; align-items: center; gap: .4rem; width: fit-content; max-width: 100%; padding: .37rem .72rem; border: 1px solid #f2cf89; border-radius: 100px; background: #fff4dd; color: #754800; font-size: .78rem; font-weight: 800; line-height: 1.45; text-decoration: none; }
.wh-v4 .wh-public-cpd-badge:hover, .wh-v4 .wh-public-cpd-badge:focus-visible { background: #ffeabc; color: #533400; }
.wh-v4 .wh-public-cpd-card-badge { margin: 0 0 .4rem; }
.wh-v4 .wh-public-cpd-title-badge { margin-top: 16px; }
.wh-v4 .wh-public-cpd-list-label { color: #8b5700 !important; font-weight: 750; }
.wh-v4 .wh-public-cpd-highlight { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; margin: 20px 0; padding: 17px; border-radius: 13px; background: #f4f8fa; border: 1px solid #deeaed; }
.wh-v4 .wh-public-cpd-highlight > div { display: grid; gap: 2px; min-width: 0; }
.wh-v4 .wh-public-cpd-highlight strong { color: #021F2D; font-size: 1rem; }
.wh-v4 .wh-public-cpd-highlight span { font-size: .86rem; }
.wh-v4 .wh-public-cpd-link, .wh-v4 .wh-public-about-link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; border-radius: 9px; padding: 10px 14px; font-weight: 800; cursor: pointer; }
.wh-v4 .wh-public-cpd-link { background: #021F2D; color: white; border: 1px solid #021F2D; }
.wh-v4 .wh-public-about-link { background: white; color: #021F2D; border: 1px solid #b9d0db; margin-top: 5px; }
.wh-v4 .wh-public-cpd-points-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin: 20px 0 24px; }
.wh-v4 .wh-public-cpd-points-grid > div { display: grid; justify-items: center; align-content: center; gap: 2px; background: #f4f8fa; border: 1px solid #deeaed; border-radius: 12px; padding: 18px 8px; min-width: 0; }
.wh-v4 .wh-public-cpd-points-grid strong { color: #021F2D; font-size: clamp(1.3rem, 3vw, 1.8rem); }
.wh-v4 .wh-public-cpd-points-grid span { color: #506676; font-size: .82rem; text-align: center; }
.wh-v4 .wh-detail-tab-panel h3 { color: #021F2D; font-size: 1rem; margin: 18px 0 8px; }
.wh-v4 .wh-public-cpd-steps { margin: 8px 0 20px; padding-left: 22px; }
.wh-v4 .wh-public-cpd-steps li { margin: 8px 0; }
.wh-v4 .wh-public-cpd-accreditation { margin-top: 20px; }
.wh-v4 .wh-public-cpd-accreditation .wh-detail-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
.wh-v4 .wh-public-cpd-note { margin-top: 18px !important; font-size: .85rem !important; color: #62798a; }
.wh-v4 :is(.wh-public-cpd-link, .wh-public-about-link, .wh-public-cpd-badge):focus-visible { outline: 3px solid #F6A220; outline-offset: 2px; }
@media (max-width: 600px) { .wh-v4 .wh-public-cpd-highlight { align-items: stretch; } .wh-v4 .wh-public-cpd-highlight .wh-public-cpd-link { width: 100%; } .wh-v4 .wh-public-cpd-accreditation .wh-detail-facts { grid-template-columns: 1fr; } }

.wh-v4 #wh-detail-tab-cpd { scroll-margin-top: 110px; }