.cmp{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;margin:26px 0;padding:22px 20px 18px}.cmp .cmp-t{font:700 var(--text-xs)/var(--lh-snug) var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0 0 14px}.cmp-g{grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:16px;display:grid}.cmp-c{border:1.5px solid var(--line2);border-radius:var(--r-lg);background:var(--tint,var(--tint));border-top-width:4px;padding:16px 18px 12px}.cmp-c.t-ok{border-color:var(--ok-line);border-top-color:var(--ok);background:var(--ok-wash)}.cmp-c.t-bad{border-color:var(--bad-line);border-top-color:var(--bad);background:var(--bad-wash)}.cmp-c.t-ssogen{border-color:var(--blueb);border-top-color:var(--blue);background:var(--blue-wash)}.cmp-c .cmp-h{font:700 var(--text-lg)/var(--lh-tight) var(--sans);color:var(--ink);margin:0 0 3px}.cmp-c .cmp-s{font-size:var(--text-xs);color:var(--muted);margin:0 0 8px}.cmp-c ul{margin:8px 0 4px;padding-left:20px}.cmp-c li{font-size:var(--text-md);line-height:var(--lh-normal);color:var(--ink2);margin:0 0 6px}.cmp figcaption{font-size:var(--text-sm);line-height:var(--lh-normal);color:var(--muted);margin:12px 0 0}@media (width<=759px){.cmp{padding:16px 14px 12px}.cmp-g{grid-template-columns:minmax(0,1fr)}}