.cg-compare{max-width:64rem;margin-top:1.5rem}.cg-compare__head{display:none}.cg-compare__row{border-top:1px solid var(--color-border);gap:.5rem;padding-block:1rem;display:grid}.cg-compare__q{flex-wrap:wrap;align-items:center;gap:.5rem;font-weight:700;display:flex}.cg-compare__verdict{color:var(--color-muted);background:#ffffff14;border-radius:9999px;padding:.1rem .6rem;font-size:.75rem;font-weight:700}.cg-compare__row[data-better=tailwind] .cg-compare__verdict{background:var(--wg-setup);color:#fff}.cg-compare__row[data-better=bem] .cg-compare__verdict{background:var(--wg-build);color:#fff}.cg-compare__cell{color:var(--color-muted)}.cg-compare__row[data-better=tailwind] .cg-compare__cell[data-side=tailwind],.cg-compare__row[data-better=bem] .cg-compare__cell[data-side=bem]{color:var(--color-foreground)}.cg-compare__tag{letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);font-size:.75rem;font-weight:700;display:block}@media (min-width:768px){.cg-compare__head,.cg-compare__row{grid-template-columns:1.1fr 1fr 1fr;gap:1.5rem;display:grid}.cg-compare__head{letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);padding-bottom:.75rem;font-size:.75rem;font-weight:700}.cg-compare__q{flex-direction:column;align-items:flex-start}.cg-compare__tag{display:none}}.cg-cards{gap:.875rem;max-width:64rem;margin-top:1.5rem;padding:0;list-style:none;display:grid}@media (min-width:768px){.cg-cards{grid-template-columns:repeat(2,1fr)}}.cg-card{border-top:4px solid var(--wg-setup);background:var(--wg-sheet);color:var(--wg-ink);border-radius:1rem;padding:1.25rem}.cg-card[data-side=bem]{border-top-color:var(--wg-build);border-inline:1px solid var(--color-border);border-bottom:1px solid var(--color-border);color:var(--color-foreground);background:0 0}.cg-card__title{font-weight:700}.cg-card__detail{color:var(--wg-graphite);margin-top:.35rem}.cg-card[data-side=bem] .cg-card__detail{color:var(--color-muted)}.cg-fine{max-width:46rem;margin-top:1.25rem}.cg-code{gap:1rem;max-width:64rem;margin-block:1.5rem 2rem;display:grid}@media (min-width:768px){.cg-code{grid-template-columns:1fr 1fr}}.cg-code__block{border:1px solid var(--color-border);border-radius:1rem;min-width:0;margin:0;overflow:hidden}.cg-code__block figcaption{border-bottom:1px solid var(--color-border);color:var(--color-muted);padding:.6rem 1rem;font-size:.8125rem;font-weight:700}.cg-code__block pre{margin:0;padding:1rem;font-size:.875rem;line-height:1.6;overflow-x:auto}.cg-facts{flex-wrap:wrap;margin-top:1rem;padding:0;list-style:none;display:flex}