/* An open care index, with one clear reading link per area. */
.care-section{background:var(--ink);color:var(--white);padding:68px 0 58px;border-top:1px solid var(--line)}
.care-overview-intro>.eyebrow{color:var(--muted);font-size:10px;letter-spacing:.13em;margin-bottom:22px}
.care-overview-intro h2{font-size:clamp(39px,10.5vw,54px);line-height:1.12;font-weight:300;max-width:13ch;letter-spacing:-.055em}
.care-overview-intro h2>span{color:#a7b9dc}
.care-overview-intro>p:not(.eyebrow){max-width:38ch;color:#aebbd2;font-size:15px;line-height:1.8;margin-top:24px}
.care-first{display:inline-flex;align-items:center;gap:11px;color:#c0cce4;font-size:12px;line-height:1.6;margin-top:23px}
.care-first:before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:#bdcaff}
.care-index{margin-top:38px;border-top:1px solid #acbfdf40}
.care-option{position:relative;display:block;padding:26px 0 24px;border-bottom:1px solid #acbfdf32;scroll-margin-top:110px;isolation:isolate}
.care-option:before{content:"";position:absolute;inset:0 -14px;z-index:-1;background:linear-gradient(100deg,#b9d0ff09,transparent);opacity:0;transition:opacity .25s}
.care-option-meta{display:flex;align-items:baseline;gap:14px;color:#a7b7d2;font-size:9px;line-height:1.6;letter-spacing:.08em}
.care-option-meta>span{color:#c6d4ee;font-size:11px;letter-spacing:.03em}
.care-option h3{display:flex;align-items:center;gap:14px;margin-top:15px;font-size:28px;font-weight:400;line-height:1.2;letter-spacing:-.045em;color:#f0f3fc}
.care-option-code{font-family:var(--body);font-size:10px;letter-spacing:.04em;color:#a9b9d6;line-height:1.3;flex:none}
.care-option>p{max-width:46ch;margin-top:12px;font-size:14px;line-height:1.75;color:#aebbd2}
.care-option-action{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px;min-height:34px;color:#cbd9f2;font-size:12px;line-height:1.5}
.care-option-action svg{width:21px;height:21px;flex:none;transition:transform .25s,color .25s}
.care-option:hover:before,.care-option:focus-visible:before{opacity:1}
.care-option:hover .care-option-action svg{transform:translate(3px,-3px);color:white}
.care-option:active:before{opacity:1;background:#b9d0ff0d}
.care-option:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.care-context{margin-top:30px;display:grid;gap:23px}
.care-decision{max-width:65ch;color:var(--muted)}
.care-decision>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;cursor:pointer;list-style:none;font-size:13px;line-height:1.6;color:#c3d0e6}
.care-decision>summary::-webkit-details-marker{display:none}
.care-decision>summary>span{display:block;font-size:19px;transition:transform .2s}
.care-decision[open]>summary>span{transform:rotate(45deg)}
.care-decision>p{font-size:13px;line-height:1.8;margin-top:10px}
.care-clinical-note{font-size:12px;line-height:1.85;color:#9baac4;max-width:85ch}
@media(min-width:760px){
 .care-section{padding:85px 0 70px}
 .care-overview{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:65px}
 .care-overview-intro{padding-top:20px}
 .care-overview-intro h2{font-size:clamp(40px,4vw,58px)}
 .care-overview-intro>p:not(.eyebrow){font-size:14px;max-width:32ch}
 .care-index{margin:0}
 .care-option{padding-block:25px}
 .care-option h3{font-size:29px}
 .care-context{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:65px;margin-top:35px}
 .care-clinical-note{padding-top:10px}
}
@media(min-width:1200px){
 .care-overview,.care-context{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:105px}
 .care-option{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:30px;padding-block:29px}
 .care-option-meta{grid-column:1/-1;margin-bottom:14px}
 .care-option h3{display:block;grid-column:1;grid-row:2/4;margin:0;font-size:30px;align-self:start}
 .care-option-code{display:block;margin-top:11px;font-size:11px}
 .care-option>p{grid-column:2;grid-row:2;margin:0;font-size:14px}
 .care-option-action{grid-column:2;grid-row:3;margin-top:10px}
}
@media(max-width:370px){
 .care-option h3{font-size:25px;gap:10px}
 .care-option-meta{gap:10px;letter-spacing:.035em;font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 .care-option:before,.care-option-action svg,.care-decision>summary>span{transition:none}
 .care-option:hover .care-option-action svg{transform:none}
}
