.article{color:#374151;font-size:1rem;line-height:1.75}.article h2,.article h3{scroll-margin-top:6.5rem}.article h2{letter-spacing:-.01em;color:#111827;margin-top:2.5rem;margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.article h3{color:#111827;margin-top:2rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.article p{margin:1rem 0}.article ul,.article ol{margin:1rem 0;padding-left:1.5rem}.article ul{list-style:outside}.article ol{list-style:decimal}.article li{margin:.35rem 0}.article a{color:var(--primary);text-underline-offset:2px;font-weight:500;text-decoration:underline}.article a:hover{opacity:.8}.article strong{color:#111827;font-weight:600}.article blockquote{border-left:3px solid color-mix(in srgb, var(--primary) 45%, transparent);color:#4b5563;margin:1.25rem 0;padding-left:1rem;font-style:italic}.article blockquote.quick-answer{color:#1f2937;background:color-mix(in srgb, var(--primary) 6%, white);border-left-width:4px;border-radius:0 .5rem .5rem 0;padding:1rem 1.25rem;font-style:normal;font-weight:500}.article code{font-family:var(--font-geist-mono), ui-monospace, monospace;background:#f3f4f6;border-radius:4px;padding:.1rem .3rem;font-size:.875em}.article hr{border:0;border-top:1px solid #e5e7eb;margin:2rem 0}.article img{border-radius:.75rem;width:100%;margin:1.75rem 0}.article figure{margin:1.75rem 0}.article figure img{margin:0}.article figcaption{text-align:center;color:#6b7280;margin-top:.6rem;font-size:.8125rem;line-height:1.5}.article .table-wrap{border:1px solid #e5e7eb;border-radius:.75rem;margin:1.75rem 0;overflow:hidden;container-type:inline-size}.article table{border-collapse:collapse;table-layout:auto;width:100%;font-size:.9375rem;line-height:1.5}.article thead th{text-align:left;color:#111827;background:#f9fafb;font-weight:600}.article th,.article td{vertical-align:top;overflow-wrap:break-word;border-bottom:1px solid #f0f1f3;padding:.7rem 1rem}.article tbody tr:last-child td{border-bottom:0}.article tbody td:first-child{color:#111827;font-weight:600}@container (max-width:52rem){.article .table-wrap--wide table,.article .table-wrap--wide tbody,.article .table-wrap--wide tr,.article .table-wrap--wide td{display:block}.article .table-wrap--wide thead{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.article .table-wrap--wide tbody{display:grid}.article .table-wrap--wide tr{border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.article .table-wrap--wide tr:last-child{border-bottom:0}.article .table-wrap--wide td{border-bottom:1px solid #f0f1f3;min-width:0}.article .table-wrap--wide td:before{content:attr(data-label);color:#6b7280;letter-spacing:.02em;text-transform:uppercase;margin-bottom:.2rem;font-size:.75rem;font-weight:600;line-height:1.4;display:block}.article .table-wrap--wide td:first-child{background:#f9fafb;grid-column:1/-1;font-size:1rem}.article .table-wrap--wide td:first-child:before{margin-bottom:.25rem}}@container (max-width:32rem){.article .table-wrap[data-columns="3"] table,.article .table-wrap[data-columns="3"] tbody,.article .table-wrap[data-columns="3"] tr,.article .table-wrap[data-columns="3"] td{display:block}.article .table-wrap[data-columns="3"] thead{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.article .table-wrap[data-columns="3"] tr,.article .table-wrap--wide tr{border-bottom:1px solid #e5e7eb;grid-template-columns:minmax(0,1fr);display:grid}.article .table-wrap[data-columns="3"] tr:last-child{border-bottom:0}.article .table-wrap[data-columns="3"] td{border-bottom:1px solid #f0f1f3;min-width:0}.article .table-wrap[data-columns="3"] td:before{content:attr(data-label);color:#6b7280;letter-spacing:.02em;text-transform:uppercase;margin-bottom:.2rem;font-size:.75rem;font-weight:600;line-height:1.4;display:block}.article .table-wrap[data-columns="3"] td:first-child{background:#f9fafb;font-size:1rem}.article .table-wrap[data-columns="3"] td:last-child{border-bottom:0}.article .table-wrap--wide td:first-child,.article .table-wrap--wide td:last-child{grid-column:auto}}.article .takeaways{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.875rem;margin:1.75rem 0;padding:1.25rem 1.5rem}.article .takeaways-title{color:#111827;letter-spacing:-.01em;font-weight:600}.article .takeaways ul{margin:.6rem 0 0}.article .takeaways li{margin:.3rem 0}.article .callout{border:1px solid color-mix(in srgb, var(--primary) 28%, #e5e7eb);background:color-mix(in srgb, var(--primary) 6%, #fff);border-radius:.875rem;margin:1.75rem 0;padding:1rem 1.25rem}.article .callout-title{color:color-mix(in srgb, var(--primary) 78%, #000);font-weight:600}.article .callout>:first-child{margin-top:0}.article .callout>:last-child{margin-bottom:0}.article .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.75rem 0;display:grid}@media (max-width:30rem){.article .stat-grid{grid-template-columns:1fr}}.article .stat{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:.875rem;padding:1.25rem 1rem}.article .stat-num{letter-spacing:-.02em;color:var(--primary);font-size:1.875rem;font-weight:700;line-height:1.1}.article .stat-label{color:#6b7280;margin-top:.35rem;font-size:.8125rem;line-height:1.4}.article .proscons{gap:1rem;margin:1.75rem 0;display:grid}@media (min-width:640px){.article .proscons{grid-template-columns:1fr 1fr}}.article .pros,.article .cons{border:1px solid #e5e7eb;border-radius:.875rem;padding:1rem 1.25rem}.article .pros{background:#f0fdf4;border-color:#bbf7d0}.article .cons{background:#fef2f2;border-color:#fecaca}.article .pc-title{font-weight:600}.article .pros .pc-title{color:#15803d}.article .cons .pc-title{color:#b91c1c}.article .pros ul,.article .cons ul{margin:.5rem 0 0}.article .pills{flex-wrap:wrap;gap:.5rem;margin:.5rem 0 0;display:flex}.article .pill{color:#374151;background:#f3f4f6;border-radius:999px;padding:.25rem .7rem;font-size:.75rem;font-weight:600}.article .pill-best{background:color-mix(in srgb, var(--primary) 12%, #fff);color:color-mix(in srgb, var(--primary) 78%, #000)}
