/* A practical reading surface inside the shared Zargus visual system. */
.care-page main{background:var(--ivory);color:var(--ink);color-scheme:light}
.care-page .care-hero{position:relative;min-height:clamp(620px,47vw,760px);padding:126px var(--gutter) 64px;max-width:1600px;margin:auto;isolation:isolate}
.care-breadcrumb{display:flex;align-items:center;gap:12px;font-size:15px;margin-bottom:36px}
.care-breadcrumb a{text-decoration:underline;text-underline-offset:5px}
.care-breadcrumb span:last-child{color:var(--muted)}
.care-hero-layout{display:block}
.care-hero-layout>div{position:relative;z-index:1;width:32%;max-width:460px}
.care-hero h1{font-size:clamp(48px,4.4vw,68px);font-weight:400;line-height:1.06;letter-spacing:-.025em;text-shadow:none;max-width:720px;text-wrap:balance}
.care-intro{font-size:22px;line-height:1.45;max-width:440px;margin-top:28px}
.care-hero-photo{position:absolute;top:96px;right:var(--gutter);bottom:32px;width:72%;margin:0;z-index:0}
.care-hero-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:right bottom}
.care-hero-bottom{display:flex;align-items:center;gap:28px;margin-top:30px;font-size:16px}
.care-hero-bottom>span{color:var(--muted)}
.care-read{display:inline-flex;align-items:center;gap:10px;text-decoration:underline;text-underline-offset:5px;min-height:44px}
.care-read .icon{width:18px;height:18px}
.care-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:6vw;max-width:1600px;margin:0 auto;padding:0 var(--gutter) 80px;align-items:start}
.care-sidebar{position:sticky;top:108px;max-height:calc(100dvh - 132px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-right:4px}
.care-toc-heading{font-size:18px;font-weight:700;line-height:1.4;margin-bottom:18px;text-shadow:none}
.care-toc{list-style:none;padding:0;margin:0}
.care-toc a{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:12px 0;font-size:15px;line-height:1.4;border-bottom:1px solid var(--line)}
.care-toc a>span:first-child{color:var(--muted);font-variant-numeric:tabular-nums}
.care-toc a:hover,.care-toc a:focus-visible{color:var(--accent)}
.care-toc a:hover>span:first-child{color:var(--accent)}
.care-sidebar>.care-top-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;min-height:44px;margin-top:20px;text-decoration:underline;text-underline-offset:4px}
.care-mobile-toc{display:none}
.care-article{min-width:0}
.care-rule{padding:36px 0 44px;border-top:1px solid var(--line);scroll-margin-top:104px}
.care-rule-heading{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;margin-bottom:24px;align-items:start}
.care-number{font-size:30px;line-height:1.15;font-variant-numeric:tabular-nums;color:var(--muted)}
.care-rule h2{font-size:30px;line-height:1.15;font-weight:400;letter-spacing:-.015em;text-shadow:none;max-width:800px;text-wrap:balance}
.care-rule-content{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(190px,1fr);gap:32px;align-items:start}
.care-copy{font-size:18px;line-height:1.6;max-width:70ch}
.care-copy p+p{margin-top:16px}
.care-copy ul{margin:12px 0 18px;padding-left:22px}
.care-copy li{padding-left:3px;margin:5px 0}
.care-rule-photo{margin:0;border-radius:14px;overflow:hidden}
.care-rule-photo img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain;border-radius:14px}
#rec2254409981 .care-rule-photo{aspect-ratio:3/2}
#rec2254409981 .care-rule-photo img{height:100%;max-height:none;object-fit:cover;object-position:50% 25%}
.care-rule:target .care-number{color:var(--accent)}
.care-conclusion{padding:36px 40px 40px;margin-top:12px;border-radius:16px;background:var(--ink);color:#fff;scroll-margin-top:104px}
.care-conclusion h2{font-size:36px;line-height:1.1;font-weight:400;letter-spacing:-.02em;margin-bottom:24px;text-shadow:none}
.care-conclusion .care-copy{max-width:70ch}
.care-conclusion ul{columns:2;column-gap:40px}
.care-page main :is(a,summary):focus-visible{outline-color:var(--ink)}
.care-page ::selection{background:var(--accent);color:#fff}
.care-page .desktop-nav>a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}
@media(max-width:1200px){
  .care-layout{grid-template-columns:210px minmax(0,1fr);gap:40px}
  .care-rule-content{grid-template-columns:minmax(0,1.5fr) minmax(170px,1fr);gap:24px}
  .care-rule-photo{max-width:360px}
  .care-rule-photo img{max-height:260px}
}
@media(max-width:900px){
  .care-layout{grid-template-columns:190px minmax(0,1fr);gap:32px}
  .care-toc a{font-size:14px}
  .care-rule h2{font-size:28px}
  .care-rule-heading{grid-template-columns:28px minmax(0,1fr);gap:12px}
  .care-copy{font-size:17px}
  .care-conclusion{padding:28px}
  .care-conclusion ul{columns:1}
}
@media(max-width:1000px){
  .care-page .care-hero{min-height:0;padding-bottom:48px}
  .care-hero-layout{display:grid;grid-template-columns:1fr;gap:28px}
  .care-hero-layout>div{width:100%;max-width:640px}
  .care-hero h1{font-size:56px;max-width:640px}
  .care-intro{max-width:520px}
  .care-hero-photo{position:static;width:100%;max-width:840px;justify-self:center;aspect-ratio:1672/941}
  .care-hero-photo img{object-position:center bottom}
  .care-layout{display:block;padding-bottom:60px}
  .care-sidebar{display:none}
  .care-mobile-toc{display:block;border-block:1px solid var(--line);margin-bottom:32px}
  .care-mobile-toc>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;font-size:18px;padding:16px 0}
  .care-mobile-toc>summary .icon{width:20px;height:20px}
  .care-mobile-toc[open]>summary .icon{transform:rotate(180deg)}
  .care-mobile-toc .care-toc{padding-bottom:20px}
  .care-mobile-toc .care-toc a{font-size:16px;padding-block:14px}
  .care-rule:first-child{border-top:0;padding-top:0}
  .care-rule{padding:30px 0 36px;scroll-margin-top:92px}
  .care-rule-heading{grid-template-columns:28px minmax(0,1fr);margin-bottom:20px}
  .care-rule-content{grid-template-columns:minmax(0,1fr) minmax(160px,.7fr);gap:24px}
  .care-rule-photo{max-width:none}
  .care-copy{font-size:18px}
  .care-number{font-size:28px}
  .care-conclusion{margin-top:0}
}
@media(max-width:767px){
  .care-page .care-hero{padding-top:108px;padding-bottom:36px}
  .care-breadcrumb{margin-bottom:28px}
  .care-hero h1{font-size:56px;max-width:650px}
  .care-intro{max-width:520px;font-size:22px;margin-top:20px}
  .care-hero-bottom{margin-top:20px;gap:24px}
}
@media(max-width:600px){
  .care-page .care-hero{padding-top:102px}
  .care-hero h1{font-size:44px;max-width:400px}
  .care-intro{font-size:20px}
  .care-rule-content{grid-template-columns:1fr;gap:24px}
  .care-rule h2{font-size:27px}
  .care-rule-photo{max-width:420px}
  .care-rule-photo img{max-height:300px}
  .care-copy{font-size:17px}
  .care-conclusion{padding:28px 24px}
  .care-conclusion h2{font-size:30px}
}
@media(max-width:360px){
  .care-hero h1{font-size:40px}
  .care-hero-bottom{gap:18px;font-size:15px}
  .care-rule h2{font-size:25px}
  .care-rule-heading{gap:10px;grid-template-columns:24px minmax(0,1fr)}
  .care-conclusion{padding:26px 20px}
}