/* 시술 상세 "이 페이지에서" 목차: 가로로 넘기는 알약, 현재 위치는 사이트(인덱스) 색 + 자동 글자색 */
.care-doc .care-doc-layout{grid-template-columns:minmax(0,1fr) 320px;gap:clamp(28px,4vw,64px)}
.care-outline{margin:0 0 32px;color:var(--care-text,#1d1d1f)}
.care-outline[hidden],.care-outline [hidden]{display:none!important}
.care-outline-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;margin-bottom:8px}
.care-outline .care-outline-head h2{margin:0;padding:0;border:0;color:var(--care-secondary,#6e6e73);font-size:14px;font-weight:600;line-height:1.5}
.care-outline-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 12px;border:0;border-radius:18px;background:rgba(118,118,128,.12);color:var(--care-text,#1d1d1f);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}
.care-outline-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.care-outline-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.care-outline nav{display:flex;flex-wrap:nowrap;gap:8px;margin:0 -2px;padding:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.care-outline nav::-webkit-scrollbar{display:none}
.care-outline-rail{position:relative;min-width:0}
.care-outline-rail nav{margin:0;overscroll-behavior-x:contain}
.care-outline-rail.has-prev nav{-webkit-mask-image:linear-gradient(to right,transparent 32px,#000 100px);mask-image:linear-gradient(to right,transparent 32px,#000 100px)}
.care-outline-rail.has-next nav{-webkit-mask-image:linear-gradient(to left,transparent 32px,#000 100px);mask-image:linear-gradient(to left,transparent 32px,#000 100px)}
.care-outline-rail.has-prev.has-next nav{-webkit-mask-image:linear-gradient(to right,transparent 32px,#000 100px,#000 calc(100% - 100px),transparent calc(100% - 32px));mask-image:linear-gradient(to right,transparent 32px,#000 100px,#000 calc(100% - 100px),transparent calc(100% - 32px))}
.care-outline-arrow{position:absolute;z-index:1;top:50%;display:grid;place-items:center;width:44px;height:44px;padding:0;transform:translateY(-50%);border:0;border-radius:4px;background:transparent;color:var(--care-index-color,#1d1d1f);box-shadow:none;cursor:pointer}
.care-outline-prev{left:0}.care-outline-next{right:0}
.care-outline-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.care-outline-arrow:focus-visible{outline:2px solid var(--care-index-color,#1d1d1f);outline-offset:2px}
@media(hover:hover){.care-outline-prev:hover svg{transform:translateX(-3px)}.care-outline-next:hover svg{transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){.care-outline-arrow svg{transition:none}}
.care-outline nav a{display:inline-flex;flex:0 0 auto;align-items:center;min-height:36px;padding:0 14px;border:0;border-radius:18px;background:rgba(118,118,128,.12);color:#3a3a3c;font-size:14px;font-weight:600;line-height:1.3;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease}
.care-outline nav a:hover{background:rgba(118,118,128,.2)}
.care-outline nav a[aria-current=location]{background:var(--care-index-color,#1d1d1f);color:var(--hev-on,#fff)}
.care-outline a:focus-visible,.care-outline-toggle:focus-visible{outline:2px solid var(--care-index-color,#1d1d1f);outline-offset:2px}
.care-outline.is-collapsed{margin-bottom:28px}
.care-doc-main [data-care-heading]{scroll-margin-top:110px}
@media(max-width:1100px){.care-doc .care-doc-layout{grid-template-columns:minmax(0,1fr);gap:28px}}
@media(max-width:600px){.care-outline{margin-bottom:24px}.care-outline nav a{font-size:13px}.care-outline.is-collapsed{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.care-outline-toggle svg,.care-outline nav a{transition:none}}