.card{border-radius:var(--armebel-radius-lg);transition:transform var(--armebel-transition-base), box-shadow var(--armebel-transition-base)}.card_tone_surface{background:var(--armebel-surface);box-shadow:var(--armebel-shadow-soft)}.card_tone_dark{background:var(--armebel-dark);color:var(--armebel-text-on-dark)}.card_tone_dark p{color:var(--armebel-text-on-dark-muted)}.card_tone_outline{border:1.5px solid var(--armebel-border);background:0 0}.card_padding_sm{padding:20px}.card_padding_md{padding:32px}.card_padding_lg{padding:clamp(24px,4vw,40px)}.card:hover{box-shadow:var(--armebel-shadow-strong);transform:translateY(-4px)}
.grid{grid-template-columns:repeat(var(--grid-columns,1), minmax(0, 1fr));display:grid}.grid>*{min-width:0}.grid_gap_sm{gap:12px}.grid_gap_md{gap:24px}.grid_gap_lg{gap:32px}.grid_columns_2{--grid-columns:2}.grid_columns_3{--grid-columns:3}.grid_columns_4{--grid-columns:4}@media (max-width:900px){.grid_columns_3,.grid_columns_4{--grid-columns:2}}@media (max-width:560px){.grid_columns_2,.grid_columns_3,.grid_columns_4{--grid-columns:1}}