/* Course controls surround screenshot-based native application layouts. */
.cdk-browser-lab__app--ez{--e2-blue:#246cb6;--e2-ink:#203c60;--e2-surface:#edf5ff;--e2-border:#bed8f3;--e2-paper:var(--md-default-bg-color,#fff);--e2-text:var(--md-default-fg-color,#263238);color:var(--e2-text)}
.cdk-browser-lab__app--ez [hidden]{display:none!important}.cdk-browser-lab__app--ez>.susa-lab-experience{display:none!important}.cdk-browser-lab__app--ez *{box-sizing:border-box;min-width:0}
body .md-typeset .cdk-browser-lab__app--ez :is(.e2-brief,.e2-scope){margin:.8rem 1rem;color:var(--e2-text);font-size:.76rem;line-height:1.65}.cdk-browser-lab__app--ez .e2-scope{font-size:.65rem!important}.e2-content{padding:.8rem 1rem}.e2-content p{font-size:.74rem;line-height:1.65}.e2-content .e2-small{font-size:.68rem}.e2-content code{white-space:normal;overflow-wrap:anywhere;font-size:.68rem;color:var(--e2-ink)}
body .md-typeset .cdk-browser-lab__app--ez h4{font-size:.94rem;color:var(--e2-ink);margin:.4rem 0}.e2-progress{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none!important;padding:0!important;margin:.6rem 1rem!important;gap:.35rem}.e2-progress li{display:flex;align-items:center;gap:.35rem;margin:0!important;border-bottom:3px solid var(--e2-border);padding:.45rem .2rem;font-size:.68rem}.e2-progress b{display:grid;place-items:center;flex:none;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--e2-surface);color:var(--e2-blue)}.e2-progress [aria-current=step]{border-color:var(--e2-blue);font-weight:700}.e2-progress [data-done=true] b{background:var(--e2-blue);color:var(--e2-paper)}.e2-coach{margin:.7rem 1rem;padding:.75rem .85rem;border:1px solid var(--e2-border);border-left:4px solid var(--e2-blue);border-radius:8px;background:var(--e2-surface);color:var(--e2-ink);scroll-margin-top:5rem}.e2-coach small{font-size:.65rem;color:var(--e2-blue)}.e2-coach p{margin:.3rem 0;font-size:.76rem;line-height:1.65}.e2-case{display:grid;gap:.25rem;font-size:.69rem;border-bottom:1px solid var(--e2-border);padding-bottom:.6rem;margin-bottom:.7rem}.e2-case strong{color:var(--e2-blue);font-size:.65rem}.e2-case code{background:var(--e2-surface)}
.cdk-browser-lab__app--ez fieldset{margin:.8rem 0;padding:0;border:0}.cdk-browser-lab__app--ez legend{font-size:.8rem;font-weight:700;color:var(--e2-ink)}.cdk-browser-lab__app--ez label{display:block;font-size:.75rem;margin:.5rem 0}.cdk-browser-lab__app--ez :is(input,textarea,select){font:inherit;padding:.5rem;width:100%;min-height:44px;border:1px solid var(--e2-border);border-radius:6px;background:var(--e2-paper);color:var(--e2-text)}.cdk-browser-lab__app--ez textarea{resize:vertical}.cdk-browser-lab__app--ez .e2-choice{display:grid;grid-template-columns:1rem minmax(0,1fr);gap:.6rem;padding:.65rem .75rem;border:1px solid var(--e2-border);border-radius:8px;cursor:pointer;font-size:.73rem}.cdk-browser-lab__app--ez .e2-choice input{width:1rem;height:1rem;min-height:0;padding:0;margin:.2rem 0;accent-color:var(--e2-blue)}.e2-choice :is(strong,code,small){display:block;margin:.15rem 0}.e2-choice small{font-size:.65rem}.e2-choice:has(input:checked){background:var(--e2-surface);border-color:var(--e2-blue);box-shadow:inset 3px 0 var(--e2-blue)}
.e2-hashes,.e2-saved{padding:.75rem;background:var(--e2-surface);color:var(--e2-ink);border:1px solid var(--e2-border);border-radius:8px;margin:.75rem 0}.e2-hashes dl{font-size:.66rem}.e2-hashes dd{margin:.2rem 0;overflow-wrap:anywhere;font-family:monospace}.e2-saved p{white-space:pre-wrap}.e2-readback{display:grid;grid-template-columns:1fr 2fr;gap:.75rem}.e2-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.65rem 0}.cdk-browser-lab__app--ez button{font:inherit;min-height:44px;padding:.45rem .7rem;border:1px solid var(--e2-border);border-radius:6px;background:var(--e2-paper);color:var(--e2-blue);font-size:.72rem;cursor:pointer}.cdk-browser-lab__app--ez button:disabled{opacity:.5;cursor:default}.e2-primary>button{background:var(--e2-blue);color:var(--e2-paper);font-weight:700;min-width:11rem}.e2-feedback:empty{display:none}.e2-feedback{margin:.7rem 0;padding:.6rem .7rem;border-left:3px solid var(--e2-blue);background:var(--e2-surface);color:var(--e2-ink)}.e2-feedback[data-state=error]{border-left-color:#b44739}.e2-feedback[data-state=success]{border-left-color:#28815b}.e2-footer{display:flex;align-items:center;gap:.5rem;margin:.6rem 0;font-size:.66rem}.e2-footer button{border-color:transparent;font-size:.66rem}.e2-footer [data-e2-reset]{margin-left:auto}
body .md-typeset .cdk-browser-lab__app--ez .e2-details{margin:.65rem 0;padding:.55rem .7rem;border:1px solid var(--e2-border);border-radius:6px;background:var(--e2-paper);color:var(--e2-text);box-shadow:none;font-size:.7rem}body .md-typeset .cdk-browser-lab__app--ez .e2-details>summary{position:static;margin:0;padding:0;background:none;color:var(--e2-blue);font-size:.7rem}body .md-typeset .cdk-browser-lab__app--ez .e2-details>summary::before{display:inline-block;position:static;content:'';width:.3rem;height:.3rem;margin-right:.5rem;border-top:2px solid currentColor;border-right:2px solid currentColor;background:none;mask:none;transform:rotate(45deg)}body .md-typeset .cdk-browser-lab__app--ez .e2-details[open]>summary::before{transform:rotate(135deg)}body .md-typeset .cdk-browser-lab__app--ez .e2-details>summary::after{display:none}.e2-content :is(button,input,select,textarea,summary):focus-visible{outline:3px solid var(--e2-blue);outline-offset:3px}.e2-coach h4:focus-visible{outline:2px solid var(--e2-blue)}
/* The native windows retain the screenshot's light Windows chrome in both site themes. */
.e2-native{margin:.75rem 0;border:1px solid #8895ac;background:#fff;color:#111;font:13px/1.5 'Segoe UI',Arial,sans-serif;box-shadow:0 6px 16px #173e671c}.e2-titlebar{display:grid;grid-template-columns:1.4rem minmax(0,1fr) repeat(3,1.5rem);align-items:center;min-height:32px;padding-left:5px;background:#c6ccdf;color:#111}.e2-titlebar b{font-weight:400;font-size:13px}.e2-titlebar i{font-style:normal;text-align:center}.e2-titlebar>span{font-size:11px}.e2-console .e2-titlebar{background:#eee}.e2-console-body{padding:12px;background:#0c0c0c;color:#eee;font:13px/1.5 Consolas,'Courier New',monospace}.e2-console-body pre{margin:.5rem 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#eee;font:inherit;background:none;padding:0}.e2-cyan{color:#62e9ef}.e2-green{color:#6ddd72}.e2-magenta{color:#f481f4}.e2-prompt{display:flex!important;align-items:flex-start;gap:.3rem;font:inherit!important}.cdk-browser-lab__app--ez .e2-prompt input{border:0;border-radius:0;outline-offset:0;background:#0c0c0c;color:#eee;font:inherit;min-height:32px;padding:0 .2rem;flex:1}.e2-prompt span{white-space:nowrap;padding-top:1px}.cdk-browser-lab__app--ez .e2-menubar{display:flex;background:#d6dcee;border-block:1px solid #a7b2c8;padding:0 4px}.cdk-browser-lab__app--ez .e2-menubar button{min-height:32px;padding:3px 7px;border:0;border-radius:0;background:transparent;color:#111;font:13px 'Segoe UI',sans-serif}.cdk-browser-lab__app--ez [data-e2-menu]{background:#fff;border:1px solid #8795ae;position:absolute;z-index:2;padding:4px;box-shadow:3px 3px 7px #0002}.e2-viewer{position:relative}.cdk-browser-lab__app--ez [data-e2-menu] button{border:0;border-radius:0;color:#111;background:#fff;font-size:13px}.e2-group-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px;padding:6px 9px;min-height:32px;background:#d6dcee;color:#425775;font-size:12px}.e2-group-bar small{font-size:11px}.e2-grid-scroll{overflow:auto;max-width:100%;min-height:105px;background:#fff}.e2-native table{width:100%;min-width:650px;border-collapse:collapse;margin:0!important;font:12px/1.5 'Segoe UI',sans-serif;background:#fff;color:#111}.e2-native th,.e2-native td{border:1px solid #c4cbe0;padding:5px 7px!important;white-space:nowrap;font-weight:400}.e2-native th{background:#f7f9ff;text-align:left}.e2-native tr[aria-selected=true]{background:#d4e5ff}.e2-native tr[data-e2-entry]{cursor:pointer}.e2-native tr[data-e2-entry]:focus{outline:2px solid #246cb6;outline-offset:-2px}.e2-splitter{height:9px;background:#d6dcee;border-block:1px solid #a7b2c8}.e2-viewer-bottom{display:grid;grid-template-columns:32% minmax(0,1fr);min-height:310px}.e2-viewer-bottom aside{border-right:8px solid #d6dcee}.e2-pane-heading{padding:2px 8px;border:1px solid #a7b2c8;background:#d6dcee;color:#111;font-size:12px;font-weight:600}.e2-names{min-height:72px;padding:5px 9px}.e2-names span{display:block}.cdk-browser-lab__app--ez .e2-names button{display:block;min-height:27px;padding:1px 4px;margin-left:12px;border:0;background:#fff;color:#111;border-radius:0;font-size:12px}.e2-properties{padding:5px 8px}.e2-properties p{color:#333;font-size:12px}.e2-properties dl{margin:0;font-size:12px}.e2-properties dt{font-weight:600;margin-top:5px}.e2-properties dd{margin:1px 0;overflow-wrap:anywhere;color:#111}.e2-viewer-bottom main{padding:0}.cdk-browser-lab__app--ez .e2-group-bar label{display:flex;align-items:center;gap:4px;font-size:12px;margin:0}.cdk-browser-lab__app--ez .e2-group-bar input{width:130px;min-height:28px;padding:2px 4px;border:1px solid #8b9bb7;border-radius:0;font-size:12px;background:#fff;color:#111}.e2-viewer>footer{padding:4px 9px;background:#283851;color:#fff;font-size:12px}.e2-empty{padding:6px!important;color:#111;font-size:12px!important}.cdk-browser-lab__app--ez .e2-dialog{width:min(620px,90vw);max-height:85vh;overflow:auto;padding:1rem;border:1px solid #8b9bb7;background:#f4f4f4;color:#111;border-radius:3px}.e2-dialog::backdrop{background:#0006}.e2-dialog h4{color:#111!important}.e2-dialog code{display:block;overflow-wrap:anywhere;color:#111;font-size:12px}.e2-dialog-files{padding:.6rem;background:#fff;border:1px solid #b7c3d8;margin:.5rem 0}.e2-dialog-files button{color:#111!important;border-color:#b7c3d8!important;font-size:12px!important;max-width:100%;overflow-wrap:anywhere}.e2-dialog-files button[aria-pressed=true]{background:#d4e5ff!important}.e2-dialog :is(select,button){background:#fff!important;color:#111!important;font-size:13px!important}.e2-dialog-status{color:#111!important}
[data-md-color-scheme=slate] .cdk-browser-lab__app--ez{--e2-blue:#9dccff;--e2-ink:#e3effa;--e2-surface:#203b58;--e2-border:#456b92}
@media(max-width:650px){.e2-content{padding:.7rem}.e2-progress{margin:.6rem .7rem!important}.e2-progress li{flex-direction:column;text-align:center;font-size:.62rem}.e2-coach{margin:.7rem}.e2-readback{grid-template-columns:1fr}.e2-primary>button{width:100%}.e2-titlebar{grid-template-columns:1.1rem minmax(0,1fr) repeat(3,1rem)}.e2-titlebar b{font-size:11px}.e2-viewer-bottom{grid-template-columns:1fr}.e2-viewer-bottom aside{border-right:0;border-bottom:8px solid #d6dcee}.e2-properties dl{display:grid;grid-template-columns:1fr 1.5fr;gap:4px}.e2-properties dt{margin:0}.e2-names{display:flex;align-items:center;gap:5px;min-height:35px}.cdk-browser-lab__app--ez .e2-names button{margin:0}.e2-footer{flex-wrap:wrap;font-size:.61rem}}
body .md-typeset .cdk-browser-lab__app--ez{background:var(--e2-paper)!important;color:var(--e2-text)}
/* Shared Kansa banner styles supply the blue controls in both site themes. */
.eztools-routes>div small,.eztools-routes>a>span,[data-eztools-full] .cdk-practice__summary>p:not(.cdk-practice__title){color:var(--kfl-ink)}
body .md-typeset .cdk-browser-lab__app--ez .e2-native .e2-properties :is(dt,dd){color:#111}

.e2-filename{white-space:nowrap}.e2-console-body pre{font-weight:400}.e2-grid-scroll:focus-visible{outline:2px solid #246cb6;outline-offset:-2px}

body .md-typeset .cdk-browser-lab__app--ez .e2-names span{color:#111}.e2-console-body{max-height:560px;overflow:auto}.e2-console-body pre{font-weight:400!important}@media(max-width:650px){.e2-console-body{max-height:480px}}

/* Tool first: a persistent window with compact guidance beneath it. */
.cdk-browser-lab__app--ez .e2-progress{grid-template-columns:repeat(3,minmax(0,1fr));margin:.65rem 0!important}.cdk-browser-lab__app--ez .e2-coach{margin:.65rem 0;padding:.55rem .7rem}.cdk-browser-lab__app--ez .e2-coach h4{display:inline;margin-left:.4rem;font-size:.8rem}.cdk-browser-lab__app--ez .e2-coach p{margin:.25rem 0 0;font-size:.73rem}.cdk-browser-lab__app--ez .e2-case{margin-bottom:.45rem;padding-bottom:.45rem}.cdk-browser-lab__app--ez .e2-case .e2-brief{font-size:.72rem;line-height:1.55;color:var(--e2-text)}.cdk-browser-lab__app--ez .e2-case dl{font-size:.69rem}.cdk-browser-lab__app--ez .e2-case dd{margin:.2rem 0}.cdk-browser-lab__app--ez .e2-brief[hidden]{display:none!important}.cdk-browser-lab__app--ez [data-e2-example]{display:block;margin-top:.5rem}.cdk-browser-lab__app--ez .e2-details dd{overflow-wrap:anywhere;margin:.2rem 0}.cdk-browser-lab__app--ez .e2-details dl{font-size:.68rem}.cdk-browser-lab__app--ez .e2-content>[data-e2-native]{margin:0}.cdk-browser-lab__app--ez .e2-content>[data-e2-native]>.e2-native{margin:.45rem 0}.e2-console-body:focus-visible{outline:2px solid #9dccff;outline-offset:-2px}

body .md-typeset .cdk-browser-lab__app--ez .e2-case .e2-brief{margin:0!important;font-size:.72rem;line-height:1.55}body .md-typeset .cdk-browser-lab__app--ez .e2-coach h4{margin:0 0 0 .4rem!important}.e2-prompt input::placeholder{color:#b6b6b6;opacity:1}

/* Native desktop proportions; course guidance stays outside the windows. */
.cdk-browser-lab__app--ez .e2-native{border:1px solid #79849a;box-shadow:0 5px 14px #0002;font:12px/1.4 'Segoe UI',Tahoma,Arial,sans-serif}
.cdk-browser-lab__app--ez .e2-titlebar{display:flex;gap:5px;min-height:32px;height:32px;padding:0 0 0 7px;background:#c4cbde;color:#111;user-select:none}
.e2-titlebar .e2-app-icon{flex:0 0 16px;width:16px;height:16px;line-height:0}
.e2-app-icon svg{width:16px;height:16px}
.cdk-browser-lab__app--ez .e2-titlebar b{flex:1;font:12px 'Segoe UI',Tahoma,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.e2-window-buttons{width:138px;height:30px;flex:none;line-height:0}
.e2-window-buttons svg{width:138px;height:30px}
.cdk-browser-lab__app--ez .e2-console .e2-titlebar{background:#f3f3f3}
.cdk-browser-lab__app--ez .e2-console-body{height:300px;max-height:540px;padding:4px 5px 12px;scrollbar-color:#a6a6a6 #303030;scrollbar-width:thin;color:#ccc;font:13px/1.28 Consolas,'Courier New',monospace;cursor:text}
.cdk-browser-lab__app--ez .e2-console-has-output .e2-console-body{height:480px}
.e2-windows-banner{margin-bottom:16px}
.cdk-browser-lab__app--ez .e2-console-body pre{margin:0;min-height:0;padding:0;background:none;color:#ccc;font:inherit!important;line-height:inherit!important;tab-size:8}
.e2-console-body pre:empty{display:none}
.cdk-browser-lab__app--ez .e2-prompt{gap:0;margin:0;font:inherit!important;line-height:inherit!important;cursor:text}
.cdk-browser-lab__app--ez .e2-prompt span{padding:0;line-height:inherit}
.cdk-browser-lab__app--ez .e2-prompt input{height:19px;min-height:19px;padding:0;line-height:inherit;color:#ccc;caret-color:#ccc;box-shadow:none;border:0;outline:none;scroll-margin:20px}
.cdk-browser-lab__app--ez .e2-prompt input:focus-visible{outline:none;background:#141414}
.cdk-browser-lab__app--ez .e2-console:focus-within{border-color:#666}
.cdk-browser-lab__app--ez .e2-cyan{color:#39dce3}.cdk-browser-lab__app--ez .e2-green{color:#56dc61}.cdk-browser-lab__app--ez .e2-magenta{color:#ed65ed}

.cdk-browser-lab__app--ez .e2-menubar{height:25px;padding:0 3px;background:#d5dbea;border:1px solid #a4aec3;border-bottom:0}
.cdk-browser-lab__app--ez .e2-menubar button{min-height:24px;height:24px;padding:1px 7px;font:12px 'Segoe UI',Tahoma,sans-serif}
.cdk-browser-lab__app--ez .e2-menubar button:not(:disabled):is(:hover,[aria-expanded=true]){background:#e9edf5;box-shadow:inset 0 0 0 1px #8898b5}
.cdk-browser-lab__app--ez [data-e2-menu]{min-width:185px;padding:2px;background:#f4f4f4}
.cdk-browser-lab__app--ez [data-e2-menu] button{display:block;text-align:left;width:100%;min-height:27px;padding:4px 24px;background:#f4f4f4;font:12px 'Segoe UI',sans-serif}
.cdk-browser-lab__app--ez [data-e2-menu] button:is(:hover,:focus-visible){background:#dbe8f8}
.cdk-browser-lab__app--ez .e2-group-bar{background:#d7ddec;color:#425775;min-height:32px;padding:5px 6px;font:11px/1.4 'Segoe UI',Tahoma,sans-serif;gap:3px;border:1px solid #a5afc4}
.e2-group-bar small{font:inherit}
.cdk-browser-lab__app--ez .e2-group-bar label{margin-left:auto;gap:5px}
.e2-group-bar label svg{width:17px;height:17px;flex:none;fill:none;stroke:#66707c;stroke-width:1.8}
.cdk-browser-lab__app--ez .e2-group-bar input{height:22px;min-height:22px;width:115px;font:11px 'Segoe UI',Tahoma,sans-serif;border-color:#a5afc4}
.cdk-browser-lab__app--ez .e2-source-grid{height:var(--e2-source-height,176px);min-height:0;border:1px solid #a5afc4;border-top:0}
.cdk-browser-lab__app--ez .e2-entries-grid{min-height:310px;border:1px solid #a5afc4;border-top:0}
.cdk-browser-lab__app--ez .e2-native table{font:12px/1.4 'Segoe UI',Tahoma,sans-serif;min-width:720px;border:0}
.cdk-browser-lab__app--ez .e2-native th,.cdk-browser-lab__app--ez .e2-native td{height:22px;border:1px solid #c5cce0;padding:2px 5px!important;vertical-align:middle}
.cdk-browser-lab__app--ez .e2-native th{background:#f6f8fd}
.cdk-browser-lab__app--ez .e2-native th button{display:flex;align-items:center;gap:7px;min-height:18px;height:18px;padding:0;border:0;border-radius:0;background:transparent;color:#111;font:inherit;white-space:nowrap;text-align:left}
.e2-sort-chevron{width:5px;height:5px;border-top:1px solid #333;border-left:1px solid #333;transform:rotate(45deg);margin:3px 2px 0}
.e2-sort-chevron.is-down{transform:rotate(225deg);margin:-3px 2px 0}
.cdk-browser-lab__app--ez .e2-grid-filter td{height:20px;background:#fff}
.cdk-browser-lab__app--ez .e2-row-indicator{width:19px;min-width:19px;text-align:center;background:#f6f8fd}
.e2-filter-icon{display:inline-block;width:7px;height:8px;background:#40506a;clip-path:polygon(0 0,100% 0,60% 50%,60% 100%,40% 100%,40% 50%)}
.e2-current-row{display:inline-block;width:5px;height:5px;border-top:1px solid #243e63;border-right:1px solid #243e63;transform:rotate(45deg)}
.cdk-browser-lab__app--ez .e2-native tr[aria-selected=true]{background:#c9dbf4;color:#111}
.cdk-browser-lab__app--ez .e2-native tr[data-e2-entry]:hover{background:#e6eef9}
.cdk-browser-lab__app--ez .e2-native tr[data-e2-entry][aria-selected=true]:hover{background:#c9dbf4}
.cdk-browser-lab__app--ez .e2-splitter{height:12px;border:0;background:#d5dbea;display:grid;place-items:center;cursor:row-resize;touch-action:none}
.e2-splitter>span{width:20px;height:3px;background:radial-gradient(circle,#7d8ca7 1px,transparent 1px) 0 0/4px 3px}
.cdk-browser-lab__app--ez .e2-viewer-bottom{display:grid;grid-template-columns:var(--e2-pane-width,38%) 12px minmax(0,1fr);gap:0;min-height:370px;padding:0 4px;background:#d5dbea}
.cdk-browser-lab__app--ez .e2-viewer-bottom main{display:flex;flex-direction:column}
.cdk-browser-lab__app--ez .e2-viewer-bottom main>.e2-group-bar{flex:none}
.cdk-browser-lab__app--ez .e2-viewer-bottom .e2-entries-grid{flex:1}
.cdk-browser-lab__app--ez .e2-viewer-bottom aside{border:0;display:grid;grid-template-rows:21px 135px 22px minmax(0,1fr);background:#fff}
.cdk-browser-lab__app--ez .e2-pane-heading{height:22px;padding:2px 7px;border:1px solid #a5afc4;background:#d5dbea;color:#111;font:600 12px/1.4 'Segoe UI',Tahoma,sans-serif}
.cdk-browser-lab__app--ez .e2-name-heading{height:21px;background:#f6f8fd;font-weight:400}
.cdk-browser-lab__app--ez .e2-names{min-height:0;padding:4px 0;border-inline:1px solid #a5afc4;font:12px/1.4 'Segoe UI',sans-serif;overflow:auto}
.cdk-browser-lab__app--ez .e2-names>span{display:flex;align-items:center;gap:7px;padding:2px 7px}
.e2-tree-chevron{display:inline-block;width:5px;height:5px;border-top:1px solid #111;border-right:1px solid #111;transform:rotate(135deg)}
.cdk-browser-lab__app--ez .e2-names button{display:flex;align-items:center;gap:5px;min-height:23px;height:23px;width:100%;margin:0;padding:2px 24px;background:#fff;color:#111;border:0;border-radius:0;font:12px 'Segoe UI',sans-serif;text-align:left}
.e2-entry-icon{width:9px;height:12px;border:1px solid #8095b3;background:#eef4fc}
.cdk-browser-lab__app--ez .e2-names button[aria-pressed=true]{background:#c9dbf4}
.cdk-browser-lab__app--ez .e2-names button:hover{background:#e6eef9}
.cdk-browser-lab__app--ez .e2-properties{padding:0;border:1px solid #a5afc4;border-top:0;min-height:160px;overflow:auto;background:#fff}
.cdk-browser-lab__app--ez .e2-properties dl{display:grid;grid-template-columns:44% minmax(0,1fr);gap:0;margin:0;font:12px/1.4 'Segoe UI',Tahoma,sans-serif}
.cdk-browser-lab__app--ez .e2-properties :is(dt,dd){padding:3px 5px;margin:0;border-bottom:1px solid #e2e5ec;font-weight:400;overflow-wrap:anywhere}
.cdk-browser-lab__app--ez .e2-properties dt{border-right:1px solid #e2e5ec;background:#f6f7fb}
.cdk-browser-lab__app--ez .e2-vertical-splitter{display:grid;place-items:center;background:#d5dbea;cursor:col-resize;touch-action:none}
.e2-vertical-splitter>span{width:3px;height:20px;background:radial-gradient(circle,#7d8ca7 1px,transparent 1px) 0 0/3px 4px}
.cdk-browser-lab__app--ez [data-e2-split]:focus-visible{outline:2px solid #246cb6;outline-offset:-2px}
.cdk-browser-lab__app--ez .e2-viewer>footer{display:flex;align-items:center;justify-content:space-between;min-height:27px;padding:3px 8px;font:11px 'Segoe UI',Tahoma,sans-serif}
.e2-viewer>footer i{width:9px;height:9px;flex:none;background:repeating-linear-gradient(135deg,transparent 0 2px,#d2d8e1 2px 3px);clip-path:polygon(100% 0,100% 100%,0 100%)}

.cdk-browser-lab__app--ez .e2-dialog{padding:0;border-radius:0;border:1px solid #828c9e;width:min(680px,94vw);box-shadow:0 8px 32px #0004;font:12px 'Segoe UI',Tahoma,sans-serif}
.e2-dialog-content{padding:12px;background:#f0f0f0}
.cdk-browser-lab__app--ez .e2-dialog .e2-look-in{display:flex;align-items:center;gap:12px;margin:0 0 7px;font-size:12px}
.cdk-browser-lab__app--ez .e2-dialog select{height:28px;min-height:28px;padding:2px 5px;border:1px solid #8b9bb7;border-radius:0}
.cdk-browser-lab__app--ez .e2-address{padding:5px 7px;border:1px solid #a4aec0;background:#fff;font:12px/1.4 'Segoe UI',sans-serif}
.cdk-browser-lab__app--ez .e2-dialog-files{padding:0;margin:8px 0 12px;min-height:150px}
.e2-file-columns{display:grid;grid-template-columns:1fr 85px;border-bottom:1px solid #cbd0db;background:#f8f8f8;font-size:12px;color:#111}
.e2-file-columns span{padding:3px 8px}.e2-file-columns span+span{border-left:1px solid #cbd0db}
.cdk-browser-lab__app--ez .e2-dialog-files button{display:grid;grid-template-columns:16px 1fr 70px;gap:5px;align-items:center;width:100%;min-height:30px;padding:3px 7px;border:0;border-radius:0;text-align:left;background:#fff!important;font:12px 'Segoe UI',sans-serif!important}
.e2-dialog-files button svg{width:16px;height:16px}.e2-dialog-files small{font-size:12px}
.cdk-browser-lab__app--ez .e2-dialog-files button[aria-pressed=true]{background:#c9dbf4!important}
.cdk-browser-lab__app--ez .e2-file-name{display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px;align-items:center;font-size:12px}
.cdk-browser-lab__app--ez .e2-file-name input{border:1px solid #8b9bb7;border-radius:0;min-height:26px;height:26px;padding:2px 5px;background:#fff;color:#111;font-size:12px}
.e2-file-type{display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px;align-items:center;color:#111;font-size:12px}
.e2-file-type span+span{padding:5px;border:1px solid #bbc1cc;background:#fafafa}
.cdk-browser-lab__app--ez .e2-dialog .e2-actions{justify-content:flex-end;margin:10px 0 0}
.cdk-browser-lab__app--ez .e2-dialog .e2-actions button{min-width:80px;min-height:28px;height:28px;padding:2px 10px;border:1px solid #8f98a8;border-radius:2px;font:12px 'Segoe UI',sans-serif!important}
.cdk-browser-lab__app--ez .e2-dialog [data-e2-open]{box-shadow:inset 0 0 0 1px #3b78ba}
.cdk-browser-lab__app--ez .e2-dialog [data-e2-dialog-status]{color:#111;margin:8px 0 0;font-size:12px}
@media(max-width:650px){
 .cdk-browser-lab__app--ez .e2-window-buttons,.e2-window-buttons svg{width:96px}
 .cdk-browser-lab__app--ez .e2-console-body{height:260px;font-size:12px}.cdk-browser-lab__app--ez .e2-console-has-output .e2-console-body{height:420px}
 .cdk-browser-lab__app--ez .e2-menubar{height:36px}.cdk-browser-lab__app--ez .e2-menubar button{height:35px;min-height:35px;padding:4px 10px}
 .cdk-browser-lab__app--ez .e2-source-grid{height:var(--e2-source-height,176px)}
 .cdk-browser-lab__app--ez .e2-viewer-bottom{grid-template-columns:1fr;padding:0 3px}
 .cdk-browser-lab__app--ez .e2-viewer-bottom aside{grid-template-rows:21px auto 22px minmax(0,1fr)}
 .cdk-browser-lab__app--ez .e2-names{display:block;max-height:130px}.cdk-browser-lab__app--ez .e2-names button{height:32px;min-height:32px}
 .cdk-browser-lab__app--ez .e2-properties{min-height:85px}.cdk-browser-lab__app--ez .e2-properties dl{grid-template-columns:42% minmax(0,1fr)}
 .cdk-browser-lab__app--ez .e2-vertical-splitter{display:none}.cdk-browser-lab__app--ez .e2-entries-grid{min-height:170px}
 .cdk-browser-lab__app--ez .e2-group-bar input{height:30px;min-height:30px;width:140px}
 .cdk-browser-lab__app--ez .e2-viewer>footer{font-size:11px;line-height:1.4}
 .e2-dialog-content{padding:8px}.cdk-browser-lab__app--ez .e2-dialog-files button{grid-template-columns:16px minmax(0,1fr)}.e2-dialog-files small{display:none}
 .cdk-browser-lab__app--ez .e2-dialog .e2-actions button{height:36px;min-height:36px}
}

/* Keep navigation and optional guidance in separate, predictable rows. */
.cdk-browser-lab__app--ez .e2-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.cdk-browser-lab__app--ez .e2-progress{margin:4px 0 0!important;gap:8px}
.cdk-browser-lab__app--ez .e2-progress li{padding:4px 0;gap:5px;border-bottom-width:2px;font-size:.67rem;line-height:1.4;flex-direction:row;text-align:left}
.cdk-browser-lab__app--ez .e2-progress b{width:20px;height:20px;font-size:12px}
.cdk-browser-lab__app--ez .e2-coach{position:relative;margin:0;padding:6px 0;border:0;border-radius:0;background:none;color:var(--e2-text)}
.cdk-browser-lab__app--ez .e2-coach p{margin:0;font-size:.73rem;line-height:1.5}
.cdk-browser-lab__app--ez .e2-feedback{margin:5px 0;padding:6px 9px;font-size:.7rem}
.cdk-browser-lab__app--ez .e2-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:8px 0;padding:0;border:0}
.cdk-browser-lab__app--ez .e2-toolbar>.e2-actions{margin:0;gap:0}
.cdk-browser-lab__app--ez .e2-toolbar>.e2-primary button{min-width:0;padding:7px 15px;min-height:44px;font-size:.7rem}
.cdk-browser-lab__app--ez .e2-toolbar>[data-e2-reset]{margin-left:auto}
.cdk-browser-lab__app--ez .e2-toolbar>[data-e2-back],.cdk-browser-lab__app--ez .e2-toolbar>[data-e2-reset]{padding:6px 0;min-height:44px;border:0;border-radius:0;font-size:.67rem;background:transparent}
.cdk-browser-lab__app--ez .e2-support{margin-top:8px;padding-top:8px;border-top:1px solid var(--e2-border)}
.cdk-browser-lab__app--ez .e2-help-controls{display:flex;gap:10px}
.cdk-browser-lab__app--ez .e2-help-controls>button{display:flex;align-items:center;gap:9px;flex:1;min-height:44px;padding:10px 12px;border:1px solid var(--e2-border);border-radius:8px;background:var(--e2-paper);color:var(--e2-blue);font-size:.7rem;font-weight:600;text-align:left;transition:background .15s,border-color .15s}
.cdk-browser-lab__app--ez .e2-help-controls>button:is(:hover,[aria-expanded=true]){background:var(--e2-surface);border-color:var(--e2-blue)}
.cdk-browser-lab__app--ez .e2-help-controls>button[aria-expanded=true]{box-shadow:inset 0 -2px var(--e2-blue)}
.e2-help-icon{display:grid;place-items:center;flex:none;width:22px;height:22px;border:1px solid currentColor;border-radius:50%;font-size:13px;font-weight:700;font-family:'Segoe UI',sans-serif}
.e2-help-chevron{width:16px;height:16px;margin-left:auto;flex:none;fill:none;stroke:currentColor;stroke-width:1.6}
[aria-expanded=true]>.e2-help-chevron{transform:rotate(180deg)}
.cdk-browser-lab__app--ez .e2-help-body{padding:16px;margin-top:10px;border:1px solid var(--e2-border);border-radius:8px;background:var(--e2-surface);color:var(--e2-ink);font-size:.7rem;align-self:start;overflow-wrap:anywhere}
.cdk-browser-lab__app--ez .e2-help-body p{margin:6px 0;font-size:.7rem}
.cdk-browser-lab__app--ez .e2-help-body strong{display:block;font-size:.72rem;margin-bottom:6px}
.cdk-browser-lab__app--ez .e2-help-body dl{font-size:.68rem}
.cdk-browser-lab__app--ez .e2-help-body dd{margin:3px 0 10px;overflow-wrap:anywhere}
.cdk-browser-lab__app--ez .e2-support-row{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:16px}
.cdk-browser-lab__app--ez .e2-support-row+.e2-support-row{padding-top:14px;margin-top:14px;border-top:1px solid var(--e2-border)}
.cdk-browser-lab__app--ez .e2-support-row>strong{padding-top:6px}
body .md-typeset .cdk-browser-lab__app--ez details.e2-files-details{margin:8px 0 0;padding:0;border:0;background:none;font-size:.68rem}
.cdk-browser-lab__app--ez .e2-files-details>summary{color:var(--e2-blue);min-height:44px;display:flex;align-items:center;cursor:pointer}
.cdk-browser-lab__app--ez .e2-files-details>summary::before{content:'+';margin-right:8px;font-size:16px}
.cdk-browser-lab__app--ez .e2-files-details[open]>summary::before{content:'−'}
.cdk-browser-lab__app--ez .e2-command-help{padding-top:10px;margin-top:10px;border-top:1px solid var(--e2-border)}
.cdk-browser-lab__app--ez .e2-help-body button{min-height:44px;font-size:.68rem;margin-top:8px}
.cdk-browser-lab__app--ez .e2-evidence{padding:8px 10px;margin:8px 0;border-left:3px solid var(--e2-blue);background:var(--e2-surface);color:var(--e2-ink);font-size:.7rem}
.cdk-browser-lab__app--ez [data-e2-panel="2"] legend{font-size:.8rem}
.cdk-browser-lab__app--ez .e2-console .e2-titlebar{height:28px;min-height:28px;background:#f3f3f3}
.cdk-browser-lab__app--ez .e2-console-body{background:#0c0c0c;line-height:1.25}
.cdk-browser-lab__app--ez .e2-prompt input:focus-visible{background:#0c0c0c}
.cdk-browser-lab__app--ez .e2-viewer-bottom aside{grid-template-rows:21px 135px 12px 22px minmax(0,1fr)}
.e2-name-divider{display:grid;place-items:center;background:#d5dbea}
.e2-name-divider:after{content:'';width:20px;height:3px;background:radial-gradient(circle,#7d8ca7 1px,transparent 1px) 0 0/4px 3px}
@media(max-width:650px){
 .cdk-browser-lab__app--ez .e2-progress{gap:5px}.cdk-browser-lab__app--ez .e2-progress li{font-size:.6rem;align-items:flex-start}.cdk-browser-lab__app--ez .e2-progress b{width:18px;height:18px;font-size:11px}
 .cdk-browser-lab__app--ez .e2-toolbar>.e2-primary{flex-basis:100%}.cdk-browser-lab__app--ez .e2-toolbar>.e2-primary button{width:100%}
 .cdk-browser-lab__app--ez .e2-help-controls{gap:8px}
 .cdk-browser-lab__app--ez .e2-help-controls>button{gap:6px;padding:8px;font-size:.65rem}
 .cdk-browser-lab__app--ez .e2-support-row{grid-template-columns:minmax(0,1fr);gap:0}
 .cdk-browser-lab__app--ez .e2-viewer-bottom aside{grid-template-rows:21px auto 12px 22px minmax(0,1fr)}
}
