.blog-article-page{max-width:64rem}.blog-article-sheet{margin-top:2rem;padding:clamp(1.15rem,4vw,3.5rem)}.blog-article-languages{display:flex;flex-wrap:wrap;gap:.65rem 1.25rem}.blog-article-languages a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:.2em}.blog-article-languages a:not(.storefront-button){color:var(--r-a-400)}.blog-article-languages a[aria-current=page]{font-weight:800;text-decoration:underline}.blog-article-heading{padding-block:2rem}.blog-article-heading .eyebrow{display:flex;align-items:center;gap:.5rem}.blog-article-heading h1{margin-block:1rem;line-height:1.15;text-wrap:balance;overflow-wrap:anywhere}.blog-article-description{font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.65;color:var(--r-n-400)}.blog-article-byline{margin-top:1.25rem;font-size:.875rem;line-height:1.7;color:var(--r-n-500)}.blog-article-body{overflow-wrap:anywhere}.blog-article-body :is(h2,h3,h4){scroll-margin-top:6rem}.blog-article-body .toc{padding:1.25rem;margin-block:1rem 2rem;border:1px solid rgb(var(--r-line) / .15);border-radius:1rem;background:var(--r-n-900)}.blog-article-body .toc h2{margin-top:0;font-size:1.1rem}.blog-article-body .toc ol{margin-bottom:0}.blog-article-body :is(.callout,.cta){padding:1rem 1.25rem;margin-block:1.5rem;border:1px solid rgb(var(--r-line) / .15);border-radius:1rem}.blog-article-body table{width:100%;table-layout:fixed;font-size:.9em}.blog-article-body :is(th,td){padding:.55rem;text-align:start;vertical-align:top;border:1px solid rgb(var(--r-line) / .2)}.blog-article-body caption{text-align:start;font-weight:700;margin-bottom:.75rem}.blog-article-body :is(pre,code){white-space:pre-wrap;overflow-wrap:anywhere}.blog-article-body blockquote{border:0;border-inline-start:3px solid var(--r-a-400);padding-inline-start:1rem}.blog-article-body :is(ul,ol){padding-inline-start:1.5rem;padding-inline-end:0}.blog-article-body summary{cursor:pointer;font-weight:700}.blog-article-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgb(var(--r-line) / .15)}@media(max-width:440px){.blog-article-page{padding-inline:.75rem}.blog-article-body table{font-size:.8em}.blog-article-body :is(th,td){padding:.35rem}}.blog-article-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgb(var(--r-line) / .15)}.blog-article-pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2.5rem}.blog-article-pagination a{display:block;padding:1rem;border:1px solid rgb(var(--r-line) / .2);border-radius:1rem;color:var(--r-a-400);text-decoration:none;overflow-wrap:anywhere}.blog-article-pagination a[rel=next]{grid-column:2}.blog-article-pagination span{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8rem}.blog-article-pagination strong{font-size:.95rem;line-height:1.5}.blog-article-pagination a:hover{background:var(--r-n-900)}@media(max-width:440px){.blog-article-pagination{gap:.5rem}.blog-article-pagination a{padding:.65rem}}.blog-article-body .guide-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-block:2rem}.blog-article-body figure{min-width:0;margin:1.5rem 0}.blog-article-body .guide-figures figure{margin:0}.blog-article-body figure img{display:block;width:100%;height:auto;margin:0;border-radius:.75rem}.blog-article-body figcaption{margin-top:.7rem;font-size:.85em;line-height:1.6}.blog-article-body .guide-screen{max-width:27rem;margin-inline:auto}@media(max-width:640px){.blog-article-body .guide-figures{grid-template-columns:minmax(0,1fr)}}