/* The comfort guide shares the site's navy, aqua and warm gold palette. */
.solution-guide{background:#eef7fa;padding:64px 0;scroll-margin-top:20px}
.solution-guide .guide-shell{display:grid;grid-template-columns:.8fr 1.2fr;background:#fff;border:1px solid #c8dfe9;border-radius:14px;overflow:hidden;box-shadow:0 16px 40px #153a6410}
.guide-intro{padding:40px;background:radial-gradient(circle at 0 100%,#146879,transparent 75%),#122d58;color:#fff;display:flex;flex-direction:column;align-items:flex-start}
.guide-intro .eyebrow{color:#9cebe8}.guide-intro h2{font-size:clamp(30px,3.4vw,46px);line-height:1.12;letter-spacing:-1.3px;margin:12px 0 20px}.guide-intro h2 em{color:#9cebe8;font-style:normal}.guide-intro>p:not(.eyebrow){color:#deebf8;margin:0 0 24px;max-width:34ch}.guide-intro .guide-call{margin-top:auto;color:#fff;font-weight:bold;border-bottom:1px solid #93d6df;padding-bottom:6px}.guide-intro small{font-size:12px;color:#cce1ee;display:block;margin-top:10px}
.guide-content{padding:34px;min-width:0}.guide-progress{display:flex;gap:8px;align-items:center;color:#4f627c;font-size:12px;font-weight:bold;letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px}.guide-progress span{height:4px;background:#d7e5ef;flex:1;border-radius:9px}.guide-progress span.is-current{background:#097c88}
.guide-content h3{font-size:25px;line-height:1.2;margin:0 0 8px;color:#142e52}.guide-content .guide-caption{margin:0 0 22px;color:#52677d;font-size:15px}.guide-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guide-choice{display:flex;gap:12px;align-items:center;width:100%;border:1px solid #cadde9;background:#f7fbfd;border-radius:8px;text-align:left;padding:20px 16px;color:#163554;cursor:pointer;min-height:102px;transition:background .15s,border-color .15s}.guide-choice:hover{background:#e4f5f4;border-color:#148e92}.guide-choice strong{display:block;font-size:17px;line-height:1.3}.guide-choice small{display:block;font-size:13px;line-height:1.5;color:#52677d;margin-top:6px}.guide-icon{flex-shrink:0;background:#e0eff7;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:22px;color:#135479}.guide-choice:nth-child(2) .guide-icon{background:#def2ed;color:#096e5d}.guide-choice:nth-child(3) .guide-icon{background:#ece8fa;color:#695099}.guide-choice:nth-child(4) .guide-icon{background:#fff0cf;color:#856020}.guide-choice .guide-arrow{margin-left:auto;font-size:20px;color:#186482}
.guide-back{background:none;border:0;padding:0 0 12px;color:#185b83;text-decoration:underline;cursor:pointer;font-weight:bold;font-size:14px}.guide-options.guide-needs{grid-template-columns:1fr}.guide-needs .guide-choice{min-height:0;padding:14px 16px}.guide-needs .guide-choice strong{font-size:16px}.guide-result-tag{color:#176961;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:bold;margin:0 0 12px}.guide-result-copy{color:#425c73;font-size:16px;margin:14px 0 20px}.guide-next{background:#eef7f5;border-left:3px solid #15887c;padding:16px;margin-bottom:22px;color:#234e51;font-size:14px}.guide-next strong{display:block;margin-bottom:5px}.guide-result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.guide-result-actions .button{background:#ffc45a;color:#142e52;border-color:#ffc45a;font-size:14px;gap:14px;white-space:normal}.guide-result-actions .text-link{font-size:14px;color:#17567a}.guide-footnote{font-size:12px;color:#536a7e;margin-top:18px;margin-bottom:0}.solution-guide button:focus-visible,.solution-guide a:focus-visible{outline:3px solid #0a7489;outline-offset:4px}.guide-intro a:focus-visible{outline-color:#ffc45a}.guide-content [tabindex="-1"]:focus{outline:none}.guide-panel[hidden]{display:none}
@media(max-width:800px){.solution-guide{padding:32px 0}.solution-guide .guide-shell{grid-template-columns:1fr}.guide-intro{padding:26px}.guide-intro h2{font-size:34px}.guide-intro>p:not(.eyebrow){max-width:none;margin-bottom:18px}.guide-content{padding:26px}.guide-choice{padding:16px 12px;min-height:126px;display:block}.guide-icon{margin-bottom:12px}.guide-choice .guide-arrow{display:none}.guide-needs .guide-choice{display:flex}.guide-intro .guide-call{font-size:15px}.guide-content h3{font-size:24px}}
.guide-call span{display:block}.guide-call span:last-child{white-space:nowrap}.guide-content h3{scroll-margin-top:145px}
@media(max-width:800px){.guide-intro{padding:24px}.guide-intro h2{margin:8px 0 12px;font-size:30px}.guide-intro>p:not(.eyebrow){font-size:14px;line-height:1.55;margin-bottom:14px}.guide-intro .eyebrow{font-size:9px}.guide-intro .guide-call{font-size:14px}.guide-intro small{margin-top:6px}.guide-content{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide-choice{transition:none}}
