/* Prevention guides extend the current CyberFamille homepage palette. */
.prevention-page{--serif:var(--sans);--warm-white:#f3f5f7;background:#f3f5f7;color:#182638}
.prevention-page .site-header{position:relative;inset:auto;transform:none;width:100%;margin:0;border-radius:0;background:#e3e8ed;color:#182638;border-bottom:1px solid #cbd3dc}
.prevention-page .site-header .brand,.prevention-page .desktop-nav a{color:#182638}
.prevention-page .brand img{filter:brightness(.3)}
.prevention-page .header-cta{background:#213246;color:#fff;border-color:#213246}
.prevention-page .menu-button{color:#182638;border-color:#8a99a7}
.prevention-page .menu-button span{background:#182638}
.guide-wrap{max-width:1200px;margin:auto;padding:28px 32px 70px}
.guide-breadcrumb{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:.875rem;color:#465b6e;margin-bottom:44px}
.guide-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.guide-heading{max-width:900px;margin-bottom:32px}
.guide-kicker{font-size:.875rem;font-weight:600;color:#435c72;margin:0 0 14px}
.guide-heading h1{font-family:var(--sans);font-size:clamp(2.05rem,4.4vw,3.6rem);line-height:1.1;letter-spacing:-.04em;margin:0 0 24px;text-wrap:balance}
.guide-lead{font-size:1.15rem;line-height:1.7;max-width:800px;margin:0 0 22px}
.guide-meta{font-size:.875rem;color:#4a5c6e}
.guide-meta a{text-decoration:underline;text-underline-offset:3px}
.guide-first{padding:25px 30px;background:#e1ebf3;border-left:4px solid #365773;border-radius:0 16px 16px 0;margin-bottom:44px;max-width:960px}
.guide-first h2{font:600 1.15rem/1.4 var(--sans);margin:0 0 8px}
.guide-first p{margin:0;line-height:1.75}
.guide-first a,.guide-content a{color:#234e72;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.guide-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:start}
.guide-toc{position:sticky;top:24px;font-size:.875rem;border-top:1px solid #b8c7d2;padding-top:14px}
.guide-toc p{font-weight:600;margin:0 0 12px}
.guide-toc ol{list-style:none;padding:0;margin:0}
.guide-toc a{display:block;padding:9px 0;color:#43586c;line-height:1.5}
.guide-toc a:hover{text-decoration:underline}
.guide-content{min-width:0;font-size:1.0625rem;line-height:1.8}
.guide-content section{padding:0 0 36px;margin:0 0 34px;border-bottom:1px solid #d1dbe3;scroll-margin-top:24px}
.guide-content h2{font:600 clamp(1.4rem,2.4vw,1.85rem)/1.25 var(--sans);letter-spacing:-.025em;margin:0 0 20px;color:#182638}
.guide-content h3{font:600 1.125rem/1.45 var(--sans);margin:28px 0 12px}
.guide-content p{margin:0 0 18px}
.guide-content ul,.guide-content ol{padding-left:24px;margin:16px 0 24px}
.guide-content li{padding-left:4px;margin-bottom:12px}
.guide-content strong{font-weight:600}
.case-grid{display:grid;gap:10px;margin-bottom:24px}
.case-grid a{padding:17px 20px;background:white;border:1px solid #c8d5df;border-radius:12px;text-decoration:none;display:grid;gap:4px}
.case-grid a:hover{border-color:#365773;background:#eaf1f6}
.case-grid span{font-size:.875rem;color:#43586c}
.example{background:#e8edf2;padding:22px 24px;border-radius:14px;margin:20px 0}
.example .example-label{font-size:.875rem;font-weight:600;color:#43586c;margin-bottom:12px}
.example p:last-child{margin-bottom:0}
.guide-content details{border-top:1px solid #cbd5df;padding:0}
.guide-content summary{cursor:pointer;padding:18px 5px;font-weight:600;line-height:1.5}
.guide-content details p{padding:0 5px 4px}
.guide-help{background:#e3e8ed;padding:28px;border-radius:18px;display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:22px;margin:0 0 44px}
.guide-help img{width:100px;height:125px;border-radius:12px;object-fit:cover;object-position:50% 25%}
.guide-help p{font-size:.9375rem;line-height:1.7}
.guide-help a.guide-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;background:#213246;color:white;border-radius:30px;text-decoration:none;font-size:.9375rem;line-height:1.5;text-align:center;margin-bottom:18px}
.guide-sources{font-size:.9375rem;color:#43586c}
.guide-related{display:grid;gap:14px}
.guide-related h2{margin-bottom:4px}
.guide-related>a{display:block;padding:12px 0}
.prevention-page a:focus-visible,.prevention-page summary:focus-visible{outline:3px solid #326b98;outline-offset:4px}
.prevention-page .site-footer nav a,.prevention-page .site-footer .footer-contact a{font-size:.875rem}
@media(max-width:980px){.guide-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}}
@media(max-width:760px){.guide-wrap{padding:24px 6% 44px}.guide-breadcrumb{margin-bottom:30px}.guide-heading h1{font-size:2.1rem;letter-spacing:-.035em}.guide-lead{font-size:1.0625rem}.guide-layout{display:block}.guide-toc{position:static;margin:0 0 36px;padding:18px 20px;background:#e9edf1;border:0;border-radius:12px}.guide-toc a{padding:10px 0}.guide-first{padding:20px;margin-bottom:28px}.guide-content{font-size:1rem}.guide-help{grid-template-columns:1fr;padding:22px}.guide-help img{display:none}.guide-content section{padding-bottom:24px;margin-bottom:28px}.guide-heading{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.site-header,.site-footer,.guide-toc,.guide-help,.guide-related,.skip-link{display:none!important}.guide-wrap{padding:0;max-width:none}.guide-layout{display:block}.guide-heading h1{font-size:26pt}.guide-content{font-size:11pt}.guide-content section{break-inside:auto}.guide-first{background:none}.guide-content details>p{display:block!important}.prevention-page{background:white}}