/* Native radio choices styled as OS cards; form validation and keyboard selection require no JS. */
.zos-picker{min-width:0;padding:0;margin:0 0 24px;border:0;color:#20324c}
.zos-picker>legend{float:none;width:auto;margin:0 0 7px;padding:0;color:#20324c;font-size:16px;line-height:1.5;font-weight:800;letter-spacing:-.15px}
.zos-intro{margin:0 0 19px;color:#8593ab;font-size:12px;line-height:1.6}
.zos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.zos-option{position:relative;display:block;min-width:0;margin:0;cursor:pointer;animation:zos-reveal .35s ease both;animation-delay:var(--zos-delay,0ms)}
.zos-radio{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.zos-card{--zos-brand:#778aa5;--zos-tint:#f0f4fa;position:relative;display:flex;align-items:center;gap:12px;min-height:105px;height:100%;padding:20px 16px;border:1.5px solid #e6ebf3;border-radius:14px;background:#fff;box-shadow:0 2px 5px rgba(26,54,96,.015);transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}
.zos-ubuntu{--zos-brand:#e75c2b;--zos-tint:#fff2ec}.zos-debian{--zos-brand:#b92453;--zos-tint:#fff0f5}.zos-windows{--zos-brand:#1686e8;--zos-tint:#ecf6ff}.zos-alma{--zos-brand:#087fbc;--zos-tint:#eaf6fc}.zos-rocky{--zos-brand:#10a57b;--zos-tint:#eafaF4}.zos-centos{--zos-brand:#9169b7;--zos-tint:#f7f0fd}
.zos-symbol{display:grid;place-items:center;flex:0 0 42px;height:44px;border-radius:12px;background:var(--zos-tint);color:var(--zos-brand);transition:transform .2s,background .2s;line-height:1}
.zos-symbol>i{font-size:30px;line-height:1}.zos-symbol>img{display:block;width:28px;height:28px;object-fit:contain}
.zos-text{display:flex;flex-direction:column;gap:5px;min-width:0;padding-right:6px;line-height:1.35}.zos-text>strong{font-size:13px;font-weight:800;letter-spacing:-.15px;color:#344965;overflow-wrap:anywhere}.zos-text>span{font-size:11.5px;color:#8d9bb0;overflow-wrap:anywhere;transition:color .2s}
.zos-check{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:15px;height:15px;border:1.5px solid #e0e6ef;border-radius:50%;background:#fff;color:#fff;transition:background .2s,border-color .2s,transform .2s}.zos-check>svg{width:13px;height:13px;opacity:0;transform:scale(.5);transition:opacity .15s,transform .2s}
.zos-radio:checked+.zos-card{border-color:#0d8bfd;background:#f5faff;box-shadow:0 0 0 1px rgba(13,139,253,.14),0 9px 20px -14px rgba(13,139,253,.42)}
.zos-radio:checked+.zos-card .zos-check{background:#0d8bfd;border-color:#0d8bfd;transform:scale(1.08)}.zos-radio:checked+.zos-card .zos-check>svg{opacity:1;transform:scale(1)}
.zos-radio:checked+.zos-card .zos-text>strong{color:#0875d7}.zos-radio:checked+.zos-card .zos-text>span{color:#6799c4}.zos-radio:checked+.zos-card .zos-symbol{transform:translateY(-1px)}
.zos-radio:focus-visible+.zos-card{outline:3px solid rgba(13,139,253,.38);outline-offset:3px}
.zos-radio:active+.zos-card{transform:scale(.98)}
.zos-note{display:flex;align-items:flex-start;gap:7px;margin:17px 0 0;color:#8999b0;font-size:11.5px;line-height:1.7}.zos-note>i{flex-shrink:0;color:#8aa0bd;font-size:15px;line-height:1.3;margin-top:2px}
.zos-empty{display:flex;align-items:flex-start;gap:13px;padding:18px;border:1px dashed #dce6f4;border-radius:13px;background:#f8faff}.zos-empty-icon{display:grid;place-items:center;flex:0 0 37px;height:37px;border-radius:11px;background:#eaf2ff;color:#7194c3;font-size:22px}.zos-empty strong{color:#637c9c;font-size:13px;font-weight:700}.zos-empty p{color:#8b9ab0;font-size:12px;line-height:1.7;margin:5px 0 0}
@media(hover:hover){.zos-radio:hover+.zos-card{border-color:#b6d7f6;transform:translateY(-3px);box-shadow:0 10px 25px -17px rgba(24,93,164,.45)}.zos-radio:hover+.zos-card .zos-symbol{transform:translateY(-1px) scale(1.05)}.zos-radio:checked:hover+.zos-card{border-color:#0d8bfd}}
@keyframes zos-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:768px) and (max-width:1199px){.zos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.zos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.zos-card{padding:19px 12px;min-height:106px;gap:10px}.zos-symbol{flex-basis:36px;height:38px;border-radius:10px}.zos-symbol>i{font-size:27px}.zos-symbol>img{width:25px;height:25px}.zos-text>strong{font-size:12px}.zos-text>span{font-size:11px}.zos-check{width:14px;height:14px;right:8px;top:8px}.zos-intro{font-size:11.5px;margin-bottom:16px}}
@media(max-width:359px){.zos-card{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 12px;min-height:122px}.zos-symbol{flex-basis:auto;width:34px;height:34px}.zos-text{gap:3px;padding:0}.zos-text>strong{font-size:11.5px}.zos-grid{gap:9px}.zos-empty{padding:14px;gap:10px}}
@media(prefers-reduced-motion:reduce){.zos-option{animation:none}.zos-card,.zos-symbol,.zos-check,.zos-check>svg,.zos-text>span{transition:none}.zos-radio:hover+.zos-card,.zos-radio:active+.zos-card,.zos-radio:checked+.zos-card .zos-symbol,.zos-radio:hover+.zos-card .zos-symbol{transform:none}}