.c-article__head{position:relative;isolation:isolate;padding-bottom:var(--s-7);border-bottom:1px solid var(--border)}.c-article__head::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle,var(--dot-grid) 1px,transparent 1.4px) 0 0 / 24px 24px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 90%);mask-image:linear-gradient(to bottom,#000,transparent 90%)}.c-article__header{max-width:860px;padding-top:var(--s-6)}@media (min-width:1024px){.c-article__header{padding-top:var(--s-7)}}.c-article__title{margin-bottom:var(--s-5);max-width:24ch}.c-article__lead{max-width:62ch;margin-bottom:var(--s-5);font-size:var(--fs-lead);line-height:var(--lh-lead)}.c-article__meta{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);margin:0;color:var(--text-muted);font-size:var(--fs-small)}.c-article__meta-item{display:inline-flex;align-items:center;gap:var(--s-2)}.c-article__meta-item .c-icon{width:18px;height:18px;color:var(--text-muted)}.c-article__legal{margin:var(--s-5) 0 0;max-width:720px}.c-article__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-6);padding-block:var(--s-7) var(--section-y)}@media (min-width:1024px){.c-article__layout{grid-template-columns:232px minmax(0,720px);gap:var(--s-8);align-items:start}.c-article__toc{position:sticky;top:var(--sticky-top);max-height:calc(100vh - var(--sticky-top) - var(--s-5));overflow-y:auto;padding-right:var(--s-2)}}@media (min-width:1280px){.c-article__layout{grid-template-columns:260px minmax(0,740px);gap:var(--s-9)}}@media (max-width:1023.98px){.c-article__toc{padding:var(--s-4) var(--s-5);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}}.c-article__body{min-width:0;max-width:none}.c-article__body > section{margin-bottom:var(--s-8)}.c-article__body > section:last-child{margin-bottom:0}.c-article__body > section > h2:first-child{margin-top:0}.c-article__body h2{font-size:clamp(1.5rem,1.3rem + 0.9vw,2rem)}.c-article__body p,.c-article__body li{max-width:68ch}.c-article__body .c-table-wrap,.c-article__body .c-code,.c-article__body .c-banner{margin-block:var(--s-5)}.c-article__body .c-table-wrap .c-table,.c-article__body .c-table p{max-width:none}.c-compare-bad,.c-compare-good{position:relative;margin:0;padding:var(--s-4) var(--s-5) var(--s-4) calc(var(--s-5) + 28px);border:1px solid var(--border);background:var(--surface)}.c-compare-bad{border-radius:var(--r-md) var(--r-md) 0 0;border-bottom-style:dashed}.c-compare-good{border-top:0;border-radius:0 0 var(--r-md) var(--r-md);margin-bottom:var(--s-6)}.c-compare-good + .c-compare-bad{margin-top:var(--s-5)}.c-compare-bad:not(:has(+ .c-compare-good)){border-radius:var(--r-md);border-bottom-style:solid;margin-bottom:var(--s-5)}:not(.c-compare-bad) + .c-compare-good{border-top:1px solid var(--border);border-radius:var(--r-md)}.c-compare-bad::before,.c-compare-good::before{content:"";position:absolute;left:var(--s-4);top:calc(var(--s-4) + 2px);width:22px;height:22px;border-radius:50%;background:var(--fail-bg);box-shadow:inset 0 0 0 1.5px var(--fail)}.c-compare-bad::after,.c-compare-good::after{content:"";position:absolute;left:calc(var(--s-4) + 6px);top:calc(var(--s-4) + 8px);width:10px;height:10px;background:var(--fail);clip-path:polygon(20% 0,50% 30%,80% 0,100% 20%,70% 50%,100% 80%,80% 100%,50% 70%,20% 100%,0 80%,30% 50%,0 20%)}.c-compare-good::before{background:var(--pass-bg);box-shadow:inset 0 0 0 1.5px var(--pass)}.c-compare-good::after{left:calc(var(--s-4) + 5px);top:calc(var(--s-4) + 9px);width:12px;height:9px;background:var(--pass);clip-path:polygon(0 52%,14% 38%,38% 62%,86% 0,100% 14%,38% 92%)}.c-compare-bad > p:first-child > strong:first-child{color:var(--fail)}.c-compare-good > p:first-child > strong:first-child{color:var(--pass)}.c-compare-bad > :last-child,.c-compare-good > :last-child{margin-bottom:0}.c-compare-bad .c-code,.c-compare-good .c-code{margin:var(--s-3) 0 0;background:var(--bg)}.c-article__tool{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s-3) var(--s-4);align-items:start;margin:var(--s-7) 0;padding:var(--s-5)}.c-article__tool-content > *{margin:0}.c-article__tool-title{margin:var(--s-1) 0;font-family:var(--font-display);font-size:var(--fs-h3);font-weight:600;line-height:var(--lh-h3)}.c-article__tool-text{color:var(--text)}.c-article__tool-button{grid-column:1 / -1;justify-self:stretch;max-width:100%;white-space:normal}@media (min-width:768px){.c-article__tool{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.c-article__tool-button{grid-column:3;justify-self:start}}.c-article__check-form{padding:var(--s-5);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}@media (min-width:768px){.c-article__check-form{padding:var(--s-6) var(--s-7)}}.c-article__check-form > h2{margin:0 0 var(--s-4);font-size:var(--fs-h3);line-height:var(--lh-h3)}.c-article__check-list{display:grid;gap:var(--s-3);margin-top:var(--s-5)}.c-article__check{padding:var(--s-4) var(--s-5);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);scroll-margin-top:88px}.c-article__check:target{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.c-article__check .c-article__check-title{margin:0 0 var(--s-2);font-family:var(--font-body);font-size:var(--fs-h4);font-weight:700;line-height:var(--lh-h4)}.c-article__check .c-article__check-meta{display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s-5);margin:0 0 var(--s-3);font-size:0.8125rem}.c-article__check .c-article__check-meta > div{display:flex;gap:var(--s-1);margin:0}.c-article__check-meta dt{color:var(--text-muted);font-weight:600}.c-article__check-meta dt::after{content:":"}.c-article__check-meta dd{margin:0}.c-article__check .c-article__check-rule{margin:0;color:var(--text);font-size:var(--fs-small)}.c-article__body .c-faq__title{margin-bottom:var(--s-5)}.c-article__body .c-faq__question{font-size:1.0625rem}.c-article__body .c-faq__answer{padding-right:0}.c-article__sources .c-sources{max-width:68ch}.c-article__related h2{margin-bottom:var(--s-6)}.c-article__related-list{display:grid;gap:var(--s-4);margin:0;padding:0;list-style:none;grid-template-columns:minmax(0,1fr)}.c-article__related-list > li{margin:0}@media (min-width:768px){.c-article__related-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.c-article__related-list .c-card__footer{padding-top:var(--s-3)}@media (forced-colors:active){.c-compare-bad::before,.c-compare-good::before{box-shadow:inset 0 0 0 1.5px CanvasText}.c-compare-bad::after,.c-compare-good::after{background:CanvasText}}