/* Practical care guide, with photographs and diagrams kept together. */
body[data-page="care"] { --line:rgba(37,41,35,.18); }
.care-hero { background:var(--acid); padding:clamp(42px,6vw,84px) 0; }
.care-wrap { width:min(1240px,calc(100% - 48px)); margin-inline:auto; }
.care-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(28px,5vw,74px); align-items:center; }
.care-hero-copy { min-width:0; container-type:inline-size; }
.care-breadcrumb { margin-bottom:24px; font-size:.82rem; }
.care-breadcrumb a { text-underline-offset:4px; }
body[data-page="care"] main #care-title { margin:18px 0 24px; font:900 clamp(2rem,12cqi,5.3rem)/1.02 var(--display); letter-spacing:-.055em; text-transform:uppercase; }
#care-title em { display:block; font:italic 500 .94em/1.1 var(--serif); color:#43564a; letter-spacing:-.045em; text-transform:none; }
.care-hero-copy > p { max-width:53ch; }
.care-hero .button { display:inline-flex; gap:18px; align-items:center; padding:14px 20px; margin-top:6px; background:var(--ink); color:var(--paper); font-size:.88rem; font-weight:700; text-decoration:none; }
.care-hero .button:hover { background:#43564a; }
.care-photo { min-width:0; margin:0; background:transparent; padding:0; border:0; box-shadow:none; transform:none; }
.care-photo img { display:block; width:100%; height:auto; padding:0; border:0; aspect-ratio:4/3; object-fit:cover; }
.care-photo figcaption { padding:12px 0 0; color:var(--ink-soft); max-width:65ch; }
.care-hero .care-photo img { aspect-ratio:4/3; object-position:center; }
.care-toc { display:flex; flex-wrap:wrap; gap:7px 24px; padding-block:24px; border-bottom:1px solid var(--line); }
.care-toc a { min-height:38px; display:inline-flex; align-items:center; font-size:.93rem; font-weight:700; text-underline-offset:5px; }
.care-section { padding-block:clamp(46px,6vw,82px); scroll-margin-top:100px; }
.care-section + .care-section { border-top:1px solid var(--line); }
.care-section-header { max-width:780px; margin-bottom:32px; }
.care-section h2 { margin:10px 0 20px; font:900 clamp(2rem,4vw,3.4rem)/1.08 var(--display); text-transform:uppercase; letter-spacing:-.04em; }
.care-section h3 { margin:26px 0 12px; font:800 1.35rem/1.2 var(--body); letter-spacing:-.025em; }
.care-section p { max-width:68ch; }
.care-section p:last-child { margin-bottom:0; }
.care-two { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(24px,4vw,52px); align-items:start; }
.care-two > * { min-width:0; }
.care-three { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.care-panel { min-width:0; background:var(--paper-deep); padding:clamp(22px,3vw,32px); }
.care-panel h3:first-of-type { margin-top:0; }
.care-panel p { margin-bottom:14px; }
.care-panel p:last-child { margin-bottom:0; }
.care-step-number { display:flex; width:36px; height:36px; align-items:center; justify-content:center; margin-bottom:18px; border:1px solid var(--blue); border-radius:50%; color:var(--blue); font-weight:800; }
.care-note { margin:25px 0; padding:20px 24px; background:#e2e6d9; border-left:4px solid var(--blue); color:var(--ink); }
.care-note p:last-child { margin-bottom:0; }
.care-source { margin-top:20px; font-size:.92rem; line-height:1.65; }
.care-source a { font-weight:700; text-underline-offset:4px; }
.care-diagram { margin:30px 0; padding:clamp(20px,3vw,34px); background:#e3e7db; }
.care-diagram > h3 { margin-top:0; }
.care-diagram > p { max-width:72ch; }
.care-part { min-width:0; padding:20px; background:var(--paper); }
.care-part svg { display:block; width:100%; max-height:145px; height:auto; margin:0 auto 20px; color:var(--ink); }
.care-part h4 { font-size:1.07rem; margin:0 0 10px; }
.care-part p { margin:0; }
.care-material { display:inline-block; margin-bottom:8px; font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; color:#43564a; font-weight:800; }
.care-decision { counter-reset:care-route; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; padding:0; list-style:none; margin:30px 0; }
.care-decision li { position:relative; counter-increment:care-route; padding:26px; background:var(--paper-deep); border-right:1px solid var(--paper); }
.care-decision li::before { content:counter(care-route,decimal-leading-zero); display:block; margin-bottom:15px; font-weight:800; color:var(--blue); }
.care-decision strong { display:block; font-size:1.1rem; margin-bottom:10px; }
.care-decision li p { font-size:1rem!important; margin:0; }
.care-repairs { background:var(--ink); color:var(--paper); padding:clamp(28px,4vw,52px); }
.care-repairs .section-label { color:var(--acid)!important; }
.care-repairs p,.care-repairs figcaption { color:var(--paper); }
.care-repairs .care-photo img { aspect-ratio:1; object-position:50% 46%; }
.care-repairs .care-two > .care-photo { width:min(100%,360px); justify-self:center; }
.care-repairs .care-two > .care-photo img { aspect-ratio:auto; height:auto; }
.care-repair-gallery { display:grid; grid-template-columns:minmax(0,1.7778fr) minmax(0,1.3333fr) minmax(0,1.7778fr); gap:20px; margin-top:32px; }
.care-repair-gallery .care-photo img { aspect-ratio:auto; height:auto; }
.care-md-photo { width:min(100%,380px); justify-self:center; }
.care-md-photo img { aspect-ratio:auto; height:auto; max-height:none; }
.care-display-photo img { aspect-ratio:16/9; }
.care-manuals { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:28px; }
.care-manual { padding:24px; background:var(--paper-deep); min-width:0; }
.care-manual h3 { margin:0 0 12px; font-size:1.12rem; }
.care-manual p { margin-bottom:12px; }
.care-manual a { font-weight:700; text-underline-offset:4px; }
.care-faq details { padding:20px 0; border-top:1px solid var(--line); }
.care-faq summary { cursor:pointer; font-size:1.15rem; font-weight:700; }
.care-faq details p { padding-top:16px; }
.care-related { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.care-related a { padding:12px 18px; border:1px solid var(--ink); font-weight:700; text-underline-offset:4px; }
.care-related a:hover { background:var(--ink); color:var(--paper); }
@media(max-width:900px) {
 .care-hero-grid { grid-template-columns:1fr; }
 .care-hero-copy { max-width:680px; }
 body[data-page="care"] main #care-title { font-size:clamp(2rem,10.3cqi,5rem)!important; }
 .care-hero .care-photo { max-width:720px; }
 .care-hero .care-photo img { aspect-ratio:4/3; }
 .care-three { grid-template-columns:1fr; }
 .care-part { display:grid; grid-template-columns:140px minmax(0,1fr); gap:0 24px; }
 .care-part svg { grid-row:1/5; align-self:center; margin:0; }
 .care-decision { grid-template-columns:1fr; gap:8px; }
 .care-decision li { padding:23px; }
}
@media(max-width:700px) {
 .care-wrap { width:calc(100% - 36px); }
 .care-two,.care-manuals,.care-repair-gallery { grid-template-columns:1fr; }
 .care-section-header { margin-bottom:24px; }
 .care-md-photo { width:min(100%,280px); max-width:none; }
 .care-md-photo img { aspect-ratio:auto; }
 .care-part { display:block; padding:22px; }
 .care-part svg { width:180px; margin:0 auto 20px; }
 .care-diagram { margin-inline:-6px; padding:18px 12px; }
 .care-repairs { margin-inline:-6px; padding:26px 20px; }
 .care-repair-gallery { gap:28px; }
 .care-toc { gap:2px 20px; }
 .care-section { scroll-margin-top:90px; }
}
@media(max-width:360px) {
 .care-part { display:block; }
 .care-part svg { width:140px; margin:0 auto 20px; }
}

.care-section [id] { scroll-margin-top:110px; }

.care-subsections,.care-portable-block { margin-top:32px; }