/* Synodos Path family look (owner approval 2026-09-25): same type, near-black and pill buttons as synodospath.com. */
@font-face { font-family: "Geist"; src: url("fonts/Geist-variable.woff2") format("woff2"); font-weight: 400 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("fonts/InstrumentSerif-italic-400.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("fonts/InstrumentSerif-normal-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:90px; }
body { margin:0; background:#f5f8fc; color:#33363b; font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", 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: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size:18px; letter-spacing:.02em; font-weight: 600}
.brand-name span { color:#5f6570; font-size:12px; letter-spacing:.16em; margin-top:4px; text-transform:uppercase; }
h1,h2 { font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-weight: 600; letter-spacing: -0.025em}
.care-guide { --guide-blue:#2450cb; --guide-dark:#2b2d32; background:#f5f8fc; color:#33363b; 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 #e4e5e8; }
.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 #e6e7ea; }
.guide-sidebar nav a:hover { color:var(--guide-blue); }
.guide-menu-hint { display:none; }
.guide-sidebar nav span { color:#747b89; font-size:.85rem; padding-top:2px; }
.guide-edition { margin-top:28px; font-size:.85rem; color:#5f6570; }
.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:#5f6570; }
.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:#5f6570; }
.guide-chapter { padding-top:45px; margin-top:45px; border-top:1px solid #dddfe2; 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:#545963; }
.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 #dddfe2; background:#f3f7fd; box-shadow:0 10px 26px #2b2d320d; }
.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:#2b2d32; 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:#5f6570; 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 #dddfe2; 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 #d5d8dc; }
.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 #dddfe2; 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:#5f6570; 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 #dddfe2; 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 #dddfe2; 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 #dddfe2; }
.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 #d5d8dc; 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; }

/* Dark for everyone (owner choice, 2026-09-25).
   Generated from the light rules above: when a light colour changes, update its dark twin here too.
   Sections that were already navy are left as they are. */
body { background: #101112; color: #dee0e3; }
.brand-name span { color: #c2c5ca; }
.care-guide { background: #101112; color: #dee0e3; }
.guide-skip { background: #0d0e0f; }
.guide-header { border-bottom: 1px solid #34373c; }
.guide-header > a:last-child { color: #9db8f2; }
.guide-eyebrow { color: #9db8f2; }
.guide-sidebar nav a { border-bottom: 1px solid #34373c; }
.guide-sidebar nav a:hover { color: #9db8f2; }
.guide-sidebar nav span { color: #b5b8be; }
.guide-edition { color: #c2c5ca; }
.care-guide h1 { color: #9db8f2; }
.care-guide h2 { color: #9db8f2; }
.care-guide h3 { color: #9db8f2; }
.guide-lead { color: #c2c5ca; }
.guide-button { background: #0d0e0f; color: #9db8f2; }
.care-guide .guide-note { color: #c2c5ca; }
.guide-chapter { border-top: 1px solid #34373c; }
.guide-chapter-heading > span { color: #9db8f2; }
.guide-steps p { color: #c8cbd1; }
.guide-result { background: #121315; }
.guide-screen { border: 1px solid #34373c; background: #101112; box-shadow: 0 10px 26px rgba(255,255,255,0.0561); }
.guide-figure figcaption { color: #c2c5ca; }
.guide-callout { border: 1px solid #34373c; background: #0d0e0f; }
.guide-two-items > div { background: #0d0e0f; border: 1px solid #34373c; }
.guide-two-items span { color: #9db8f2; }
.guide-details { border-bottom: 1px solid #34373c; }
.guide-details summary { color: #9db8f2; }
.guide-support { background: #121315; }
.guide-support a { color: #9db8f2; }
.guide-end { border-top: 1px solid #34373c; color: #9db8f2; }
.guide-terms { background: #0d0e0f; border: 1px solid #34373c; }
.guide-terms dt { color: #9db8f2; }
.guide-wizard article { background: #0d0e0f; border: 1px solid #34373c; }
.guide-enlarge,.guide-text-link { color: #9db8f2; }
.guide-practice { background: #0d0e0f; border: 1px solid #34373c; }
.guide-zoom summary { color: #9db8f2; }
.guide-zoom-scroll { border: 1px solid #34373c; background: #0d0e0f; }
.care-guide .guide-emergency-first { background: #101112; color: #eaa89b; }
.care-guide .guide-emergency-first h2 { color: #eaa89b; }
.care-guide .guide-emergency-first a { color: #eaa89b; }
@media (max-width:700px) {
  .guide-menu-hint { color: #c2c5ca; }
}
@media print {
  .care-guide { background: #0d0e0f; }
}

:root { color-scheme: dark; }

/* Synodos Path family strip and footer (2026-09-25). */
.family-strip { align-items: center; background: #0f1011; border-bottom: 1px solid rgba(255, 255, 255, .1); color: #afb3ba; display: flex; font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 13px; gap: 16px; justify-content: space-between; padding: 8px clamp(24px, 4.5vw, 72px); }
.family-strip a { color: #e7e8ea; text-decoration: none; }
.family-strip a:hover, .family-strip a:focus-visible { color: #e3c27a; text-decoration: underline; }
.family-footer { align-items: center; background: #0f1011; border-top: 1px solid rgba(255, 255, 255, .1); color: #afb3ba; display: flex; flex-wrap: wrap; font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 13px; gap: 12px 28px; justify-content: space-between; padding: 22px clamp(24px, 4.5vw, 72px); }
.family-footer p { margin: 0; }
.family-footer nav { display: flex; flex-wrap: wrap; gap: 10px 22px; }
.family-footer a { color: #e7e8ea; min-height: 24px; text-decoration: none; }
.family-footer a[aria-current="page"] { color: #e3c27a; }
.family-footer a:hover, .family-footer a:focus-visible { color: #e3c27a; text-decoration: underline; }
@media (max-width: 640px) { .family-strip-line { display: none; } }

/* Synodos Path family look, shared rules */
body { font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
h1, h2, h3 { font-weight: 600; letter-spacing: -0.03em; }
h1 em, h2 em, h3 em, .acc { font-family: "Instrument Serif", Georgia, serif; font-style: italic; font-weight: 400; letter-spacing: -0.01em; color: #e3c27a; }
.button, .nav-cta, .guide-button { border-radius: 999px; }
.button { font-size: 15px; font-weight: 600; letter-spacing: 0; }
.store-links > span { border-radius: 18px; }