.keda-product-template .ke-ratio-strip{padding:16px 18px;background:#f0f5fb;border-left:3px solid #004ea2;margin:20px 0}
.ke-ratio-strip>span{display:block;color:#60758c;font-size:10px;font-weight:700;letter-spacing:.09em;margin-bottom:6px}
.ke-ratio-strip>strong{display:block;font-size:32px;line-height:1.2;letter-spacing:-.02em;color:#004ea2}
.ke-ratio-strip small{font-size:16px;margin-left:10px;letter-spacing:0;color:#082c50}
.keda-product-template .ke-ratio-strip p{font-size:12px;margin:8px 0 0}
.ke-intro-components{display:flex;flex-wrap:wrap;gap:12px 24px}
.ke-intro-components>span{display:flex;align-items:center;gap:8px;font-size:12px;color:#082c50;font-weight:600}
.ke-component-layout,.ke-selection-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}
.ke-component-layout>article,.ke-selection-layout>article{padding:30px;border:1px solid #dfe7f0}
.ke-volume-pair{display:grid;grid-template-columns:1fr 40px 1fr;gap:16px;margin:22px auto;max-width:400px;align-items:center;text-align:center}
.ke-volume-pair>div{display:flex;flex-direction:column;align-items:center}
.ke-volume{width:100%;max-width:128px;height:100px;background:#f4f7fb;position:relative;border:1px solid #b4c1cf;margin-bottom:12px}
.ke-volume::before{content:"";position:absolute;bottom:0;left:0;right:0;height:75%;background:#d9c49b}
.ke-volume-b::before{background:#6a7076}
.ke-volume::after{content:"";position:absolute;top:25%;left:-1px;right:-1px;border-top:2px dashed #455970}
.ke-volume-pair strong{font-size:14px;color:#082c50}
.ke-volume-pair div>span{font-size:12px;margin-top:4px;color:#60758c}
.ke-plus{color:#004ea2;font-size:26px;font-weight:700}
.keda-product-template .ke-core .ke-mix-panel>p{font-size:14px}
.ke-pack-panel{background:#f4f7fb}
.ke-pack-panel dl{margin:24px 0 0}
.ke-pack-panel dl>div{padding:14px 0;border-bottom:1px solid #dfe7f0}
.ke-pack-panel dl>div:first-child{padding-top:0}
.ke-pack-panel dt{font-size:11px;letter-spacing:.03em;color:#60758c;margin-bottom:5px}
.ke-pack-panel dd{margin:0;font-size:14px;color:#082c50;font-weight:600}
.ke-route-structural{background:#f4f7fb}
.ke-route-spec{display:inline-block;margin-top:15px;background:#e1edf9;color:#004ea2;padding:11px 14px;font-size:14px}
.ke-selection-layout .ke-route-slab{background:#082c50;border-color:#082c50;display:flex;flex-direction:column}
.keda-product-template .ke-core .ke-route-slab h3{color:white!important;font-size:23px!important}
.keda-product-template .ke-core .ke-route-slab p{color:#d8e5f2!important}
.ke-route-slab .km-kicker{color:#b3d4f5}
.keda-product-template .ke-core .ke-route-slab .km-link{color:white!important;margin-top:auto;padding-top:18px}
.keda-product-template .ke-selection-layout .ke-route p{font-size:14px}
@media(max-width:1024px){.ke-component-layout,.ke-selection-layout{grid-template-columns:1fr 1fr}.ke-component-layout>article,.ke-selection-layout>article{padding:24px}.ke-volume-pair{gap:10px;grid-template-columns:1fr 24px 1fr}}
@media(max-width:767px){.ke-component-layout,.ke-selection-layout{grid-template-columns:1fr}.ke-component-layout>article,.ke-selection-layout>article{padding:24px}.ke-volume-pair{max-width:340px}}
