.guide-post__byline{color:var(--ink);font-weight:600}.guide-post__section h2{color:var(--ink);font-family:var(--font-display);text-wrap:balance;margin-bottom:.75rem;font-size:1.375rem;font-weight:600;line-height:1.3}.guide-post__section{gap:1rem;display:grid}.guide-post__section+.guide-post__section{margin-top:1.25rem}.product-how{counter-reset:how;gap:1rem;display:grid}@media (min-width:48rem){.product-how{grid-template-columns:repeat(4,minmax(0,1fr))}}.product-how__step{counter-increment:how;border:1px solid var(--surface-line);background:var(--surface);border-radius:1.25rem;padding:1.25rem}.product-how__step:before{content:counter(how);background:var(--accent-soft);width:2rem;height:2rem;color:var(--accent-soft-ink);border-radius:999px;place-items:center;margin-bottom:.75rem;font-weight:600;display:inline-grid}.product-how__step h3{color:var(--ink);font-weight:600}.product-how__step p{color:var(--ink-muted);font-size:var(--text-sm);margin-top:.4rem;line-height:1.6}.product-compare{width:100%;overflow-x:auto}.product-compare table{border-collapse:collapse;width:100%;min-width:40rem;font-size:var(--text-sm)}.product-compare th,.product-compare td{border-bottom:1px solid var(--surface-line);text-align:left;vertical-align:top;padding:.85rem .75rem}.product-compare thead th,.product-compare tbody th{color:var(--ink);font-weight:600}.product-compare td{color:var(--ink-muted)}.product-compare td:first-of-type{color:var(--ink)}@media (max-width:47.99rem){.product-compare table{min-width:0}.product-compare thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.product-compare tbody,.product-compare tr,.product-compare th,.product-compare td{display:block}.product-compare tr{border:1px solid var(--surface-line);background:var(--surface);border-radius:1.25rem;margin-bottom:1rem;padding:.5rem 1rem}.product-compare tbody th,.product-compare td{border-bottom:0;padding:.5rem 0}.product-compare td:before{content:attr(data-label);color:var(--ink-faint);font-size:.75rem;font-weight:600;display:block}}.product-guides{gap:1.25rem;display:grid}@media (min-width:48rem){.product-guides{grid-template-columns:repeat(3,minmax(0,1fr))}}
