@layer components{.product-consultant{color:#18324f;padding-top:32px;padding-bottom:70px}.selection-hero{color:#fff;background:#102f52;border-radius:20px;margin-bottom:24px;padding:40px}.selection-hero>span{color:#b9dbff;letter-spacing:.1em;font-size:12px}.selection-hero h1{margin:20px 0;font-size:clamp(30px,4vw,48px);line-height:1.13}.selection-hero p{max-width:650px;line-height:1.6}.selection-hero small{color:#c9d9ee;line-height:1.6;display:block}.selection-form{background:#f0f5fa;border-radius:14px;flex-wrap:wrap;align-items:end;gap:14px;padding:22px;display:flex}.selection-form label{flex-direction:column;flex:1;gap:8px;min-width:min(240px,100%);font-size:14px;font-weight:600;display:flex}.selection-form input,.selection-form select{width:100%;font:inherit;color:#18324f;background:#fff;border:1px solid #a4b9ce;border-radius:8px;min-height:46px;padding:12px}.selection-chosen{flex-wrap:wrap;align-items:center;gap:12px;padding:22px 0;display:flex}.selection-chosen>button:not(.button){border:1px solid #b3c8df;border-radius:8px;padding:8px}.selection-results{grid-template-columns:repeat(auto-fit,minmax(min(310px,100%),1fr));gap:18px;display:grid}.selection-card{background:#fff;border:1px solid #cfdeec;border-radius:15px;min-width:0;padding:24px}.selection-card>span{color:#436282;font-size:12px}.selection-card h3{margin:12px 0;font-size:20px;line-height:1.4}.selection-card dl{font-size:14px;line-height:1.65}.selection-card dt{margin-top:15px;font-weight:700}.selection-card dd{overflow-wrap:anywhere;margin:4px 0}.selection-card small{color:#526780;font-size:12px;line-height:1.6;display:block}.selection-card>div{flex-direction:column;gap:12px;margin-top:20px;display:flex}.selection-note{color:#254f79;background:#edf4fc;border-radius:9px;padding:14px;font-size:14px;line-height:1.6}.selection-error{color:#9c2424;background:#fdeeee;border-radius:8px;padding:14px}.selection-results.is-comparison{align-items:start}.product-consultant h2{margin:24px 0 18px}@media (max-width:600px){.selection-hero{padding:24px}.selection-form{padding:16px;display:grid}.selection-card{padding:18px}.selection-chosen>.button{width:100%}}.product-consultant .selection-hero h1{color:#fff!important}.product-consultant .selection-hero p{color:#e0ebf7!important}.product-consultant .selection-hero small{color:#c9d9ee!important}.product-consultant .selection-form .button-navy,.product-consultant .selection-chosen .button-navy{color:#fff!important;background:#163c61!important;border-color:#163c61!important}}
