@layer reset { body[data-root]:not([data-page="test-drive"]) :where(*,*::before,*::after){box-sizing:border-box} body[data-root]:not([data-page="test-drive"]){margin:0} body[data-root]:not([data-page="test-drive"]) :where(h1,h2,h3,p,ul,ol){margin:0} body[data-root]:not([data-page="test-drive"]) img{max-width:100%;height:auto} body[data-root]:not([data-page="test-drive"]) :where(button,input,select,textarea){font:inherit} }
@layer base {
 body[data-root]:not([data-page="test-drive"]){color:var(--wl-sys-color-text);background:var(--wl-sys-color-canvas);font-family:var(--wl-sys-font-body);font-synthesis:none;line-height:1.5}
 body[data-root]:not([data-page="test-drive"]){min-width:0} body[data-root]:not([data-page="test-drive"]) a{color:inherit;text-decoration:underline;text-underline-offset:.18em} body[data-root]:not([data-page="test-drive"]) p,body[data-root]:not([data-page="test-drive"]) li{max-width:70ch} body[data-root]:not([data-page="test-drive"]) p+p{margin-top:1em} body[data-root]:not([data-page="test-drive"]) :is(h1,h2,h3){line-height:1.2} body[data-root]:not([data-page="test-drive"]) :is(h1,h2){font-family:var(--wl-sys-font-display);font-weight:700} body[data-root]:not([data-page="test-drive"]) h1{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.03em} body[data-root]:not([data-page="test-drive"]) h2{font-size:1.5rem;letter-spacing:-.015em} body[data-root]:not([data-page="test-drive"]) h3{font-size:1rem} body[data-root]:not([data-page="test-drive"]) :is(code,kbd,pre){font-family:var(--wl-sys-font-code);font-weight:400} body[data-root]:not([data-page="test-drive"]) :focus-visible{outline:2px solid var(--wl-sys-color-focus);outline-offset:3px;box-shadow:0 0 0 2px var(--wl-sys-color-focus-gap)}
}
@layer layouts {
 .wl-doc-header{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:16px 24px;border-bottom:1px solid var(--wl-sys-color-border-essential);background:var(--wl-sys-color-surface)} .wl-doc-brand{display:inline-flex;align-items:center;gap:10px;margin-right:auto;font-weight:700;letter-spacing:.08em;text-decoration:none} .wl-doc-brand img{width:32px;height:32px} .wl-doc-layout{display:grid;grid-template-columns:240px minmax(0,70ch) 192px;justify-content:center;gap:24px;padding:32px 24px 64px} .wl-doc-nav,.wl-doc-toc nav{display:flex;flex-direction:column;gap:8px;align-items:flex-start} .wl-doc-nav a,.wl-doc-toc a{padding:6px;overflow-wrap:anywhere} .wl-doc-nav [aria-current=page]{border-inline-start:3px solid var(--wl-sys-color-brand-text);font-weight:700} .wl-doc-layout main{min-width:0} .wl-doc-layout article>section{margin-top:48px} .wl-doc-layout article>section>h2{margin-bottom:16px} .wl-doc-footer{display:flex;gap:20px;flex-wrap:wrap;padding:24px;border-top:1px solid var(--wl-sys-color-border-essential);color:var(--wl-sys-color-text-secondary)} .wl-doc-footer p{margin:0} .wl-doc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px} .wl-doc-lead{font-size:1.125rem;line-height:1.5556;margin-top:16px;color:var(--wl-sys-color-text-secondary)}
 @media(max-width:1099px){.wl-doc-layout{grid-template-columns:240px minmax(0,70ch)}.wl-doc-toc{display:none}} @media(max-width:799px){.wl-doc-layout{display:block;padding:24px 16px 48px}.wl-doc-nav{margin-bottom:32px;border-bottom:1px solid var(--wl-sys-color-border-essential);padding-bottom:20px}.wl-doc-header{padding:12px 16px;gap:12px}.wl-doc-header a,.wl-doc-header button{font-size:.875rem}}
}
@layer components {
 .wl-doc-skip{position:absolute;top:8px;left:8px;transform:translateY(-200%);z-index:100;padding:8px;background:var(--wl-sys-color-surface);color:var(--wl-sys-color-text)} .wl-doc-skip:focus{transform:none} .wl-doc-card,.wl-specimen-frame{display:block;padding:24px;border:1px solid var(--wl-sys-color-border-essential);border-radius:var(--wl-sys-radius-card);background:var(--wl-sys-color-surface)} body[data-root]:not([data-page="test-drive"]) .wl-doc-card h3{margin-bottom:8px}.wl-doc-card p{color:var(--wl-sys-color-text-secondary)} .wl-status-banner{margin-top:24px;padding:18px 20px;border:1px solid var(--wl-sys-color-border-essential);border-inline-start:4px solid var(--wl-sys-color-brand-text);border-radius:var(--wl-sys-radius-card);background:var(--wl-sys-color-surface-recessed)} .wl-status-banner h2,.wl-status-banner h3{margin-bottom:8px;font-size:1.125rem} .wl-status-banner p{color:var(--wl-sys-color-text-secondary);font-size:.9375rem} .wl-status-banner strong{color:var(--wl-sys-color-text)} .wl-doc-button,body[data-root]:not([data-page="test-drive"]) button{min-height:2.25rem;padding:6px 12px;border:1px solid var(--wl-sys-color-border-essential);border-radius:var(--wl-sys-radius-control);background:var(--wl-sys-color-surface);color:var(--wl-sys-color-text);cursor:pointer} .wl-doc-button{display:inline-flex;align-items:center;justify-content:center;font-weight:600;text-decoration:underline}.wl-doc-button-primary{background:var(--wl-sys-color-action-fill);color:var(--wl-sys-color-on-action);border-color:var(--wl-sys-color-on-action)} [data-theme=dawn] .wl-doc-button-primary{border-color:var(--wl-sys-color-brand-text)} body[data-root]:not([data-page="test-drive"]) :is(input[type=search],input[type=text]){min-height:2.75rem;padding:10px 12px;border:1px solid var(--wl-sys-color-border-essential);border-radius:6px;background:var(--wl-sys-color-surface-recessed);color:var(--wl-sys-color-text);max-width:100%} .wl-doc-eyebrow{color:var(--wl-sys-color-brand-text);font-size:.75rem;letter-spacing:.12em;font-weight:700;text-transform:uppercase} .wl-doc-hero{padding:48px 0 24px}.wl-doc-hero .wl-doc-button{margin-top:24px}.wl-doc-hero-mark{width:96px;margin-bottom:24px}.wl-doc-stack>*+*{margin-top:16px} .wl-mvp-grid{grid-template-columns:1fr;margin-top:16px} .wl-mvp-grid pre{margin:0;padding:12px 14px;border:1px solid var(--wl-sys-color-border-essential);border-radius:var(--wl-sys-radius-control);background:var(--wl-sys-color-surface-recessed);color:var(--wl-sys-color-text);font-size:.8125rem;line-height:1.5}
}
@layer states { body[data-root]:not([data-page="test-drive"]) button:enabled:hover,.wl-doc-button:not(.wl-doc-button-primary):hover{background:var(--wl-sys-color-surface-hover)}body[data-root]:not([data-page="test-drive"]) button:enabled:active,.wl-doc-button:not(.wl-doc-button-primary):active{background:var(--wl-sys-color-surface-pressed)} .wl-doc-button-primary:hover{background:var(--wl-sys-color-action-fill-hover)}.wl-doc-button-primary:active{background:var(--wl-sys-color-action-fill-pressed)} body[data-root]:not([data-page="test-drive"]) :is(:disabled,[aria-disabled=true]){opacity:1;color:var(--wl-sys-color-text-secondary);cursor:not-allowed} body[data-root]:not([data-page="test-drive"]) ::placeholder{color:var(--wl-sys-color-text-secondary);opacity:1} }
@layer accessibility { @media(forced-colors:active){body[data-root]:not([data-page="test-drive"]) :focus-visible{outline:2px solid Highlight;box-shadow:none}.wl-doc-card,.wl-specimen-frame,.wl-status-banner,body[data-root]:not([data-page="test-drive"]) :is(button,input){border-color:CanvasText}.wl-doc-button-primary{background:ButtonFace;color:ButtonText;border-color:ButtonText}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto}} }

@layer layouts { .wl-doc-nav[hidden]{display:none} .wl-doc-layout pre,.wl-doc-layout [role="region"]:has(> table){max-width:100%;overflow:auto} .wl-doc-layout table{max-width:100%;display:block;overflow-x:auto} .wl-doc-layout pre{padding:12px;white-space:pre;overscroll-behavior-inline:contain} }