/* Add detail to the approved service pages without changing the site layout. */
.liberate-approved .service-icon-art,
.liberate-approved .person-service-icon img,
.liberate-approved .service-visual img,
.liberate-approved .detail-service-icon img,
.liberate-approved .combo-icons img,
.liberate-approved .path-card img,
.liberate-approved .mega img,
.liberate-approved .need-chip img,
.liberate-approved .support-icons img { background: transparent; }
.person-service-icon { cursor: pointer; }
.person-service-icon:hover span { text-decoration: underline; text-underline-offset: 3px; }
.person-service-icon:focus-visible { outline: 3px solid var(--orange); outline-offset: 4px; border-radius: 4px; }
.service-detail-hero .service-jump { display: inline-block; margin-top: 20px; font-size: 13px; }
.service-editorial { min-width: 0; }
.service-copy-block { margin-bottom: 34px; }
.service-copy-block h2 { margin-bottom: 17px; }
.service-copy-block p { font-size: 16px; line-height: 1.8; }
.service-copy-block .eyebrow { margin-bottom: 11px; }
.service-explore { background: var(--lilac); border-left: 3px solid var(--purple); padding: 28px 30px; border-radius: 0 8px 8px 0; }
.service-explore h2 { font-size: 29px; }
.service-client-needs { list-style: none; margin: 0; padding: 0; display: grid; gap: 15px; }
.service-client-needs li { position: relative; padding-left: 20px; color: var(--muted); font-size: 15px; line-height: 1.7; }
.service-client-needs li:before { content: ''; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 50%; background: var(--purple); }
.service-intention { margin: 30px 0 40px; padding: 24px 28px; background: #f8f3e9; border-left: 3px solid var(--gold); }
.service-intention .eyebrow { margin-bottom: 9px; }
.service-intention p { font-family: var(--serif); font-size: 23px; line-height: 1.45; color: var(--ink); }
.service-practitioners { scroll-margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--line); }
.service-team-intro { margin-bottom: 23px; }
.service-practitioners .mini-person h3 { font-size: 20px; line-height: 1.2; letter-spacing: .5px; text-transform: uppercase; }
.service-practitioners .mini-person p { font-size: 11px; line-height: 1.6; }
.service-booking { position: sticky; top: 26px; }
.service-booking .eyebrow { font-size: 9px; margin-bottom: 10px; }
.service-booking .service-calendar-note { font-size: 12px; line-height: 1.7; margin: 22px 0 0; }
.service-scope-note { border-top: 1px solid var(--line); margin-top: 25px; padding-top: 20px; }
.service-scope-note h4 { font-size: 10px; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 9px; color: var(--purple-dark); }
.service-scope-note p { margin-bottom: 0; font-size: 12px; line-height: 1.75; }
@media(max-width:850px) { .service-booking { position: static; } .service-explore { padding: 25px; } }
@media(max-width:620px) {
 .service-detail-hero h1 { font-size: 39px; }
 .service-detail-hero .service-jump { font-size: 12px; }
 .service-copy-block { margin-bottom: 29px; }
 .service-copy-block h2 { font-size: 29px; }
 .service-copy-block p { font-size: 15px; line-height: 1.8; }
 .service-explore { padding: 23px 21px; }
 .service-explore h2 { font-size: 27px; }
 .service-client-needs li { font-size: 14px; }
 .service-intention { padding: 23px; margin-bottom: 31px; }
 .service-intention p { font-size: 22px; }
 .service-practitioners .mini-person { padding: 12px; gap: 12px; }
 .service-practitioners .mini-person h3 { font-size: 18px; }
 .service-practitioners .mini-person img { flex: 0 0 50px; width: 50px; height: 50px; }
 .service-calendar-note, .service-scope-note p { font-size: 12px; }
}
