/* Shared Ratgeber layout, approved 19 October 2026. Loaded on guide pages only. */
body.guide-page { --ink:#243642;--muted:#576b78;--blue:#006d99;--line:#dbe6eb;--orange:#fa722a;--soft:#f3f8fa }
body.guide-page .guide-shell * { box-sizing:border-box }
body.guide-page { margin:0;font:16px/1.7 'Open Sans',Arial,sans-serif;color:var(--ink);background:#fff }
body.guide-page .guide-shell a { color:var(--blue);text-decoration:none }
body.guide-page .guide-shell a:hover { text-decoration:underline }
body.guide-page .guide-shell a:focus-visible,
body.guide-page .guide-shell summary:focus-visible,
body.guide-page .guide-shell button:focus-visible,
body.guide-page .guide-shell input:focus-visible { outline:3px solid #e47720;outline-offset:4px }
body.guide-page .guide-shell img { max-width:100% }
body.guide-page .guide-shell button,
body.guide-page .guide-shell input { font:inherit }
body.guide-page .guide-shell.container,
body.guide-page .discovery-header .container { width:calc(100% - 48px);max-width:1140px;margin:auto }
body.guide-page .masthead-label { margin:0;color:#fff;font-size:22px;font-weight:600;line-height:1.4 }
body.guide-page .skip { position:absolute;left:-10000px;z-index:10 }
body.guide-page .skip:focus { left:12px;top:12px;background:white;padding:12px }
body.guide-page .guide-shell .breadcrumb { font-size:12px;display:flex;gap:9px;padding-top:28px;color:var(--muted);flex-wrap:wrap }
body.guide-page .guide-shell .breadcrumb a { color:var(--muted) }
body.guide-page .guide-shell .layout { display:grid;grid-template-columns:245px minmax(0,1fr);gap:55px;padding-top:33px;padding-bottom:72px }
body.guide-page .guide-shell .rail { position:sticky;top:28px;align-self:start;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:22px 12px }
body.guide-page .guide-shell .rail .label { font-size:11px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;color:var(--muted);padding:0 12px;margin:0 0 14px }
body.guide-page .guide-shell .rail nav { display:grid;gap:5px }
body.guide-page .guide-shell .rail nav a { padding:12px;border-radius:7px;font-size:14px;color:#435a68;line-height:1.45 }
body.guide-page .guide-shell .rail nav a[aria-current=page] { background:white;color:#006d99;font-weight:700;box-shadow:0 1px 5px #183d4d0c;border-left:3px solid var(--orange);padding-left:9px }
body.guide-page .guide-shell .eyebrow { color:#00739d;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 12px }
body.guide-page .guide-shell h1,
body.guide-page .guide-shell h2,
body.guide-page .guide-shell h3,
body.guide-page .guide-shell p { margin-top:0 }
body.guide-page .guide-shell h1 { font-size:39px;line-height:1.22;letter-spacing:-1.1px;margin-bottom:18px;max-width:790px }
body.guide-page .guide-shell h2 { font-size:26px;line-height:1.3;letter-spacing:-.4px;margin-bottom:15px }
body.guide-page .guide-shell h3 { font-size:18px;line-height:1.4;margin-bottom:9px }
body.guide-page .guide-shell .lead { font-size:18px;line-height:1.75;color:var(--muted);margin:0;max-width:750px }
body.guide-page .guide-shell .hero { padding-bottom:32px }
body.guide-page .guide-shell .role { display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:18px;margin:23px 0 0;font-size:13px;color:var(--muted) }
body.guide-page .guide-shell .role svg { flex:0 0 20px;color:var(--blue) }
body.guide-page .guide-shell section { margin-top:42px;scroll-margin-top:24px }
body.guide-page .guide-shell section:first-child { margin-top:0 }
body.guide-page .guide-shell .section-intro { color:var(--muted);margin-bottom:22px }
body.guide-page .guide-shell .steps { list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px }
body.guide-page .guide-shell .steps li { border-top:3px solid #f2b38d;padding:20px 0 0 }
body.guide-page .guide-shell .step-number { display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff0e6;color:#9c4610;font-size:15px;font-weight:700;margin-bottom:15px }
body.guide-page .guide-shell .steps p { font-size:14px;color:var(--muted);margin:0 }
body.guide-page .guide-shell .steps a { display:inline-block;font-size:13px;font-weight:600;margin-top:12px }
body.guide-page .guide-shell .info-pair { display:grid;grid-template-columns:1fr 1fr;gap:16px }
body.guide-page .guide-shell .info-card { padding:25px;border:1px solid var(--line);border-radius:10px }
body.guide-page .guide-shell .info-card .tag { font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--blue);margin-bottom:8px }
body.guide-page .guide-shell .info-card p { font-size:14px;color:var(--muted);margin-bottom:0 }
body.guide-page .guide-shell .note { border-left:3px solid var(--blue);padding:17px 21px;background:var(--soft);margin-top:19px;font-size:14px;color:#425a67;border-radius:0 6px 6px 0 }
body.guide-page .guide-shell .note strong { color:var(--ink) }
body.guide-page .guide-shell .checks { list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:15px 25px }
body.guide-page .guide-shell .checks li { position:relative;padding-left:28px;font-size:14px;color:var(--muted) }
body.guide-page .guide-shell .checks li:before { content:'✓';position:absolute;left:0;top:0;font-weight:700;color:var(--blue) }
body.guide-page .guide-shell .checks strong { display:block;color:var(--ink);font-size:15px;margin-bottom:3px }
body.guide-page .guide-shell .cta { padding:29px 32px;border-radius:12px;background:#edf6fa;display:flex;gap:24px;align-items:center;justify-content:space-between }
body.guide-page .guide-shell .cta h2 { font-size:23px;margin-bottom:7px }
body.guide-page .guide-shell .cta p { font-size:14px;color:var(--muted);margin:0 }
body.guide-page .guide-shell .button { display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:13px 22px;border-radius:7px;background:#007da9;color:white;font-weight:700;font-size:14px;white-space:nowrap;min-height:48px }
body.guide-page .guide-shell .button:hover { background:#00678f;text-decoration:none;color:white }
body.guide-page .guide-shell .related { display:grid;grid-template-columns:1fr 1fr;gap:16px }
body.guide-page .guide-shell .related a { border:1px solid var(--line);padding:20px;border-radius:9px;display:block }
body.guide-page .guide-shell .related strong { display:block;font-size:15px;margin-bottom:6px }
body.guide-page .guide-shell .related span { font-size:13px;color:var(--muted);display:block }
body.guide-page .guide-shell .related a:hover { border-color:#73a9bf;background:#f9fcfd;text-decoration:none }
body.guide-page .guide-shell .mobile-nav { display:none }
body.guide-page .guide-shell .toc { display:flex;gap:9px;flex-wrap:wrap;padding-top:18px }
body.guide-page .guide-shell .toc a { font-size:12px;background:#f2f7f9;border:1px solid #e2ebef;border-radius:5px;padding:6px 10px }
body.guide-page .guide-shell .faq { border-top:1px solid var(--line) }
body.guide-page .guide-shell .faq details { border-bottom:1px solid var(--line) }
body.guide-page .guide-shell summary { cursor:pointer;list-style:none;font-weight:600;padding:18px 34px 18px 0;position:relative;font-size:15px }
body.guide-page .guide-shell summary::-webkit-details-marker { display:none }
body.guide-page .guide-shell summary:after { content:'+';position:absolute;right:3px;top:15px;font-size:23px;font-weight:400;color:var(--blue) }
body.guide-page .guide-shell details[open]>summary:after { content:'−' }
body.guide-page .guide-shell .answer { font-size:14px;line-height:1.8;color:var(--muted);padding:0 28px 19px 0 }
body.guide-page .guide-shell .answer p { margin-bottom:12px }
body.guide-page .guide-shell .answer p:last-child { margin:0 }
body.guide-page .guide-shell .source-note { font-size:12px;color:var(--muted);margin-top:16px }
body.guide-page .guide-shell .comparison { border:1px solid var(--line);border-radius:10px;overflow:hidden }
body.guide-page .guide-shell .compare-row { display:grid;grid-template-columns:150px 1fr 1fr;gap:20px;padding:20px 22px;border-bottom:1px solid var(--line);font-size:14px }
body.guide-page .guide-shell .compare-row:last-child { border-bottom:0 }
body.guide-page .guide-shell .compare-head { background:var(--soft);font-size:12px;font-weight:700;color:var(--muted) }
body.guide-page .guide-shell .compare-row strong { font-size:15px }
body.guide-page .guide-shell .compare-row p { margin:0;color:var(--muted) }
body.guide-page .guide-shell .compare-row small { display:none }
body.guide-page .guide-shell .page-end { margin-top:40px;border-top:1px solid var(--line);padding-top:18px;font-size:12px;color:var(--muted) }
@media(max-width:1050px) {
body.guide-page .guide-shell .layout { grid-template-columns:210px minmax(0,1fr);gap:30px }
body.guide-page .guide-shell h1 { font-size:34px }
body.guide-page .guide-shell .steps { gap:12px }
body.guide-page .guide-shell .steps h3 { font-size:16px }
body.guide-page .guide-shell .cta { display:block }
body.guide-page .guide-shell .cta .button { margin-top:18px }
body.guide-page .guide-shell .compare-row { grid-template-columns:110px 1fr 1fr;gap:14px;padding:18px }
body.guide-page .masthead-label { font-size:18px }
}
@media(max-width:767px) {
body.guide-page .guide-shell.container,
body.guide-page .discovery-header .container { width:calc(100% - 36px) }
body.guide-page .masthead-label { font-size:13px;color:#d4dce2;text-align:center;font-weight:400 }
body.guide-page .discovery-header .masthead { gap:5px;padding-bottom:15px }
body.guide-page .discovery-header .brand { width:198px }
body.guide-page .discovery-header .intro { display:none }
body.guide-page .guide-shell .breadcrumb { font-size:11px;padding-top:22px }
body.guide-page .guide-shell .layout { display:block;padding-top:26px;padding-bottom:42px }
body.guide-page .guide-shell .rail { display:none }
body.guide-page .guide-shell h1 { font-size:30px;letter-spacing:-.8px;text-align:center;max-width:500px;margin:0 auto 17px }
body.guide-page .guide-shell .eyebrow { text-align:center;font-size:11px }
body.guide-page .guide-shell .lead { font-size:16px;text-align:center;line-height:1.7 }
body.guide-page .guide-shell .hero { padding-bottom:0 }
body.guide-page .guide-shell .role { font-size:12px;align-items:flex-start;line-height:1.65;padding-top:17px;margin-top:22px }
body.guide-page .guide-shell .role svg { margin-top:2px }
body.guide-page .guide-shell .mobile-nav { display:block;margin-top:26px;border:1px solid var(--line);border-radius:9px;background:var(--soft);padding:0 15px }
body.guide-page .guide-shell .mobile-nav summary { font-size:13px;padding:13px 25px 13px 0 }
body.guide-page .guide-shell .mobile-nav summary:after { top:9px }
body.guide-page .guide-shell .mobile-nav nav { display:grid;gap:0;padding-bottom:9px }
body.guide-page .guide-shell .mobile-nav a { padding:10px 0;font-size:13px }
body.guide-page .guide-shell .mobile-nav a[aria-current=page] { font-weight:700 }
body.guide-page .guide-shell .toc { gap:7px;justify-content:center;padding-top:20px }
body.guide-page .guide-shell .toc a { font-size:11px;padding:5px 8px }
body.guide-page .guide-shell section { margin-top:35px }
body.guide-page .guide-shell h2 { text-align:center;font-size:24px;line-height:1.35;letter-spacing:-.4px }
body.guide-page .guide-shell .section-intro { font-size:14px;text-align:center;margin-bottom:20px }
body.guide-page .guide-shell .steps { grid-template-columns:1fr;gap:22px }
body.guide-page .guide-shell .steps li { position:relative;border:0;padding:0 0 0 50px }
body.guide-page .guide-shell .step-number { position:absolute;left:0;top:0;margin:0;width:34px;height:34px }
body.guide-page .guide-shell .steps h3 { font-size:17px;margin-bottom:6px }
body.guide-page .guide-shell .steps p { font-size:14px }
body.guide-page .guide-shell .steps a { margin-top:7px }
body.guide-page .guide-shell .info-pair,
body.guide-page .guide-shell .checks,
body.guide-page .guide-shell .related { grid-template-columns:1fr;gap:13px }
body.guide-page .guide-shell .info-card { padding:20px }
body.guide-page .guide-shell .info-card h3 { font-size:18px }
body.guide-page .guide-shell .note { padding:16px 18px;font-size:13px }
body.guide-page .guide-shell .checks { gap:18px }
body.guide-page .guide-shell .checks li { font-size:14px }
body.guide-page .guide-shell .cta { text-align:center;padding:24px 21px }
body.guide-page .guide-shell .cta h2 { font-size:23px }
body.guide-page .guide-shell .cta .button { margin-top:19px;width:100% }
body.guide-page .guide-shell .related a { padding:18px }
body.guide-page .guide-shell .compare-row.compare-head { display:none }
body.guide-page .guide-shell .compare-row { display:block;padding:20px }
body.guide-page .guide-shell .compare-row>strong { display:block;font-size:18px;margin-bottom:11px }
body.guide-page .guide-shell .compare-row p { font-size:14px;margin:10px 0 0 }
body.guide-page .guide-shell .compare-row small { display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;color:#617988;margin-bottom:3px }
body.guide-page .guide-shell .page-end { margin-top:30px }
body.guide-page .guide-shell summary { font-size:14px }
body.guide-page .guide-shell .answer { padding-right:10px }
body.guide-page .guide-shell .source-note { font-size:11px }
}
body.guide-page .guide-shell .sidebar-stack { position:sticky;top:24px;align-self:start;display:grid;gap:20px }
body.guide-page .guide-shell .sidebar-stack .rail { position:static;top:auto }
body.guide-page .guide-shell .provider-rail { background:#fff }
body.guide-page .guide-shell .provider-rail nav a[aria-current=page] { background:#f0f7fa }
body.guide-page .guide-shell .provider-shop { margin-top:20px;font-size:13px;font-weight:600 }
body.guide-page .guide-shell .provider-cards { display:grid;grid-template-columns:1fr;gap:12px }
body.guide-page .guide-shell .provider-cards .info-card { display:grid;grid-template-columns:185px 1fr;gap:22px;padding:22px }
body.guide-page .guide-shell .provider-cards h3 { font-size:16px;margin:0 }
body.guide-page .guide-shell .provider-cards p { font-size:14px }
body.guide-page .guide-shell .service-links { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px }
body.guide-page .guide-shell .service-link { border:1px solid var(--line);border-radius:9px;padding:20px;position:relative }
body.guide-page .guide-shell .service-link:hover { background:var(--soft);border-color:#95becf;text-decoration:none }
body.guide-page .guide-shell .service-link strong { display:block;font-size:15px;margin-bottom:8px }
body.guide-page .guide-shell .service-link span { display:block;font-size:13px;color:var(--muted) }
body.guide-page .guide-shell .service-link>span[aria-hidden] { display:none }
body.guide-page .guide-shell .contact-email { font-size:13px;margin:16px 0 0;overflow-wrap:anywhere }
body.guide-page .guide-shell .provider-compare { border-radius:12px;background:#edf6fa;padding:27px 29px }
body.guide-page .guide-shell .provider-compare .tag { font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--blue);margin-bottom:8px }
body.guide-page .guide-shell .provider-compare h2 { font-size:23px }
body.guide-page .guide-shell .provider-compare p { font-size:14px;color:var(--muted);margin-bottom:20px }
body.guide-page .guide-shell .provider-sources h2 { font-size:17px;letter-spacing:0 }
body.guide-page .guide-shell .provider-sources p,
body.guide-page .guide-shell .provider-sources li { font-size:12px;color:var(--muted) }
body.guide-page .guide-shell .provider-sources ul { padding-left:18px }
body.guide-page .guide-shell .provider-sources li { margin-bottom:6px }
@media(max-height:760px) and (min-width:768px) {
body.guide-page .guide-shell .sidebar-stack { position:static }
}
@media(max-width:767px) {
body.guide-page .guide-shell .sidebar-stack { display:none }
body.guide-page .guide-shell .provider-nav { margin-top:10px;background:#fff }
body.guide-page .guide-shell .provider-shop { text-align:center }
body.guide-page .guide-shell .provider-cards .info-card { display:block;padding:20px }
body.guide-page .guide-shell .provider-cards h3 { margin-bottom:9px;font-size:17px }
body.guide-page .guide-shell .service-links { grid-template-columns:1fr }
body.guide-page .guide-shell .provider-compare { padding:24px 20px;text-align:center }
body.guide-page .guide-shell .provider-compare .button { white-space:normal;width:100%;padding:12px 15px }
body.guide-page .guide-shell .provider-sources h2 { text-align:left }
body.guide-page .guide-shell .provider-sources { margin-top:28px }
}
/* Adapt the shared site's Bootstrap defaults to the approved guide layout. */
body.guide-page .guide-shell.container,
body.guide-page .discovery-header .container { padding-left:0; padding-right:0; }
body.guide-page .guide-shell .breadcrumb { margin:0; padding:28px 0 0; background:transparent; border:0; border-radius:0; }
body.guide-page .guide-shell h1,
body.guide-page .guide-shell h2,
body.guide-page .guide-shell h3 { color:var(--ink); font-weight:700; }
body.guide-page .guide-shell h1 { margin-top:0; }
body.guide-page .guide-shell h3 { margin-top:0; }
body.guide-page .guide-shell .rail .label { display:block; text-align:left; white-space:normal; line-height:1.7; }
body.guide-page .guide-shell .related { padding:0; }
@media(max-width:767px) {
 body.guide-page .guide-shell .breadcrumb { padding-top:22px; }
}