/* METAR form big cards: Wind, Wind 10-min, Visibility */
.cards{flex:1 0 auto;display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
.cards>.k1,.cards>.k7,.cards>.k2{grid-column:span 4}
.card .body.row>.big:first-child{flex:1.35}
.card .body.row{gap:10px}.card .body.row>.vsplit{padding-left:10px;min-width:0}
.cards .sm .cl label{font-size:13px}
.card .body.row>.vsplit{flex:1}
.card{display:flex;gap:10px;padding:var(--pv) 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--g) 20%,#fff);background:linear-gradient(180deg,var(--c1),var(--c2));min-width:0;box-shadow:0 2px 6px rgba(15,40,90,.06)}
.card>.ic{width:clamp(30px,4.2vh,40px);height:clamp(30px,4.2vh,40px);color:var(--g);margin-top:2px}
.card .body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;justify-content:center}
.card .body.row{flex-direction:row;align-items:center;gap:16px;flex-wrap:nowrap}
.card .body.row>.cell{flex:1}
.card .cl label{font-size:14px;font-weight:800;text-transform:uppercase}
.big .cv{height:auto;border:0;border-bottom:1px solid rgba(11,27,58,.2);border-radius:0;background:transparent;overflow:visible;box-shadow:none}
.big .cv:focus-within{border-bottom-color:var(--g);box-shadow:0 2px 0 var(--g)}
.big .cv input{padding:0;height:calc(var(--fv)*1.3);font:800 var(--fv) var(--ff);color:var(--gi,var(--ink))}
.big .u{background:none;border:0;padding:0 0 4px 8px;align-self:flex-end;font-size:17px;font-weight:600}
.big.cell.bad .cv{background:#fff1f3;box-shadow:0 2px 0 var(--bad);border-bottom-color:var(--bad)}
.sm{--fv:clamp(16px,2.6vh,21px)}
.card .sm .cl label{font-size:14px;font-weight:600;text-transform:none;color:#1c2b4a}
.card .inl .cl{min-width:0}
.vsplit{border-left:1px solid rgba(11,27,58,.18);padding-left:16px}
@media(max-height:800px){.card .body{gap:1px}}
@media(max-width:1180px){.cards{grid-template-columns:1fr 1fr}.cards>.k1,.cards>.k7{grid-column:auto}.cards>.k2{grid-column:span 2}.k2{grid-column:span 2}}
@media(max-width:900px){.cards{grid-template-columns:1fr}.cards>.k1,.cards>.k2,.cards>.k7{grid-column:auto}.k2{grid-column:auto}}