.selection-guide { background:#f7f9fc; color:#172b42; }
.guide-container { max-width:1160px; margin-inline:auto; padding-inline:32px; box-sizing:border-box; }
.selection-guide .guide-hero { display:block; background:#10263c; color:#fff; padding:36px 0 60px; }
.guide-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; font-size:13px; margin-bottom:36px; color:#c5d5e5; }
.guide-breadcrumb a { color:inherit; }
.guide-return{margin:0 0 20px;display:flex}.guide-return a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #a9c0d4;border-radius:8px;font-weight:600;text-decoration:underline;text-underline-offset:4px;line-height:1.6;overflow-wrap:anywhere;color:#173a5b;background:#eef5fb}.guide-hero .guide-return a{color:#fff;background:#203f5b;border-color:#597a98}.guide-return-bottom{padding-bottom:48px}.guide-return a:focus-visible{outline:3px solid #1685ca;outline-offset:4px}
.guide-eyebrow { font-size:12px; font-weight:700; letter-spacing:.12em; color:#2268a7; margin:0 0 14px; }
.guide-hero .guide-eyebrow { color:#79cff4; }
.selection-guide h1 { color:inherit; font-size:clamp(30px,4.3vw,56px); line-height:1.17; max-width:900px; margin:0 0 24px; overflow-wrap:anywhere; }
.selection-guide .guide-answer { max-width:840px; color:#dce8f3; font-size:18px; line-height:1.8; margin:0 0 28px; }
.selection-guide .button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:12px 22px; text-decoration:none; background:#2268db; color:#fff; border-radius:6px; }
.guide-body { padding-bottom:40px; }
.guide-toc { display:flex; flex-wrap:wrap; gap:10px 24px; padding:24px 0; border-bottom:1px solid #d8e2ed; }
.guide-toc a { color:#28567f; font-size:14px; padding:8px 0; text-underline-offset:5px; }
.guide-section { padding:48px 0; scroll-margin-top:100px; }
.selection-guide h2,.guide-entry h2 { font-size:clamp(24px,3vw,34px); line-height:1.3; margin:0 0 24px; color:#142e49; }
.selection-guide h3 { font-size:20px; line-height:1.4; color:#142e49; margin:16px 0 12px; }
.guide-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.guide-steps article { padding:24px; border:1px solid #dce5ed; background:#fff; border-radius:12px; }
.guide-step { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; color:#2368a7; background:#e9f3fc; font-weight:700; }
.guide-steps p,.guide-checklist p,.guide-faq p { font-size:16px; line-height:1.8; color:#42576b; margin:0; }
.guide-table { overflow:auto; border:1px solid #d6e1eb; border-radius:10px; background:#fff; }
.guide-table table { width:100%; border-collapse:collapse; min-width:580px; text-align:start; }
.guide-table caption { text-align:start; padding:16px 20px; font-size:14px; color:#52687c; }
.guide-table th,.guide-table td { padding:18px 20px; border-top:1px solid #e0e7ef; vertical-align:top; line-height:1.7; text-align:start; color:#243c52; }
.guide-table thead th { background:#eaf1f8; color:#173a5b; }
.guide-table tbody th { width:24%; }
.guide-checklist { display:grid; grid-template-columns:1fr 1fr; gap:40px; padding:32px; margin:20px 0; border-radius:12px; background:#eaf2fa; scroll-margin-top:100px; }
.guide-checklist .button { margin-top:24px; }
.guide-checklist ul { padding-inline-start:24px; margin:0; align-self:center; }
.guide-checklist li { line-height:1.7; padding:12px 0; border-bottom:1px solid #cbdce9; }
.guide-faq details { border-bottom:1px solid #d6e1eb; padding:0; }
.guide-faq summary { cursor:pointer; padding:20px 0; font-weight:650; font-size:18px; line-height:1.5; }
.guide-faq p { padding:0 0 22px; max-width:900px; }
.guide-products { display:flex; flex-wrap:wrap; gap:16px; }
.guide-product { display:flex; flex:1; min-width:220px; justify-content:space-between; gap:16px; padding:20px; background:#fff; border:1px solid #d6e1eb; border-radius:8px; color:#165a99; text-decoration:none; }
.guide-category { color:#165a99; text-underline-offset:5px; }
.guide-entry { padding:56px 0; background:#f0f5fa; color:#142e49; }
.guide-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr)); gap:20px; }
.guide-card { display:flex; flex-direction:column; padding:24px; border:1px solid #d5e1ec; border-radius:12px; background:#fff; color:#142e49; text-decoration:none; transition:border-color .15s; }
.guide-card:hover { border-color:#2268a7; }
.guide-card h3 { font-size:21px; line-height:1.45; margin:14px 0; color:#142e49; }
.guide-card p { font-size:15px; line-height:1.8; color:#42576b; margin:0 0 20px; }
.guide-number { color:#49769d; font:600 13px/1.5 system-ui,sans-serif; }
.guide-read { color:#185e9e; font-size:14px; font-weight:650; margin-top:auto; }
.selection-guide a:focus-visible,.guide-entry a:focus-visible,.guide-faq summary:focus-visible,.guide-table:focus-visible { outline:3px solid #1685ca; outline-offset:4px; }
@media(max-width:700px) {
  .guide-container { padding-inline:20px; }
  .selection-guide .guide-hero { padding:24px 0 36px; }
  .guide-breadcrumb { margin-bottom:28px; }
  .selection-guide .guide-answer { font-size:16px; }
  .guide-steps,.guide-checklist { grid-template-columns:1fr; gap:18px; }
  .guide-checklist { padding:24px 20px; }
  .guide-section { padding:32px 0; }
  .guide-toc { gap:4px 18px; }
  .guide-entry { padding:36px 0; }
  .guide-card,.guide-steps article { padding:20px; }
}
@media(prefers-reduced-motion:reduce) { .guide-card { transition:none; } }
