* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:90px; }
body { margin:0; background:#f5f8fc; color:#20344e; font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.6; }
a { color:inherit; text-decoration:none; }
.brand { display:flex; align-items:center; gap:12px; }
.brand-name { display:flex; flex-direction:column; line-height:1.05; }
.brand-name strong { font-family:Georgia,'Times New Roman',serif; font-size:18px; letter-spacing:.02em; }
.brand-name span { color:#52657d; font-size:12px; letter-spacing:.16em; margin-top:4px; text-transform:uppercase; }
h1,h2 { font-family:Georgia,'Times New Roman',serif; }
.care-guide { --guide-blue:#2450cb; --guide-dark:#10294d; background:#f5f8fc; color:#20344e; font-size:1rem; line-height:1.7; margin:0; }
.care-guide a:focus-visible, .care-guide summary:focus-visible { outline:3px solid #2450cb; outline-offset:5px; }
.guide-skip { position:absolute; top:-80px; left:20px; background:white; padding:12px; z-index:100; }
.guide-skip:focus { top:10px; }
.guide-header { max-width:1440px; margin:auto; padding:22px 5%; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid #dce5f0; }
.guide-header img { border-radius:11px; }
.guide-header > a:last-child { font-size:.9rem; color:var(--guide-blue); font-weight:600; }
.guide-layout { max-width:1340px; padding:50px 36px 60px; margin:auto; display:grid; grid-template-columns:235px minmax(0,1fr); gap:65px; align-items:start; }
.guide-sidebar { position:sticky; top:25px; }
.guide-eyebrow { font-size:.8rem; letter-spacing:.13em; font-weight:700; color:var(--guide-blue); margin:0 0 16px; }
.guide-sidebar nav { display:grid; gap:5px; }
.guide-sidebar nav a { display:flex; gap:12px; font-size:.95rem; padding:10px 0; border-bottom:1px solid #e0e7f0; }
.guide-sidebar nav a:hover { color:var(--guide-blue); }
.guide-menu-hint { display:none; }
.guide-sidebar nav span { color:#667c97; font-size:.85rem; padding-top:2px; }
.guide-edition { margin-top:28px; font-size:.85rem; color:#52657d; }
.guide-content { min-width:0; }
.care-guide h1 { font-size:clamp(2.2rem,4vw,3.4rem); line-height:1.12; font-weight:700; letter-spacing:-.035em; color:var(--guide-dark); margin:0 0 22px; }
.care-guide h2 { font-size:1.8rem; line-height:1.25; color:var(--guide-dark); font-weight:700; margin:0; letter-spacing:-.02em; }
.care-guide h3 { font-size:1.14rem; line-height:1.4; font-weight:700; color:var(--guide-dark); margin:25px 0 10px; }
.care-guide p { margin:0 0 16px; }
.guide-lead { font-size:1.18rem; max-width:620px; color:#52657d; }
.guide-start { background:var(--guide-dark); color:white; border-radius:18px; padding:28px; margin:28px 0 22px; }
.guide-start h2 { color:white; font-size:1.4rem; margin-bottom:10px; }
.guide-start p { max-width:580px; color:#e1eafb; }
.guide-button { display:inline-flex; gap:24px; align-items:center; background:white; color:var(--guide-blue); padding:12px 18px; border-radius:8px; font-weight:700; }
.care-guide .guide-note { font-size:.9rem; color:#52657d; }
.guide-chapter { padding-top:45px; margin-top:45px; border-top:1px solid #d4deeb; scroll-margin-top:24px; }
.guide-chapter-heading { display:flex; gap:15px; align-items:baseline; margin-bottom:25px; }
.guide-chapter-heading > span { color:var(--guide-blue); font-size:1rem; font-weight:700; }
.guide-split { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:32px; align-items:start; }
.guide-steps { list-style:none; padding:0; margin:20px 0; display:grid; gap:22px; }
.guide-steps li { display:grid; grid-template-columns:30px minmax(0,1fr); gap:12px; }
.step-number { display:flex; align-items:center; justify-content:center; width:28px; height:28px; font-size:.9rem; border-radius:50%; color:white; background:var(--guide-blue); font-weight:700; margin-top:1px; }
.guide-steps p { margin:5px 0 0; color:#435974; }
.guide-result { border-left:3px solid var(--guide-blue); padding:14px 18px; background:#e9f0fc; border-radius:0 8px 8px 0; margin:24px 0; }
.guide-figure { margin:0; min-width:0; }
.guide-screen { position:relative; border-radius:20px; overflow:hidden; border:1px solid #d4deeb; background:#f3f7fd; box-shadow:0 10px 26px #10294d0d; }
.guide-screen img { width:100%; height:auto; display:block; }
.screen-mark { position:absolute; width:27px; height:27px; border-radius:50%; border:2px solid white; background:#10294d; color:white; font-weight:700; display:flex; align-items:center; justify-content:center; font-size:14px; box-shadow:0 0 0 2px #2450cb; transform:translate(-50%,-50%); }
.guide-screen-crop { aspect-ratio:780/1120; border-radius:12px; }
.guide-screen-crop img { position:absolute; top:-27.5%; }
.guide-screen-top { aspect-ratio:780/850; border-radius:12px; }
.guide-screen-top img { position:absolute; top:0; }
.guide-figure figcaption { font-size:.875rem; line-height:1.5; color:#52657d; margin-top:14px; }
.guide-key { padding:0; list-style:none; margin:16px 0; }
.guide-key li { margin:0 0 16px; }
.guide-key p { margin:4px 0; }
.guide-share-options { margin-top:35px; }
.guide-share-options h3:first-child { margin-top:0; }
.guide-callout { border:1px solid #c7d6ec; border-radius:12px; padding:22px; background:white; margin:22px 0; }
.guide-callout h3 { margin:0 0 8px; }
.guide-callout p:last-child { margin:0; }
.guide-urgent { border-left:4px solid #ae4837; }
.guide-two-items { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:26px 0; }
.guide-two-items > div { background:white; border:1px solid #d4deeb; border-radius:12px; padding:22px; }
.guide-two-items span { color:var(--guide-blue); font-size:.9rem; font-weight:700; }
.guide-two-items h3 { margin:8px 0; }
.guide-two-items p { margin:0; }
.guide-details { border-bottom:1px solid #cbd7e6; }
.guide-details summary { padding:20px 4px; font-weight:700; color:var(--guide-dark); cursor:pointer; }
.guide-details > div { padding:0 4px 20px; }
.guide-maintain { display:grid; grid-template-columns:1fr 1fr; gap:10px 32px; }
.guide-maintain h3 { margin-top:0; }
.guide-support { padding:26px; background:#e9f0fc; border-radius:12px; margin-top:30px; }
.guide-support h3 { margin-top:0; }
.guide-support a { color:var(--guide-blue); text-decoration:underline; overflow-wrap:anywhere; }
.guide-end { border-top:1px solid #d4deeb; margin-top:40px; padding-top:25px; display:flex; flex-wrap:wrap; gap:24px; font-size:.9rem; color:var(--guide-blue); }
@media(max-width:1100px) { .guide-layout { gap:32px; grid-template-columns:195px minmax(0,1fr); padding:35px 24px; } .guide-split { grid-template-columns:minmax(0,1fr); } .guide-figure { max-width:330px; margin:10px auto; } }
@media(max-width:700px) { .guide-header { padding:18px 20px; } .guide-header > a:last-child { max-width:95px; text-align:right; } .guide-layout { display:block; padding:25px 20px 40px; } .guide-sidebar { position:static; margin-bottom:22px; } .guide-sidebar nav { display:flex; gap:18px; overflow-x:auto; white-space:nowrap; scrollbar-width:thin; } .guide-sidebar nav a { flex:none; font-size:.875rem; gap:7px; padding:7px 0; } .guide-menu-hint { display:block; font-size:.8rem; color:#52657d; margin:5px 0 0; } .guide-edition { margin:12px 0 0; } .care-guide h1 { font-size:2.3rem; } .care-guide h2 { font-size:1.6rem; } .guide-start { padding:22px; } .guide-two-items,.guide-maintain { grid-template-columns:1fr; } .guide-chapter { margin-top:35px; padding-top:30px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media print { .care-guide { background:white; color:black; } .guide-sidebar,.guide-header,.guide-end,.guide-skip { display:none; } .guide-layout { display:block; padding:0; } .guide-chapter { break-before:auto; } .guide-figure { max-width:220px; break-inside:avoid; } .guide-split { display:block; } .guide-start { background:white; color:black; border:1px solid #aaa; } .guide-start h2,.guide-start p { color:black; } .guide-button { display:none; } .guide-details > div { display:block; } .guide-steps li,.guide-two-items > div { break-inside:avoid; } }

.guide-terms { margin:35px 0; padding:25px; background:white; border:1px solid #d4deeb; border-radius:12px; }
.guide-terms h2 { font-size:1.3rem; }
.guide-terms dl { display:grid; gap:15px; margin:20px 0; }
.guide-terms dt { font-weight:700; color:var(--guide-dark); }
.guide-terms dd { margin:3px 0 0; }
.guide-wizard { display:grid; gap:24px; margin:30px 0; }
.guide-wizard article { background:white; border:1px solid #d4deeb; border-radius:14px; padding:24px; }
.guide-wizard h3 { font-size:1.4rem; margin:0 0 15px; }
.guide-wizard .guide-eyebrow { margin-bottom:10px; }
.guide-wizard p:last-child { margin-bottom:0; }
.guide-enlarge,.guide-text-link { display:inline-block; color:var(--guide-blue); text-decoration:underline; padding:10px 0; }
.guide-enlarge { font-size:.9rem; }
.guide-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.guide-practice { margin-top:35px; padding:25px; border-radius:14px; background:white; border:1px solid #d4deeb; }
.guide-practice h2 { font-size:1.5rem; margin-bottom:15px; }

.guide-screen-setup { aspect-ratio:780/1488; border-radius:12px; }
.guide-screen-setup img { position:absolute; top:-13.44086%; }
.guide-zoom { margin-top:10px; }
.guide-zoom summary { color:var(--guide-blue); text-decoration:underline; cursor:pointer; font-size:.95rem; padding:8px 0; }
.guide-zoom-scroll { max-height:600px; overflow:auto; border:1px solid #cbd7e6; padding:5px; background:white; }
.guide-zoom-scroll .guide-screen { width:620px; max-width:none; }
.guide-wizard article { display:grid; grid-template-columns:minmax(0,1fr) 235px; gap:25px; align-items:start; }
.guide-wizard .guide-figure { width:100%; }
@media(max-width:1100px) { .guide-wizard article { display:block; } .guide-wizard .guide-figure { max-width:330px; margin-top:24px; } }
@media print { .guide-zoom { display:none; } }

.guide-wizard { grid-template-columns:minmax(0,1fr); }
.guide-wizard article,.guide-wizard article > div { min-width:0; }

.care-guide .guide-emergency-first { background:#fff1f2; border:2px solid #b42332; border-left-width:6px; color:#621522; }
.care-guide .guide-emergency-first h2 { margin:0 0 12px; color:#8b1726; font-size:1.35rem; }
.care-guide .guide-emergency-first a { color:#8b1726; text-decoration:underline; }
