.user-guide{background:var(--md-sys-color-surface);height:100%;min-height:0;color:var(--md-sys-color-on-surface);font-family:var(--font-ui,Inter,sans-serif);font-size:var(--ui-type-body);line-height:var(--ui-type-line-height);flex-direction:column;display:flex}.user-guide :is(button,input,select){font:inherit}.user-guide button{cursor:pointer}.user-guide :is(button,input,select):focus-visible,.ug-launch:focus-visible{outline:2px solid var(--system-focus);outline-offset:3px}.ug-toolbar{border-bottom:1px solid var(--system-border);flex:none;align-items:center;gap:24px;padding:16px 24px;display:flex}.ug-search{background:var(--md-sys-color-surface-container-low);border:1px solid var(--system-border);min-width:0;min-height:56px;color:var(--system-muted);border-radius:28px;flex:1;align-items:center;gap:12px;padding:0 16px;display:flex}.ug-search:focus-within{border-color:var(--system-focus)}.ug-search input{width:100%;min-width:0;color:var(--system-text);background:0 0;border:0;padding:14px 0}.ug-search input:focus-visible{outline:0}.ug-search button{width:40px;height:40px;color:var(--system-muted);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.ug-audience{font-size:var(--ui-type-field-label);color:var(--system-muted);flex:none;align-items:center;gap:12px;display:flex}.ug-audience .app-select{min-width:170px}.ug-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;overflow:auto}.ug-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:32px;max-width:1280px;margin:0 auto;padding:24px;display:grid}.ug-nav{flex-direction:column;gap:4px;min-width:0;display:flex;position:sticky;top:24px}.ug-nav button{text-align:left;min-height:44px;color:var(--system-text);background:0 0;border:0;border-radius:24px;align-items:center;gap:10px;padding:10px 16px;display:flex}.ug-nav button span{color:var(--system-muted);font-size:var(--ui-type-compact);margin-left:auto}.ug-nav button[aria-current]{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.ug-nav button[aria-current] span{color:inherit}.user-guide button:hover{background:var(--system-hover)}.ug-main{min-width:0;max-width:900px;padding-bottom:32px}.user-guide :is(h1,h2,h3,p){margin:0}.user-guide h1{font-size:var(--ui-type-page);font-weight:var(--ui-type-weight-emphasis,600);line-height:var(--ui-type-line-height)}.user-guide :is(h2,h3){font-size:var(--ui-type-section);font-weight:var(--ui-type-weight-medium,500);line-height:var(--ui-type-line-height)}.ug-home-heading p,.ug-article-heading p{color:var(--system-muted);margin-top:8px}.ug-start{margin:24px 0}.ug-start>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.ug-start button{text-align:left;border:1px solid var(--system-border);background:var(--md-sys-color-surface-container-low);color:var(--system-text);border-radius:16px;flex-direction:column;align-items:start;gap:12px;padding:20px;display:flex}.ug-start button>svg{color:var(--md-sys-color-primary)}.ug-start strong{font-size:var(--ui-type-section);font-weight:500}.ug-start button>span{width:100%;color:var(--system-muted);font-size:var(--ui-type-compact);justify-content:space-between;align-items:center;display:flex}.ug-meta{font-size:var(--ui-type-compact);color:var(--system-muted)}.ug-results{border-top:1px solid var(--system-border);flex-direction:column;margin-top:8px;display:flex}.ug-results>button{text-align:left;border:0;border-bottom:1px solid var(--system-border);color:var(--system-text);background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:20px;padding:18px 12px;display:flex}.ug-results>button>svg{color:var(--system-muted);flex:none}.ug-results h2{margin:4px 0}.ug-results p{color:var(--system-muted)}.ug-text-button{color:var(--md-sys-color-primary,var(--theme-accent));font:inherit;cursor:pointer;background:0 0;border:0;border-radius:20px;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.ug-article{flex-direction:column;gap:24px;display:flex}.ug-article>.ug-text-button{align-self:start}.ug-article-heading h1{margin-top:8px}.ug-location{background:var(--md-sys-color-surface-container-low);border-radius:12px;align-items:start;gap:12px;padding:16px;display:flex}.ug-location>svg{color:var(--md-sys-color-primary);flex:none;margin-top:2px}.ug-location span{color:var(--system-muted);font-size:var(--ui-type-field-label)}.ug-scope{border-left:3px solid var(--system-border);color:var(--system-muted);padding:12px 16px}.ug-steps{flex-direction:column;gap:24px;margin:0;padding:0;list-style:none;display:flex}.ug-steps li{align-items:start;gap:16px;display:flex}.ug-step-number{background:var(--md-sys-color-primary-container);width:32px;height:32px;color:var(--md-sys-color-on-primary-container);border-radius:50%;flex:none;place-items:center;display:grid}.ug-steps h3{margin:3px 0 6px}.ug-steps p{color:var(--system-text)}.ug-result{background:var(--md-sys-color-surface-container-low);border:1px solid var(--system-border);border-radius:16px;gap:12px;padding:20px;display:flex}.ug-result>svg{color:var(--md-sys-color-primary);flex:none}.ug-result p{margin-top:6px}.ug-figure{margin:0}.ug-figure>button{border:1px solid var(--system-border);background:var(--system-surface);border-radius:12px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.ug-figure img{width:100%;height:auto;display:block}.ug-figure button>span{background:var(--system-surface);color:var(--system-text);box-shadow:var(--system-elevated-card-shadow);border-radius:20px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;bottom:12px;right:12px}.ug-figure figcaption,.ug-illustration figcaption{color:var(--system-muted);font-size:var(--ui-type-compact);margin-top:8px}.ug-illustration{margin:0}.ug-illustration>div{border:1px solid var(--system-border);border-radius:16px;gap:12px;padding:20px;display:flex}.ug-illustration-step{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.ug-illustration-step>span{background:var(--md-sys-color-primary-container);width:28px;height:28px;color:var(--md-sys-color-on-primary-container);border-radius:50%;flex:none;place-items:center;display:grid}.ug-illustration-step p{font-size:var(--ui-type-field-label);flex:1}.ug-illustration-step>svg{color:var(--system-muted);flex:none}.ug-illustration figcaption{align-items:center;gap:6px;display:flex}.ug-details{border-block:1px solid var(--system-border);padding:16px 0}.ug-details summary{cursor:pointer;font-weight:500}.ug-details p{margin-top:12px}.ug-related{flex-direction:column;gap:8px;display:flex}.ug-related>button{text-align:left;color:var(--md-sys-color-primary);background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.ug-empty{flex-direction:column;align-items:start;gap:12px;padding:32px 0;display:flex}.ug-dialog.illustrated-dialog{border-radius:28px;width:min(1320px,100vw - 40px);height:calc(100dvh - 40px);max-height:calc(100dvh - 40px)}.ug-dialog .illustrated-dialog__header{border-bottom:1px solid var(--system-border);padding:20px 72px 20px 24px}.ug-dialog .illustrated-dialog__header h2{font-size:var(--ui-type-page);font-weight:600;line-height:var(--ui-type-line-height)}.ug-dialog .illustrated-dialog__content{overflow:hidden}.ug-dialog .illustrated-dialog__close{width:40px;height:40px;color:var(--system-muted);background:0 0;border:0;border-radius:50%;top:16px;right:16px}.ug-image-dialog.illustrated-dialog{width:min(1500px,100vw - 40px)}.ug-image-dialog img{width:100%;height:auto;display:block}.ug-image-dialog p{color:var(--system-muted);padding:12px 24px}.ug-launch.side-link{text-align:left;width:100%}@media (width<=900px){.ug-layout{grid-template-columns:190px minmax(0,1fr);gap:20px}.ug-toolbar{gap:12px}.ug-audience{flex-direction:column;align-items:start;gap:4px}.ug-illustration>div{flex-direction:column}.ug-illustration-step{width:100%}.ug-illustration-step>svg{transform:rotate(90deg)}}@media (width<=600px){.ug-dialog.illustrated-dialog{border:0;border-radius:0;width:100vw;height:100dvh;max-height:100dvh}.ug-dialog .illustrated-dialog__header{padding:16px 64px 16px 16px}.ug-toolbar{flex-direction:column;align-items:stretch;padding:12px}.ug-audience{flex-direction:row;align-items:center}.ug-audience .app-select{flex:1}.ug-layout{padding:16px;display:block}.ug-nav{margin-bottom:24px;position:static}.ug-nav button{min-height:48px}.ug-start>div{grid-template-columns:1fr}.ug-search{min-height:48px}.ug-figure button>span{box-shadow:none;justify-content:center;position:static}}@media (prefers-reduced-motion:reduce){.user-guide *{scroll-behavior:auto!important}}@media (width<=600px){.illustrated-dialog-backdrop:has(>.ug-dialog){padding:0}}.guide-showcase{background:var(--system-surface);height:100dvh;font-family:var(--font-ui,Inter,sans-serif);color:var(--system-text);font-size:var(--ui-type-body);line-height:var(--ui-type-line-height);flex-direction:column;display:flex;overflow:hidden}.guide-showcase>header{border-bottom:1px solid var(--system-border);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.guide-showcase>header strong{font-size:var(--ui-type-section);font-weight:500}.guide-showcase>header>div,.guide-showcase>header label{align-items:center;gap:12px;display:flex}.guide-showcase>.user-guide{flex:1}@media (width<=600px){.guide-showcase>header{padding:12px}.guide-showcase>header .ug-launch{display:none}.guide-showcase>header label{gap:4px}}.ug-illustration--branches>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ug-illustration--branches .ug-illustration-step:first-child{border:1px solid var(--system-border);border-radius:12px;grid-column:1/-1;justify-self:center;width:min(320px,100%);padding:12px}.ug-illustration--branches .ug-illustration-step:not(:first-child){background:var(--md-sys-color-surface-container-low);border-radius:12px;padding:12px}.ug-illustration--branches .ug-illustration-step>svg{display:none}@media (width<=600px){.ug-illustration--branches>div{grid-template-columns:1fr}}.ug-mobile-topics{display:none}@media (width<=600px){.ug-nav{display:none}.ug-mobile-topics{border-bottom:1px solid var(--system-border);font-size:var(--ui-type-field-label);color:var(--system-muted);align-items:center;gap:12px;padding:0 12px 12px;display:flex}.ug-mobile-topics .app-select{flex:1;min-width:0}.ug-dialog .illustrated-dialog__content>.user-guide{height:100%}}@media (height<=950px){.ug-nav{position:static}}.ug-illustration--branches .ug-illustration-step>span{display:none}.ug-illustration--branches .ug-illustration-step:nth-child(2){background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.guide-showcase__reference{flex-direction:column;flex:1;min-height:0;display:flex}.guide-showcase__reference[hidden]{display:none}.guide-showcase__reference>.user-guide{flex:1;min-height:0}.guide-showcase__contexts{scrollbar-gutter:stable;flex:1;min-height:0;overflow:auto}.guide-showcase>header>div{flex-wrap:wrap;justify-content:flex-end;min-width:0}.guide-showcase>header>div>.app-select{flex:none;width:220px}.guide-showcase>header label{flex:none}.guide-showcase>header label>.app-select{flex:none;width:145px}@media (width<=600px){.guide-showcase>header{flex-wrap:wrap}.guide-showcase>header>div{justify-content:flex-start}.guide-showcase>header>div>.app-select{width:180px}}