.treatment-plan { padding: 42px 4px 12px; border-top: 2px solid var(--gold); color: var(--ink); overflow-wrap: anywhere; }
.treatment-plan, .treatment-plan__section { scroll-margin-top: 110px; }
.treatment-plan__eyebrow { display: flex; align-items: center; gap: 10px; color: var(--gold); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.treatment-plan__eyebrow i { font-size: 22px; }
.treatment-plan h2 { margin: 18px 0; font-size: clamp(30px, 3.1vw, 43px); font-weight: 800; line-height: 1.14; letter-spacing: -.035em; max-width: 20ch; }
.treatment-plan p, .treatment-plan li { font-size: 15px; line-height: 1.85; }
.treatment-plan p { margin: 0 0 16px; white-space: pre-line; }
.treatment-plan__intro { color: var(--muted); max-width: 72ch; }
.treatment-plan__objective { display: flex; gap: 15px; margin: 28px 0 0; padding: 4px 0 4px 20px; border-left: 3px solid var(--gold); }
.treatment-plan__objective > i { color: var(--gold); font-size: 24px; }
.treatment-plan__objective strong, .treatment-plan__notice strong { display: block; margin-bottom: 7px; font-size: 16px; }
.treatment-plan__objective p, .treatment-plan__notice p { margin: 0; }
.treatment-plan__nav { display: flex; flex-wrap: wrap; gap: 8px 25px; padding: 22px 0; margin: 15px 0 0; border-bottom: 1px solid var(--line); }
.treatment-plan__nav a { color: var(--gold); font-size: 13px; font-weight: 800; padding: 7px 0; text-decoration: underline; text-underline-offset: 6px; }
.treatment-plan__nav a:hover { color: var(--ink); }
.treatment-plan a:focus-visible { outline: 2px solid var(--gold); outline-offset: 5px; }
.treatment-plan__section { padding: 34px 0; border-bottom: 1px solid var(--line); }
.treatment-plan h3 { display: flex; align-items: center; gap: 12px; margin: 0 0 25px; font-size: clamp(21px, 2.2vw, 27px); line-height: 1.3; font-weight: 800; letter-spacing: -.02em; }
.treatment-plan h3 > i { color: var(--gold); font-size: 24px; }
.treatment-plan h4 { margin: 0 0 12px; font-size: 17px; font-weight: 800; line-height: 1.4; }
.treatment-plan ul { padding-left: 19px; margin: 0; }
.treatment-plan ul li { padding-left: 4px; margin-bottom: 6px; }
.treatment-plan ul li::marker { color: var(--gold); font-size: .7em; }
.treatment-plan__role { display: grid; grid-template-columns: 155px minmax(0, 1fr); gap: 26px; padding: 25px 0; border-top: 1px solid var(--line); }
.treatment-plan__role:first-child { border-top: 0; padding-top: 0; }
.treatment-plan__role:last-child { padding-bottom: 0; }
.treatment-plan__role-heading { position: relative; padding-top: 2px; }
.treatment-plan__number { display: inline-block; margin: 0 13px 12px 0; font-size: 13px; font-weight: 800; letter-spacing: .1em; color: var(--muted); }
.treatment-plan__role-heading > i { color: var(--gold); font-size: 25px; vertical-align: middle; }
.treatment-plan__routine { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.treatment-plan__routine article { padding-left: 18px; border-left: 1px solid var(--line); }
.treatment-plan__routine article:first-child { border-left-color: var(--gold); }
.treatment-plan__routine article > i { display: block; color: var(--gold); font-size: 29px; margin-bottom: 12px; }
.treatment-plan__routine li { font-size: 14px; line-height: 1.75; }
.treatment-plan__evaluation { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 30px; padding: 0; margin: 22px 0 0; list-style: none; counter-reset: evaluation; }
.treatment-plan__evaluation li { display: flex; align-items: baseline; gap: 12px; counter-increment: evaluation; }
.treatment-plan__evaluation li::before { content: counter(evaluation, decimal-leading-zero); flex: 0 0 25px; color: var(--gold); font-size: 12px; font-weight: 800; }
.treatment-plan__phases { list-style: none; margin: 0; padding: 0; }
.treatment-plan__phases li { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 18px; position: relative; padding-bottom: 27px; }
.treatment-plan__phases li:not(:last-child)::before { content: ''; position: absolute; left: 20px; top: 44px; bottom: 4px; width: 1px; background: var(--line); }
.treatment-plan__phase-number { display: grid; place-items: center; height: 42px; border: 1px solid var(--gold); border-radius: 50%; color: var(--gold); font-size: 12px; font-weight: 800; }
.treatment-plan__phase-label { color: var(--muted); font-size: 11px; text-transform: uppercase; font-weight: 800; letter-spacing: .09em; }
.treatment-plan__phases h4 { margin: 3px 0 7px; }
.treatment-plan__phases p { margin: 0; }
.treatment-plan__phases li:last-child { padding-bottom: 0; }
.treatment-plan__notice { display: flex; gap: 16px; padding: 26px 0; }
.treatment-plan__notice > i { color: var(--gold); font-size: 27px; }
.treatment-plan__notice p { color: var(--muted); font-size: 14px; }
@media (max-width: 1199px) and (min-width: 901px) { .treatment-plan__role { grid-template-columns: 125px minmax(0, 1fr); gap: 18px; } .treatment-plan__routine { grid-template-columns: 1fr; gap: 25px; } }
@media (max-width: 600px) {
    .treatment-plan { padding-top: 28px; }
    .treatment-plan__role { grid-template-columns: 1fr; gap: 6px; }
    .treatment-plan__role-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
    .treatment-plan__role-heading h4, .treatment-plan__number { margin: 0; }
    .treatment-plan__role-heading h4 { flex: 1; }
    .treatment-plan__routine, .treatment-plan__evaluation { grid-template-columns: 1fr; }
    .treatment-plan__routine { gap: 26px; }
    .treatment-plan__objective { padding-left: 13px; gap: 10px; }
    .treatment-plan__nav { gap: 6px 22px; }
}