/* New Patients only. Shared navigation and button styling are unchanged. */
.page-new-patients .care-journey { background: #141516; color: #F5F5F3; }
.care-journey-heading { max-width: 900px; margin-bottom: 3.5rem; }
.care-journey-heading .eyebrow { color: #B09B87; }
.care-journey-heading h2 { margin-bottom: 1.75rem; }
.care-journey-heading .lead { color: #C8CBC6; }
.care-accordion { border-top: 1px solid #4D4B40; }
.care-step { border-bottom: 1px solid #4D4B40; }
.care-step > summary { display: grid; grid-template-columns: 95px 1fr 28px; align-items: center; gap: 2rem; min-height: 132px; padding: 1.75rem .5rem; cursor: pointer; list-style: none; }
.care-step > summary::marker, .care-step > summary::-webkit-details-marker { display: none; content: ''; }
.care-step > summary:hover { background: #303234; }
.care-step > summary:focus-visible { outline: 3px solid #B09B87; outline-offset: -3px; }
.care-step-number { font: 400 clamp(2.5rem, 4vw, 4rem)/1 var(--serif); color: #B09B87; }
.care-step h3 { font-family: var(--sans); font-weight: 500; font-size: clamp(1rem, 1.65vw, 1.5rem); line-height: 1.4; letter-spacing: .03em; }
.care-step-symbol { position: relative; width: 22px; height: 22px; }
.care-step-symbol::before, .care-step-symbol::after { content: ''; position: absolute; background: currentColor; top: 10px; left: 2px; width: 18px; height: 1px; }
.care-step-symbol::after { transform: rotate(90deg); }
.care-step[open] > summary .care-step-symbol::after { transform: rotate(0); }
.care-step > summary[aria-expanded="false"] .care-step-symbol::after { transform: rotate(90deg); }
.care-step-panel { overflow: hidden; }
.care-step-layout { display: grid; grid-template-columns: minmax(180px, .65fr) minmax(0, 1.6fr); gap: 5%; padding: .5rem .5rem 3rem 127px; }
.care-step-without-price { grid-template-columns: 1fr; }
.care-step-investment { border-left: 2px solid #87715F; padding-left: 1.5rem; }
.care-step-investment .eyebrow { margin-bottom: .7rem; font-size: .6rem; }
.care-step-price { font: 400 clamp(3rem, 4.8vw, 4.5rem)/1 var(--serif); }
.care-step-price > span { display: block; font: 400 .8rem/1.8 var(--sans); color: #C8CBC6; margin-top: .5rem; }
.care-step-meta { margin-top: 1.75rem; font-size: .9rem; line-height: 1.7; }
.care-step-meta > span { display: block; font-size: .6rem; text-transform: uppercase; letter-spacing: .1em; color: #B09B87; margin-bottom: .4rem; }
.care-step-copy { min-width: 0; font-size: .92rem; color: #D0D3CD; line-height: 1.9; }
.care-step-copy h4 { color: #F5F5F3; font: 500 .95rem/1.6 var(--sans); margin: 1.5rem 0 .75rem; }
.care-step-copy ul { padding-left: 1.25rem; margin: .75rem 0 1.5rem; }
.care-step-copy li + li { margin-top: .45rem; }
.care-step-copy li::marker { color: #B09B87; }
.care-step-copy .care-step-note { padding: 1.1rem 1.25rem; border-left: 2px solid #87715F; background: #303234; color: #F5F5F3; margin-block: 1.5rem; }
.care-step-copy .actions { margin-top: 2rem; }
.care-step-copy .button { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 1000px) {
    .care-step > summary { grid-template-columns: 65px 1fr 24px; gap: 1.25rem; }
    .care-step-layout { padding-left: 93px; gap: 2rem; }
}
@media (max-width: 760px) {
    .care-journey-heading { margin-bottom: 2.5rem; }
    .care-step > summary { grid-template-columns: 45px minmax(0, 1fr) 20px; gap: 1rem; min-height: 108px; padding-block: 1.5rem; }
    .care-step h3 { font-size: .85rem; }
    .care-step-number { font-size: 2.7rem; }
    .care-step-layout { grid-template-columns: 1fr; padding: .5rem .5rem 2.5rem; gap: 2rem; }
    .care-step-investment { padding-left: 1.25rem; }
    .care-step-price { font-size: 3.5rem; }
    .care-step-copy { font-size: .88rem; }
    .care-step-copy .button { width: 100%; }
}