/* Radio-Showcase – editorial layout, 2026-11-06 */
.radios.tint{background:linear-gradient(180deg,#eff7fc 0%,#f7fbff 100%);border-block:1px solid #e1ecf5;padding:48px 0 56px}
.radios .et-section-heading{margin-bottom:25px;align-items:end}
.radios .et-section-heading h2{max-width:740px;font-size:clamp(26px,2.45vw,36px);letter-spacing:-.045em;line-height:1.12}
.radios .et-section-heading p{font-size:14px;color:#53677c;margin-top:11px}
.radios .et-text-link{font-size:13px;letter-spacing:0;color:#075ebc;border-bottom:1px solid #c2d9ed;padding-bottom:7px}
.radios .radio-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px}
.radios .radio-card{flex:0 1 calc((100% - 48px)/4);min-width:0;min-height:212px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden;border:1px solid #d7e5f0;border-radius:13px;background:#fff;box-shadow:0 2px 7px rgba(16,48,82,.035);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.radios .radio-card .et-radio-image{height:111px;min-height:111px;width:auto;margin:12px 12px 0;padding:12px 18px;display:flex;align-items:center;justify-content:center;background:#f5f9fc;border:1px solid #edf2f6;border-radius:9px}
.radios .radio-card .et-radio-image img{width:100%;height:100%;max-width:225px;max-height:87px;object-fit:contain;object-position:center;padding:0}
.radios .radio-card .et-radio-name{min-height:0;margin:13px 12px 0;padding:0;text-align:center;color:#102641;font-size:14px;font-weight:700;line-height:1.35;letter-spacing:-.012em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.radios .radio-card .et-radio-action{display:flex;align-items:center;justify-content:center;gap:8px;position:static;transform:none;width:auto;background:none;margin:0;padding:13px 10px 16px;color:#1765b9;font-size:12px;font-weight:700;line-height:1.2}
.radios .radio-card .et-radio-action span{font-size:16px;line-height:1;font-weight:400;transition:transform .2s ease}
.radios .radio-card:hover,.radios .radio-card:focus-visible{border-color:#a3c8e9;box-shadow:0 14px 28px rgba(18,69,116,.105);transform:translateY(-3px)}
.radios .radio-card:hover .et-radio-action span,.radios .radio-card:focus-visible .et-radio-action span{transform:translate(2px,-2px)}
@media(max-width:1050px){.radios .radio-card{flex-basis:calc((100% - 32px)/3)}}
@media(max-width:760px){.radios.tint{padding:36px 0 42px}.radios .et-section-heading{align-items:flex-start;gap:12px}.radios .radio-grid{gap:12px}.radios .radio-card{flex-basis:calc((100% - 12px)/2);min-height:198px}.radios .radio-card .et-radio-image{height:99px;min-height:99px}.radios .radio-card .et-radio-name{font-size:13px}}
@media(max-width:430px){.radios .radio-grid{gap:10px}.radios .radio-card{flex-basis:calc((100% - 10px)/2);min-height:185px;border-radius:10px}.radios .radio-card .et-radio-image{height:89px;min-height:89px;margin:9px 9px 0;padding:9px}.radios .radio-card .et-radio-name{font-size:12px;margin-top:12px}.radios .radio-card .et-radio-action{padding:12px 5px 14px;font-size:11px}.radios .et-section-heading h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.radios .radio-card,.radios .radio-card .et-radio-action span{transition:none}.radios .radio-card:hover{transform:none}}
body.reduce-motion .radios .radio-card,body.reduce-motion .radios .radio-card .et-radio-action span{transition:none}