html[data-ui=material] .guide-shell{--guide-gutter:36px;--guide-reading-width:680px;grid-template-columns:192px minmax(0,760px) 174px;justify-content:center;align-items:start;gap:32px;width:min(1376px,100% - 64px);padding-block:36px 72px;display:grid}.guide-shell .docs-sidebar,.guide-shell .docs-toc{min-width:0;padding-top:10px;position:sticky;top:96px}.guide-shell .docs-home{min-height:44px;color:var(--ink);align-items:center;gap:9px;margin-bottom:15px;padding-inline:8px;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.guide-shell .docs-home svg{color:var(--accent-text)}.guide-shell .docs-section+.docs-section{margin-top:8px}.guide-shell .docs-section>summary{border-radius:var(--radius-control);min-height:44px;color:var(--muted);cursor:pointer;align-items:center;gap:9px;padding:10px 8px;font-size:.875rem;font-weight:550;line-height:1.5;list-style:none;display:flex}.guide-shell .docs-section>summary::-webkit-details-marker{display:none}.guide-shell .docs-section>summary:after{content:"›";margin-left:auto;font-size:1.125rem;line-height:1;transform:rotate(0)}.guide-shell .docs-section[open]>summary:after{transform:rotate(90deg)}.guide-shell .docs-section>summary[aria-current]{color:var(--ink);font-weight:600}.guide-shell .docs-section>summary:hover{color:var(--ink);background:var(--glass-hover)}.guide-shell .docs-section>summary:active{background:var(--glass-down)}.guide-shell .docs-group{margin-block:5px 15px}.guide-shell .group-label{color:var(--muted);margin:14px 8px 5px;font-size:.75rem;font-weight:550;line-height:1.6}.guide-shell .docs-group a{border-radius:0 var(--radius-small) var(--radius-small) 0;color:var(--muted);overflow-wrap:anywhere;border-left:2px solid #0000;padding:9px 9px 9px 15px;font-size:.875rem;line-height:1.5;text-decoration:none;display:block}.guide-shell .docs-group a:hover{color:var(--ink);background:var(--glass-hover)}.guide-shell .docs-group a:active{background:var(--glass-down)}.guide-shell .docs-group a[aria-current]{color:var(--ink);border-left-color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, transparent);font-weight:550}.guide-shell .docs-sidebar:has(.docs-section[open]~.docs-section[open]),.guide-shell .docs-toc.long-contents{position:static}.guide-shell .reading-surface{min-width:0;color:var(--ink);background:var(--glass-reading-surface);border:1px solid var(--glass-edge);border-radius:var(--radius-pane);box-shadow:var(--glass-shadow);backdrop-filter:blur(24px)saturate(1.08)}.guide-shell .document-bar{min-height:47px;padding:10px var(--guide-gutter);border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.75rem;line-height:1.6;display:flex}.guide-shell .document-bar>svg:first-child{color:var(--accent-text)}.guide-shell .document-bar a{text-decoration:none}.guide-shell .document-bar a:hover{text-decoration:underline}.guide-shell .docs-audience-switch{padding:14px var(--guide-gutter) 0;flex-wrap:wrap;gap:4px;display:flex}.guide-shell .docs-audience-switch a{border-radius:var(--radius-control);min-height:44px;color:var(--muted);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:.8125rem;line-height:1.5;text-decoration:none;display:inline-flex}.guide-shell .docs-audience-switch a:hover{color:var(--ink);background:var(--glass-hover)}.guide-shell .docs-audience-switch a[aria-current]{color:var(--ink);border-color:var(--line);background:color-mix(in srgb, var(--accent) 9%, transparent)}.guide-shell .doc-history-note{margin:0 var(--guide-gutter) 28px;border-left:3px solid var(--accent);border-radius:var(--radius-small);background:color-mix(in srgb, var(--accent) 8%, transparent);padding:16px 18px;font-size:.875rem;line-height:1.65}.guide-shell .doc-history-note p{color:var(--muted);margin-top:6px}.guide-shell .doc-history-note a{color:var(--accent-text)}.guide-shell .prose .doc-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-block:22px 30px;display:grid}.guide-shell .prose .doc-topic{border:1px solid var(--glass-edge);border-radius:var(--radius-control);min-width:0;color:var(--ink);background:var(--glass-feature-surface);flex-direction:column;align-items:flex-start;gap:12px;padding:22px;text-decoration:none;display:flex}.guide-shell .prose .doc-topic:hover{background:var(--glass-hover);border-color:var(--accent-text)}.guide-shell .prose .doc-topic>svg{color:var(--accent-text)}.guide-shell .prose .doc-topic h3{margin:0;font-size:1.125rem}.guide-shell .prose .doc-topic p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.65}.guide-shell .prose .doc-topic span{color:var(--accent-text);align-items:center;gap:8px;margin-top:auto;padding-top:4px;font-size:.8125rem;line-height:1.6;display:inline-flex}.guide-shell .doc-history-list{border:1px solid var(--line);border-radius:var(--radius-control);margin-block:24px;padding:16px 18px}.guide-shell .doc-history-list summary{cursor:pointer;align-content:center;min-height:44px;font-size:.9375rem;font-weight:550;display:list-item}.guide-shell :is(.doc-heading,.prose,.doc-pagination,.guide-contents){width:min(calc(100% - var(--guide-gutter) - var(--guide-gutter)), var(--guide-reading-width));max-width:var(--guide-reading-width);margin-inline:auto}.guide-shell .doc-heading{padding-block:33px 28px}.guide-shell .doc-heading h1{font-family:var(--font-body);letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;font-size:clamp(2rem,3.2vw,2.65rem);font-weight:600;line-height:1.14}.guide-shell .doc-heading .lead{max-width:60ch;color:var(--muted);margin-top:17px;font-size:1.0625rem;line-height:1.75}.guide-shell .prose{overflow-wrap:anywhere;min-width:0;font-size:1.0625rem;line-height:1.8}.guide-shell .prose>:first-child{margin-top:0}.guide-shell .prose p{margin-block:17px}.guide-shell .prose :is(h2,h3,h4){font-family:var(--font-body);letter-spacing:-.025em;font-weight:600;line-height:1.3}.guide-shell .prose [id]{scroll-margin-top:20px}.guide-shell .prose h2{margin-block:43px 18px;font-size:1.65rem}.guide-shell .prose h3{margin-block:29px 15px;font-size:1.25rem}.guide-shell .prose h4{margin-block:25px 12px;font-size:1.0625rem}.guide-shell .prose a{color:var(--accent-text);text-decoration-color:color-mix(in srgb, var(--accent-text) 55%, transparent);text-underline-offset:.2em}.guide-shell .prose a:hover{text-decoration-color:currentColor}.guide-shell .prose :is(ul,ol){padding-left:23px}.guide-shell .prose li+li{margin-top:9px}.guide-shell .prose code{border-radius:var(--radius-small);overflow-wrap:anywhere}.guide-shell .prose pre{border-radius:var(--radius-control);max-width:100%;overflow-x:auto}.guide-shell .prose pre code{white-space:pre;overflow-wrap:normal}.guide-shell .prose table{max-width:100%;display:block;overflow-x:auto}.guide-shell .prose :is(th,td){min-width:90px}.guide-shell .prose figure{margin-block:27px}.guide-shell .prose figure img{width:auto;max-width:100%;height:auto}.guide-shell .prose .image-caption{font-size:.8125rem;line-height:1.6}.guide-shell .doc-pagination{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:39px;padding-block:23px 28px;display:grid}.guide-shell .doc-pagination a{border-radius:var(--radius-control);min-height:70px;color:var(--ink);padding:8px 6px;text-decoration:none;display:block}.guide-shell .doc-pagination a:last-child{text-align:right}.guide-shell .doc-pagination a:hover{background:var(--glass-hover)}.guide-shell .doc-pagination a:active{background:var(--glass-down)}.guide-shell .doc-pagination span{color:var(--muted);align-items:center;gap:8px;font-size:.75rem;line-height:1.6;display:flex}.guide-shell .doc-pagination a:last-child span{justify-content:flex-end}.guide-shell .doc-pagination strong{margin-top:7px;font-size:.9375rem;font-weight:550;line-height:1.5;display:block}.guide-shell .docs-toc{border-left:1px solid var(--line);padding:14px 0 0 18px}.guide-shell .docs-toc>.eyebrow{color:var(--ink);font-size:.75rem;font-weight:550}.guide-shell .docs-toc nav{margin-top:12px}.guide-shell .docs-toc a{border-radius:var(--radius-small);color:var(--muted);overflow-wrap:anywhere;margin-inline:-7px;padding:8px 7px;font-size:.8125rem;line-height:1.5;text-decoration:none;display:block}.guide-shell .docs-toc a:hover{color:var(--ink);background:var(--glass-hover)}.guide-shell .docs-toc a:active{background:var(--glass-down)}.guide-shell :is(.guide-contents,.docs-mobile-nav){display:none}@media (width<=1240px){html[data-ui=material] .guide-shell{grid-template-columns:192px minmax(0,800px);gap:28px;width:min(1060px,100% - 48px)}.guide-shell .docs-toc{display:none}.guide-shell .guide-contents{border-block:1px solid var(--line);margin-block:0 24px;padding-block:0;display:block}.guide-shell .guide-contents>summary{min-height:44px;color:var(--muted);cursor:pointer;padding-block:10px;font-size:.875rem;font-weight:550;line-height:1.65}.guide-shell .guide-contents>summary:hover{color:var(--ink)}.guide-shell .guide-contents nav{padding-bottom:12px;display:grid}.guide-shell .guide-contents a{min-height:44px;color:var(--muted);align-items:center;padding-block:9px;font-size:.875rem;line-height:1.5;text-decoration:none;display:flex}.guide-shell .guide-contents a:hover{color:var(--ink);text-decoration:underline}}@media (width<=900px){html[data-ui=material] .guide-shell{grid-template-columns:minmax(0,1fr);gap:15px;width:min(760px,100% - 40px);padding-block:19px 48px}.guide-shell .docs-sidebar{display:none}.guide-shell .docs-mobile-nav{border-bottom:1px solid var(--line);padding-inline:4px;display:block}.guide-shell .docs-mobile-nav>summary{min-height:44px;color:var(--ink);cursor:pointer;padding-block:9px;font-size:.9375rem;line-height:1.7}.guide-shell .docs-mobile-nav nav{padding-block:4px 15px}.guide-shell .docs-mobile-nav .docs-home{margin-block:5px 8px}.guide-shell .docs-mobile-nav .docs-group a{min-height:44px;padding-block:10px;font-size:.9375rem}.guide-shell .docs-mobile-nav .docs-section>summary{font-size:.9375rem}}@media (width<=650px){html[data-ui=material] .guide-shell{--guide-gutter:20px;gap:12px;width:calc(100% - 24px);padding-top:12px}.guide-shell .document-bar{gap:6px;min-height:41px;padding-block:8px}.guide-shell .doc-heading{padding-block:24px}.guide-shell .doc-heading h1{font-size:2rem;line-height:1.16}.guide-shell .doc-heading .lead{margin-top:13px;font-size:1rem;line-height:1.65}.guide-shell .prose{font-size:1rem;line-height:1.75}.guide-shell .prose h2{margin-top:35px;font-size:1.5rem}.guide-shell .prose h3{font-size:1.1875rem}.guide-shell .doc-pagination{margin-top:30px;padding-bottom:20px}}@media (width<=480px){.guide-shell .docs-audience-switch a{gap:5px;padding-inline:7px}.guide-shell .prose .doc-topics{grid-template-columns:minmax(0,1fr)}.guide-shell .prose .doc-topic{padding:20px}.guide-shell .doc-pagination{grid-template-columns:minmax(0,1fr);gap:12px}.guide-shell .doc-pagination>span:empty{display:none}.guide-shell .doc-pagination a:last-child{text-align:left}.guide-shell .doc-pagination a:last-child span{justify-content:flex-start}}@media (width<=350px){html[data-ui=material] .guide-shell{--guide-gutter:16px}}@media (height<=880px){.guide-shell :is(.docs-sidebar,.docs-toc){position:static}}@supports not (backdrop-filter:blur(1px)){.guide-shell .reading-surface{background:var(--paper)}}@media (prefers-reduced-transparency:reduce){.guide-shell .reading-surface{background:var(--paper);backdrop-filter:none;box-shadow:none}}.setup-availability[data-astro-cid-wcaieetn]{margin:22px var(--guide-gutter,36px) 26px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-small);background:color-mix(in srgb,var(--accent) 5%,transparent);padding:18px 20px;font-size:.875rem;line-height:1.7}.setup-availability[data-astro-cid-wcaieetn] p[data-astro-cid-wcaieetn]{color:var(--muted);margin:0}.setup-availability[data-astro-cid-wcaieetn] strong[data-astro-cid-wcaieetn]{color:var(--ink)}.setup-availability[data-astro-cid-wcaieetn] details[data-astro-cid-wcaieetn]{margin-top:10px}.setup-availability[data-astro-cid-wcaieetn] summary[data-astro-cid-wcaieetn]{cursor:pointer;color:var(--accent-text);align-content:center;min-height:32px}.setup-availability[data-astro-cid-wcaieetn] ul[data-astro-cid-wcaieetn]{margin:10px 0 0;padding:0;list-style:none}.setup-availability[data-astro-cid-wcaieetn] li[data-astro-cid-wcaieetn]{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.setup-availability[data-astro-cid-wcaieetn] a[data-astro-cid-wcaieetn]{color:var(--accent-text);overflow-wrap:anywhere}.setup-availability[data-astro-cid-wcaieetn] li[data-astro-cid-wcaieetn] span[data-astro-cid-wcaieetn]{color:var(--muted);flex-shrink:0;align-self:center;font-size:.75rem}@media (width<=600px){.setup-availability[data-astro-cid-wcaieetn]{padding:15px}.setup-availability[data-astro-cid-wcaieetn] li[data-astro-cid-wcaieetn]{flex-wrap:wrap;gap:3px 12px}}.design-reference{min-width:0;margin:0 0 40px}.design-reference h2{scroll-margin-top:100px}.design-reference-intro{color:var(--muted)}.design-theme-pair,.design-measurements,.design-capture-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.design-theme{border:1px solid var(--line);border-radius:var(--radius-pane);min-width:0;color:var(--ink);background:var(--bg);color-scheme:light;padding:18px}.design-theme:nth-child(2){color-scheme:dark}.design-theme p,.design-theme strong,.design-theme code,.design-theme dt,.design-theme dd{color:inherit}.design-specimen-label{letter-spacing:.06em;text-transform:uppercase;font-weight:600;margin:0 0 16px!important;font-size:.75rem!important}.design-type-sample{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-small);padding:16px}.design-reference .design-display{font:800 2rem/1.08 var(--font-display);letter-spacing:-.025em;margin:0 0 12px}.design-reference .design-body{font:400 .95rem/1.65 var(--font-body);margin:0}.design-reference .design-support{color:var(--muted);font-size:.78rem;line-height:1.55;display:block}.design-control-samples{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}.design-control-samples .button{text-align:center;min-height:44px;padding:10px 13px;font-size:.82rem;line-height:1.4}.design-reference .design-theme a.button{color:var(--ink);text-decoration:none}.design-reference .design-theme a.button-primary{color:var(--accent-ink)}.design-control-samples .button:focus-visible,.design-focus-example{outline:2px solid var(--focus);outline-offset:3px}.design-control-samples button:disabled{opacity:.58;cursor:default;box-shadow:none;transform:none}.design-role-list{margin:18px 0 0;padding:0;font-size:.75rem}.design-role-list>div{border-top:1px solid var(--line);justify-content:space-between;align-items:start;gap:10px;padding:9px 0;display:flex}.design-role-list dt{align-items:center;gap:7px;font-weight:500;display:flex}.design-role-list dd{text-align:right;min-width:0;margin:0}.design-role-list dd span{font-size:.7rem;display:block}.design-role-list code{overflow-wrap:anywhere;background:0 0!important;padding:0!important;font-size:.7rem!important}.design-swatch{border:1px solid var(--line);border-radius:3px;flex:0 0 16px;width:16px;height:16px;display:inline-block}.design-measurements{margin-top:22px}.design-measurements section{border:1px solid var(--line);border-radius:var(--radius-small);min-width:0;padding:16px}.design-measurements h3{margin:0 0 16px!important;font-size:1.15rem!important}.design-measurements p{font-size:.8rem;line-height:1.6}.design-spacing,.design-radii{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.design-spacing>div,.design-radii>div{gap:8px;font-size:.75rem;display:grid}.design-spacing span{background:var(--accent);height:10px;display:block}.design-radii span{background:var(--glass-face);border:1px solid var(--line);width:44px;height:34px;box-shadow:var(--control-shadow);display:block}.design-identity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.guide-shell .prose .design-reference .design-identity{border:1px solid var(--line);border-top:3px solid var(--product-accent);border-radius:var(--radius-small);min-width:0;color:var(--ink);background:var(--paper);flex-direction:column;gap:9px;padding:16px;font-size:.85rem;text-decoration:none;display:flex}.design-identity:hover{background:var(--surface-raised)}.design-identity-top{align-items:center;gap:10px;display:flex}.design-identity-top img{flex-shrink:0;width:36px;height:36px}.design-identity-top strong{font:700 1.15rem/1.2 var(--font-display)}.design-pattern{border:1px solid var(--line);background-color:var(--stage);background-image:var(--product-pattern);border-radius:3px;height:36px;display:block}.design-identity[data-product=halftone] .design-pattern{background-size:9px 9px}.design-identity[data-product=dashboard] .design-pattern{background-size:18px 18px}.design-reference .design-capture{min-width:0;margin:0}.design-capture-image{background:var(--glass-field);border:1px solid var(--line);border-radius:var(--radius-small);justify-content:center;align-items:center;min-height:280px;padding:12px;display:flex}.design-capture-image img{object-fit:contain;border-radius:0;width:auto;max-width:100%;height:auto;max-height:300px;display:block}.design-capture-mixed .design-capture-image{height:440px;min-height:0}.design-capture-mixed .design-capture-image img{width:auto;max-width:100%;max-height:416px}.design-capture figcaption{color:var(--muted);flex-direction:column;gap:5px;margin-top:10px;font-size:.75rem;line-height:1.55;display:flex}.design-capture figcaption strong{color:var(--ink);font:700 1.1rem/1.2 var(--font-display)}.design-reference .design-evidence-note{color:var(--muted);margin-top:20px;font-size:.78rem;line-height:1.65}.design-anchor{scroll-margin-top:100px;display:block}@media (width<=620px){.design-theme-pair,.design-measurements,.design-capture-grid,.design-identity-grid{grid-template-columns:minmax(0,1fr)}.design-capture-image{min-height:0;padding:18px 12px}.design-capture-mixed .design-capture-image{height:auto;max-height:none;overflow:visible}.design-capture-mixed .design-capture-image img{width:100%;max-width:260px}}@media (forced-colors:active){.design-theme,.design-type-sample,.design-identity,.design-pattern,.design-capture-image{color:canvastext!important;box-shadow:none!important;background:canvas!important;border-color:canvastext!important}.design-swatch{forced-color-adjust:none}.design-control-samples .button{forced-color-adjust:auto}}.setup-walkthrough{min-width:0;margin-bottom:48px}.guide-shell .prose .setup-walkthrough>h2{margin-top:0}.setup-before{border-left:3px solid var(--accent);border-radius:var(--radius-small);background:color-mix(in srgb,var(--accent) 6%,transparent);margin-block:24px;padding:18px 20px;font-size:.9rem;line-height:1.7}.guide-shell .prose .setup-before p{margin-block:8px 0}.setup-choice{border:1px solid var(--line);border-radius:var(--radius-control);flex-wrap:wrap;gap:10px 24px;margin:24px 0 12px;padding:16px 18px;display:flex}.setup-choice legend{padding-inline:5px;font-size:.875rem;font-weight:550}.setup-choice label{cursor:pointer;align-items:center;gap:9px;min-height:44px;font-size:.9375rem;display:inline-flex}.setup-choice input{width:18px;height:18px;accent-color:var(--accent)}.setup-choice input:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.setup-walkthrough:has(#setup-dynamic:checked) .setup-face-halftone,.setup-walkthrough:has(#setup-halftone:checked) .setup-face-dynamic{display:none}.guide-shell .prose .setup-face>h3{margin-block:24px 12px;font-size:1.25rem}.guide-shell .prose .setup-steps{counter-reset:setup-step;margin:0;padding:0;list-style:none}.guide-shell .prose .setup-steps>li{counter-increment:setup-step;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:22px;margin:0;padding:26px 0;display:grid}.guide-shell .prose .setup-step-copy h4{margin:0 0 12px;font-size:1.0625rem;line-height:1.5}.setup-step-copy h4:before{content:counter(setup-step) ". ";color:var(--accent-text)}.guide-shell .prose .setup-step-copy p{margin-block:12px 0;font-size:.9rem;line-height:1.75}.guide-shell .prose .setup-steps figure{align-self:start;min-width:0;margin:0}.setup-steps figure>a{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-control);display:block;overflow:hidden}.setup-steps figure>a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.setup-crop{position:relative}.guide-shell .prose .setup-crop img{width:var(--setup-image-width,100%);max-width:none;height:auto;transform:translateY(calc(-1 * var(--setup-offset)));position:absolute;top:0;left:0}.guide-shell .prose .setup-phone-image img{display:block}.setup-steps figcaption{color:var(--muted);margin-top:9px;font-size:.75rem;line-height:1.6}.setup-save-excerpts>a+a{margin-top:12px}.guide-shell .prose .setup-watch-result>a{width:180px;max-width:100%;margin-inline:auto;padding:12px}.guide-shell .prose .setup-watch-result img{width:100%;height:auto;display:block}.guide-shell .prose .setup-evidence{color:var(--muted);margin-top:22px;font-size:.78rem;line-height:1.65}.setup-details-link{border-bottom:1px solid var(--line);padding-block:12px 20px;font-size:.9rem}@media (width<=1100px) and (width>=901px),(width<=620px){.guide-shell .prose .setup-steps>li{grid-template-columns:minmax(0,1fr);gap:18px}.setup-steps figure{width:min(100%,320px);margin-inline:auto!important}}@media (forced-colors:active){.setup-before{color:canvastext;background:canvas;border-color:highlight}.setup-choice,.setup-steps figure>a{border-color:canvastext}}