.article{max-inline-size:var(--measure);margin-inline:auto;padding-block:2.5rem 3rem}:root[dir=rtl] .article{max-inline-size:var(--measure-rtl)}.guide__section{font-family:var(--font-display);font-weight:900;font-size:var(--step-s);letter-spacing:.04em;text-transform:uppercase;color:var(--section-text);margin-block-end:1rem}:root[dir=rtl] .guide__section{letter-spacing:0}.guide__section a{color:inherit;border-block-end:var(--rule-width) solid var(--section-fill);min-block-size:24px;padding-block-end:.1em;text-decoration:none;display:inline-block}.guide__section a:hover{background:var(--section-tint)}.byline{font-size:var(--step-0);color:var(--ink-quiet);margin-block-start:1rem}.verification-line{max-inline-size:100%;margin-block-start:1.25rem}main[data-state=confirmed] .verification-line{background:var(--lime)}.updated{font-size:var(--step-0);color:var(--ink-quiet);margin-block-start:1rem}.body{margin-block-start:2.5rem}.body>p,.body>ul,.body>ol,.body>blockquote,.body .callout>p,.body .callout>ul,.body .callout>ol{font-size:var(--step-1);text-wrap:pretty;margin-block-end:1.25rem}.body>ul,.body>ol,.body .callout>ul,.body .callout>ol{padding-inline-start:1.5rem}.body li{margin-block-end:.5rem}.body h2{font-family:var(--font-display);font-weight:900;font-size:var(--step-3);letter-spacing:-.02em;text-wrap:balance;border-block-end:3px solid var(--section-fill);margin-block:3rem .75rem;padding-block-end:.5rem;line-height:1.15}:root[dir=rtl] .body h2{letter-spacing:0;line-height:1.35}.body h3{font-family:var(--font-display);font-weight:900;font-size:var(--step-2);margin-block:2rem .5rem;line-height:1.25}.body a{text-decoration-thickness:1.5px}.body code{font-family:var(--font-code);background:var(--section-tint);overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate;padding:.05em .35em;font-size:.9em}.body>pre{border:var(--rule);text-align:start;direction:ltr;unicode-bidi:isolate;margin-block:1.25rem 1.5rem;padding:1rem 1.25rem;overflow-x:auto}.body pre code{font-family:var(--font-code);white-space:pre;background:0 0;padding:0;font-size:.9rem;line-height:1.55}.body table{border-collapse:collapse;border:var(--rule);inline-size:100%;font-size:var(--step-0);margin-block:1.25rem 1.5rem}.body th,.body td{border:1px solid var(--ink);text-align:start;vertical-align:top;padding:.6rem .75rem}.body th{border-block-end:var(--rule);background:var(--section-tint);font-weight:600}.example{border:var(--rule);background:var(--paper);box-shadow:var(--shadow);margin-block:1.5rem 2rem}@media (width>=60rem) and (width<=71.9375rem){.example{--example-width:52rem;inline-size:var(--example-width);margin-inline-start:calc((var(--measure) - var(--example-width)) / 2)}:root[dir=rtl] .example{margin-inline-start:calc((var(--measure-rtl) - var(--example-width)) / 2)}}.example__head{background:var(--section-fill);color:var(--section-on-fill);font-family:var(--font-display);font-weight:900;font-size:var(--step-s);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;align-items:baseline;gap:.5rem;padding:.5rem 1rem;display:flex}:root[dir=rtl] .example__head{letter-spacing:0}.copy{border:1px solid var(--section-on-fill);background:var(--paper);min-block-size:24px;color:var(--ink);font:inherit;font-size:var(--step-s);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;margin-inline-start:auto;padding:.15rem .6rem}:root[dir=rtl] .copy{letter-spacing:0}.copy:hover{background:var(--section-tint)}.copy:focus-visible{outline-color:var(--paper);outline-offset:2px}.copy__status{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.body .example__id{font-family:var(--font-code);color:inherit;text-transform:none;letter-spacing:0;background:0 0;padding:0;font-size:.9em}.example__code,.example__out{text-align:start;font-family:var(--font-code);direction:ltr;unicode-bidi:isolate;margin:0;padding:1rem 1.25rem;font-size:.9rem;line-height:1.55;overflow-x:auto}.example__code code,.example__out code{font-size:inherit;white-space:pre;background:0 0;padding:0}.example__out,.body .example__out code{white-space:pre-wrap;overflow-wrap:anywhere}.example__output{border-block-start:var(--rule);background:var(--section-tint);padding-block-end:.25rem}.example__output-label{font-family:var(--font-display);font-weight:900;font-size:var(--step-s);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);padding:.5rem 1.25rem 0}:root[dir=rtl] .example__output-label{letter-spacing:0}.toc{margin-block-start:1.5rem}.toc__summary{border:var(--rule);background:var(--paper);min-block-size:24px;color:var(--ink);font-family:var(--font-display);font-weight:900;font-size:var(--step-s);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;align-items:center;gap:.5rem;padding:.4rem .9rem;list-style:none;display:inline-flex}.toc__summary::-webkit-details-marker{display:none}.toc__summary:before{content:"+";font-family:var(--font-code)}.toc__fold[open]>.toc__summary:before{content:"−"}:root[dir=rtl] .toc__summary{letter-spacing:0}.toc__list{font-size:var(--step-0);gap:.45rem;margin-block-start:.75rem;padding-inline-start:1.5rem;line-height:1.5;display:grid}.toc__item::marker{font-family:var(--font-display);color:var(--section-text);font-weight:900}.toc__link{min-block-size:24px;text-decoration-thickness:1px;display:inline-block}@media (width>=72rem){.article{grid-template-columns:[list-start] minmax(14rem, 24rem) [list-end prose-start] var(--prose) [prose-end stamps-start] minmax(13rem, 24rem) [stamps-end];justify-content:center;align-items:start;gap:0 2.5rem;max-inline-size:none;display:grid}:root[dir=rtl] .article{grid-template-columns:[list-start] minmax(14rem, 24rem) [list-end prose-start] var(--prose-rtl) [prose-end stamps-start] minmax(13rem, 24rem) [stamps-end];max-inline-size:none}.article__title{grid-area:1/prose}.guide__section{grid-area:1/stamps;margin-block-end:0;padding-block-start:.6rem}.byline{grid-area:2/prose}.verification-line{grid-area:2/stamps;justify-self:start;margin-block-start:1.5rem}.updated{grid-area:3/stamps;margin-block-start:1.25rem}.toc{grid-area:4/list;align-self:start;max-block-size:calc(100vh - 3rem);margin-block-start:2.5rem;position:sticky;inset-block-start:1.5rem;overflow-y:auto}.body{grid-area:4/prose-start/auto/stamps-end;grid-template-columns:subgrid;align-items:start;display:grid}.body>*{grid-column:prose}.body>.example,.body>table{grid-column:prose-start/stamps-end}.next{grid-area:5/prose}@supports selector(::details-content){.toc__fold::details-content{content-visibility:visible;display:block}.toc__summary{display:none}.toc__list{margin-block-start:0}}}.callout{border:var(--rule);border-inline-start:6px solid var(--section-fill);background:var(--section-tint);box-shadow:var(--shadow);margin-block:3rem 2rem;padding:1.25rem 1.5rem .25rem}.callout h2{border-block-end:none;margin-block:0 1rem;padding-block-end:0}.callout h3{margin-block-start:1.25rem}.callout code{background:var(--paper)}.next{gap:1.25rem;margin-block-start:3.5rem;display:grid}@media (width>=40rem){.next{grid-template-columns:1fr 1fr}}.next__card{border:var(--rule);background:var(--paper);box-shadow:var(--shadow);align-content:start;gap:.5rem;padding:1rem 1.25rem 1.25rem;display:grid}.next__heading{font-family:var(--font-display);font-weight:900;font-size:var(--step-2);letter-spacing:-.01em;margin-block-end:.25rem;line-height:1.2}:root[dir=rtl] .next__heading{letter-spacing:0}.next__title{font-size:var(--step-1);text-wrap:balance;font-weight:600;line-height:1.35}a.next__title{text-decoration-thickness:1.5px}.next__stamp{margin-block-start:.5rem}.next__stamp .stamp{rotate:-1.5deg}:root[dir=rtl] .next__stamp .stamp{rotate:1.5deg}@media (width<=34rem){.example__head,.example__code,.example__out,.callout{padding-inline:1rem}}