.article-head{max-width:44rem;margin:0 0 1.5rem}.article-head h1{font-size:2rem;line-height:1.2;font-weight:800;letter-spacing:-.02em;color:hsl(var(--primary))}.article-byline{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.35rem 1rem;font-size:.875rem;color:#64748b}.article-byline strong{color:#0f172a;font-weight:600}.article-body .article-toc{border:1px solid #e2e8f0;border-radius:.75rem;background:#f8fafc;padding:1rem 1.25rem}.article-body .article-toc p{margin:0 0 .5rem;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b}.article-body .article-toc ol{margin:0;padding-left:1.2rem}.article-body .article-toc li+li{margin-top:.25rem}.article-body .article-toc a{text-decoration:none}.article-body .article-toc a:hover{text-decoration:underline}.article-body .article-takeaways{border-left:4px solid hsl(var(--secondary));background:hsl(var(--primary)/.04);border-radius:0 .75rem .75rem 0;padding:1rem 1.25rem}.article-body .article-takeaways>p:first-child{margin:0 0 .4rem;font-weight:700;color:hsl(var(--primary))}.article-body .article-takeaways ul{margin:0}.article-body .article-callout{border:1px solid #e2e8f0;border-radius:.75rem;padding:.9rem 1.1rem;background:#fff}.article-body .article-callout--note{border-color:hsl(var(--primary)/.25)}.article-body .article-callout--caution{border-color:hsl(var(--secondary)/.55);background:hsl(var(--secondary)/.05)}.article-body .article-callout>strong:first-child{display:block;margin-bottom:.25rem;color:hsl(var(--primary))}.article-body .article-table--compare td:first-child,.article-body .article-table--compare th:first-child{font-weight:600;color:#0f172a;white-space:nowrap}.article-body .article-table caption{caption-side:top;text-align:left;padding:.6rem .85rem;font-size:.85rem;color:#64748b}.article-body figure{margin:1.5rem 0}.article-body figure img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:.75rem;background:#fff}.article-body figcaption{margin-top:.5rem;font-size:.85rem;color:#64748b;text-align:center}.article-body .article-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.85rem;padding:0;list-style:none}.article-body .article-products li+li{margin-top:0}.article-body .article-product{display:flex;gap:.75rem;align-items:center;height:100%;border:1px solid #e2e8f0;border-radius:.75rem;padding:.75rem;background:#fff;text-decoration:none;transition:border-color .15s,box-shadow .15s}.article-body .article-product:hover{border-color:hsl(var(--primary)/.35);box-shadow:0 2px 10px rgb(15 23 42/.06)}.article-body .article-product img{width:4rem;height:4rem;object-fit:contain;flex:none;border-radius:.5rem}.article-body .article-product span{font-size:.9rem;line-height:1.35;color:#0f172a;font-weight:600}.article-body .article-product small{display:block;margin-top:.15rem;font-weight:400;color:#64748b}.article-body .article-faq details{border-bottom:1px solid #e2e8f0;padding:.85rem 0}.article-body .article-faq details:first-of-type{border-top:1px solid #e2e8f0}.article-body .article-faq summary{cursor:pointer;list-style:none;font-weight:650;color:#0f172a;display:flex;justify-content:space-between;gap:1rem}.article-body .article-faq summary::-webkit-details-marker{display:none}.article-body .article-faq summary:after{content:"+";color:hsl(var(--secondary));font-weight:700}.article-body .article-faq details[open] summary:after{content:"–"}.article-body .article-faq details>p{margin-top:.5rem}.article-body .article-cta{display:inline-block;padding:.65rem 1.1rem;border-radius:9999px;background:var(--cta);color:var(--cta-foreground);font-weight:600;text-decoration:none}.article-body .article-cta:hover{background:var(--cta-hover)}.article-body .article-sources{font-size:.85rem;color:#64748b;border-top:1px solid #e2e8f0;padding-top:.75rem}@media (max-width:640px){.article-head h1{font-size:1.6rem}.article-body .article-products{grid-template-columns:1fr}}@media print{.article-body .article-faq details{display:block}.article-body .article-faq summary:after{content:""}}