:root{font-family:system-ui,sans-serif;color:#172133;background:#f5f7fb;line-height:1.7}*{box-sizing:border-box}body{margin:0}.page-header{background:#fff;border-bottom:1px solid #e5e9f0;padding:16px 20px}.page-header,.page-main,.page-footer{max-width:920px;margin:auto}.brand{color:#172133;text-decoration:none;font-weight:800;font-size:1.15rem}.page-logo{display:block;width:132px;height:auto;max-height:40px}.page-main{padding:36px 20px 56px}.page-card{background:#fff;border:1px solid #e5e9f0;border-radius:16px;padding:26px}.eyebrow{color:#2463db;font-size:.85rem;font-weight:800;letter-spacing:.04em}.page-card h1{font-size:clamp(2rem,8vw,3.25rem);line-height:1.15;margin:.2em 0 .5em}.page-card h2{margin-top:2rem;font-size:1.35rem}.page-card h3{margin-top:1.5rem;font-size:1.05rem}.page-card p,.page-card li{color:#40506a}.page-card ul{padding-left:1.25rem}.notice{padding:14px 16px;border-left:3px solid #2463db;background:#f4f8ff}.page-footer{padding:28px 20px 42px;text-align:center;color:#506078}.page-footer a{color:#174ea6}.page-nav{float:right;display:flex;gap:14px;font-size:.9rem}.page-nav a{color:#40506a;text-decoration:none}@media(max-width:560px){.page-nav{float:none;margin-top:8px;flex-wrap:wrap}.page-logo{width:112px;max-height:34px}.page-card{padding:20px}}

.guide-main{max-width:860px}.breadcrumb{margin:0 0 18px;font-size:.9rem;color:#64748b}.breadcrumb a{color:#2463db;text-decoration:none}.guide-lead{font-size:1.08rem;color:#475569}.guide-summary{margin:22px 0;padding:16px 18px;border:1px solid #cfe0ff;border-radius:12px;background:#f4f8ff}.guide-summary strong{display:block;color:#174ea6;margin-bottom:4px}.guide-cta{display:inline-block;margin:16px 0;padding:12px 16px;border-radius:10px;background:#2463db;color:#fff!important;text-decoration:none;font-weight:800}.guide-cta-note{font-size:.88rem;color:#64748b}.guide-grid,.related-guides{display:grid;gap:12px;margin-top:20px}.guide-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.guide-link-card,.related-guides a{display:block;padding:18px;border:1px solid #dce7fc;border-radius:12px;background:#f8fbff;color:#172133;text-decoration:none}.guide-link-card strong,.related-guides a strong{display:block;color:#174ea6;margin-bottom:5px}.guide-link-card span,.related-guides a span{color:#516078;font-size:.93rem}.comparison-example{padding:16px;border-radius:12px;background:#f8fbff;border:1px solid #dce7fc}.guide-faq details{padding:13px 0;border-top:1px solid #e5e9f0}.guide-faq summary{cursor:pointer;font-weight:750}.guide-faq p{margin:10px 0 0}.related-title{margin-top:2rem!important}.page-card h2{scroll-margin-top:84px}@media(min-width:640px){.related-guides{grid-template-columns:repeat(3,1fr)}}

/* Static pages and guides share this header; keep both brand and navigation inside its flex row. */
.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px}.page-nav{float:none;display:flex;align-items:center;justify-content:flex-end;flex:1;flex-wrap:wrap;gap:14px;min-width:0}.page-nav a{white-space:nowrap}.brand{display:inline-flex;align-items:center;flex:0 0 auto}.page-logo{flex:none}@media(max-width:560px){.page-header{align-items:flex-start;gap:10px;padding:12px 16px}.page-nav{gap:8px 12px;font-size:.84rem}.page-nav a{white-space:normal;text-align:right}}