.vakio-comparison-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.vakio-comparison-card { min-width: 0; padding: 1.1rem; border: 1px solid rgba(135, 167, 190, .25); border-radius: 18px; background: rgba(17, 37, 48, .45); }
.vakio-comparison-card h3 { margin-top: 0; }
.vakio-comparison-card dl div { padding: .55rem 0; border-bottom: 1px solid rgba(135, 167, 190, .12); }
.vakio-comparison-card dt { color: #96afc1; font-size: .9rem; }
.vakio-comparison-card dd { margin: .2rem 0 0; font-size: 1.15rem; font-weight: 700; }
.vakio-comparison-card summary { cursor: pointer; padding: .65rem 0; }
.vakio-comparison-lines { padding: 0; list-style: none; }
.vakio-comparison-lines li { display: grid; gap: .6rem; padding: .7rem 0; border-top: 1px solid rgba(135, 167, 190, .12); overflow-wrap: anywhere; }
.vakio-comparison-signs { display: flex; gap: .4rem; }
.vakio-comparison-sign { display: inline-grid; place-items: center; width: 2.5rem; height: 2.5rem; border: 1px solid #344858; border-radius: 8px; color: #8198ab; }
.vakio-comparison-sign.is-selected { color: #a7f4db; background: #123d37; border-color: #36b79b; font-weight: 700; }
#vakio-comparison-workflow .vakio-customer-controls { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) auto; }
@media (max-width: 1000px) { .vakio-comparison-grid { grid-template-columns: 1fr; } }
@media (max-width: 700px) { #vakio-comparison-workflow .vakio-customer-controls { grid-template-columns: 1fr; } }
.vakio-workflow-tabs { grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); }