/* Stepwise developer workspace. Loaded after styles.css. */
:root{
  color-scheme:light;
  --paper:#f3f5f6;--white:#ffffff;--ink:#202a35;--muted:#607181;--line:#dce3e7;
  --soft:#edf1f3;--surface-raised:#f8fafb;--accent:#176e72;--accent-hover:#115a5e;
  --accent-soft:#e4f1f1;--accent-line:#b2d4d5;--on-accent:#ffffff;
  --amber:#ddb064;--amber-border:#b8802d;--amber-soft:#faf0db;--amber-ink:#815519;
  --cyan:#82c4d7;--cyan-border:#469db6;--success:#247068;--danger:#a34444;
  --danger-soft:#fbebeb;--danger-line:#e9bdbd;--neutral-bar:#ccd8df;--neutral-border:#b9c9d2;
  --visited:#b4d4d5;--wall:#4b5d6c;--editor:#f8fafb;--code-ink:#324759;
  --console:#202b36;--console-text:#dce7eb;--shadow:0 4px 18px #24374606;
  --lime:var(--accent-soft);--green:var(--accent);--teal:var(--cyan);
  font-size:13px;
}
:root[data-theme='dark']{
  color-scheme:dark;
  --paper:#11181f;--white:#18222c;--ink:#e2eaf0;--muted:#9aadb9;--line:#2c3b47;
  --soft:#202d38;--surface-raised:#1c2833;--accent:#71c3c5;--accent-hover:#96d7d8;
  --accent-soft:#203e43;--accent-line:#386368;--on-accent:#11282b;
  --amber:#bb934f;--amber-border:#dbb56f;--amber-soft:#3b3121;--amber-ink:#e2bc78;
  --cyan:#5fabc3;--cyan-border:#83c9dd;--success:#85c8ba;--danger:#efaaa5;
  --danger-soft:#3d282d;--danger-line:#674249;--neutral-bar:#526875;--neutral-border:#667e8b;
  --visited:#355d64;--wall:#0e151c;--editor:#141e28;--code-ink:#cee0e8;
  --console:#111b25;--console-text:#d2e2e9;--shadow:none;
}
body{font-size:13px;line-height:1.5;background:var(--paper);color:var(--ink)}
button,input,textarea,select{color:var(--ink)}
input,textarea,select{background:var(--white);border-color:var(--line)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.48}
input[type='checkbox'],input[type='range'],progress{accent-color:var(--accent)}
::selection{background:var(--accent-line);color:var(--ink)}
.muted{color:var(--muted)}.mono{font-family:var(--mono)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:72px;padding:0 32px;gap:22px;background:var(--white);border-color:var(--line)}
.brand{gap:9px;font-size:25px;font-weight:650;letter-spacing:-1.1px}
.brand img,.brand>svg:not(.icon){width:31px;height:31px;flex:none}
.brand-dot{color:var(--accent)}.brand-divider{height:20px;background:var(--line);margin-left:8px}
.brand .brand-sub{font-size:11px;letter-spacing:0;color:var(--muted)}
.site-header nav{gap:3px}
.nav-link{padding:9px 13px;font-size:12px;border-radius:5px;line-height:1.5;white-space:nowrap}
.nav-link:hover{color:var(--ink);background:var(--soft)}
.nav-link.active{background:var(--accent-soft);color:var(--accent);font-weight:650;box-shadow:inset 0 0 0 1px var(--accent-line)}
.header-right{gap:10px}.notebook-link{font-size:12px;gap:7px}
.notebook-link>span:last-child{font-size:11px;width:21px;height:21px;background:var(--soft);color:var(--muted)}
.shortcut-btn,.command-button,[data-action='command']{width:auto;min-width:36px;height:34px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:5px;background:var(--white);color:var(--muted);font:11px var(--mono);white-space:nowrap}
.shortcut-btn:hover,.command-button:hover,[data-action='command']:hover{background:var(--soft);color:var(--ink)}
.command-button kbd,[data-action='command'] kbd{font-size:10px;padding:1px 3px;background:none;border:0}
.theme-control{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}
#theme-select{max-width:105px;height:34px;padding:0 23px 0 9px;border:1px solid var(--line);border-radius:5px;font-size:11px;background:var(--white);color:var(--muted)}
main{max-width:1600px;padding:27px 32px 38px;min-width:0}
.intro{align-items:center;gap:24px;margin-bottom:24px;animation:none}
.intro h1{font-size:30px;line-height:1.2;font-weight:550;letter-spacing:-1.05px;max-width:750px}
.intro h1 em{color:var(--muted)}.intro h1 br{display:none}
.eyebrow{font:11px var(--mono);letter-spacing:.8px;color:var(--accent);margin:0 0 9px}
.eyebrow i,.live-dot,.local-badge i,.footer-note i{background:var(--accent)}
.intro-aside{max-width:360px;padding:0}.intro-aside p{font-size:12px;line-height:1.7;margin:0 0 6px;color:var(--muted)}
.intro-aside .text-link{font-size:12px;color:var(--accent)}
.intro-summary{font-size:13px;line-height:1.7;color:var(--muted);margin:9px 0 0;max-width:660px}
.intro-actions{display:flex;align-items:center;gap:12px}
.local-badge{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font:11px var(--mono);color:var(--muted);padding:8px 10px;border:1px solid var(--line);border-radius:5px;background:var(--white)}
.local-badge i{width:6px;height:6px;border-radius:50%}
.workspace{grid-template-columns:220px minmax(0,1fr);border-color:var(--line);border-radius:8px;background:var(--white);box-shadow:var(--shadow);animation:none;min-width:0}
.sidebar{padding:18px 11px 14px;background:var(--surface-raised);border-color:var(--line);max-height:696px}
.sidebar-label{font-size:11px;padding:0 8px;letter-spacing:.7px}.sidebar-label span:last-child{color:var(--muted);font-size:11px}
.library-search{margin:14px 0 15px}.library-search .icon{top:11px;left:10px;color:var(--muted)}
.library-search input{padding:9px 8px 9px 31px;background:var(--white);font-size:12px;border-radius:5px;min-height:36px}
.algo-list{max-height:498px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-right:3px}
.algo-group{margin-bottom:17px}.group-title{font-size:11px;color:var(--muted);margin:0 8px 6px;gap:7px;font-weight:550}.group-title .icon{width:13px;height:13px}
.algo-item{font-size:12px;padding:8px 9px;gap:6px;min-height:35px;border-radius:4px;color:var(--ink);border:1px solid transparent;line-height:1.25}
.algo-item:hover{background:var(--soft)}
.algo-item.selected{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent);font-weight:650}
.algo-item small,.algo-item.selected small{font-size:10px;letter-spacing:-.4px;color:var(--muted)}
.sidebar-bottom{font-size:11px;line-height:1.8;padding:13px 8px 0;margin-top:13px;flex:none}.sidebar-bottom strong{font-weight:550;margin-bottom:4px}.sidebar-bottom kbd{font-size:10px}
.lab-heading{padding:20px 22px 16px;gap:16px}.lab-heading .breadcrumbs{font-size:11px;letter-spacing:.5px;margin-bottom:7px}.lab-heading h2{font-size:23px;font-weight:550;letter-spacing:-.55px;gap:11px;line-height:1.2;flex-wrap:wrap}
.tag{font-size:10px;letter-spacing:0;padding:5px 7px;border-radius:4px;color:var(--muted)}
.icon-btn{height:34px;width:34px;background:var(--white);border-color:var(--line);border-radius:5px}.icon-btn .icon{height:16px;width:16px}.icon-btn:hover{background:var(--soft)}
.data-toolbar{margin:0 22px;padding-bottom:15px;gap:14px;font-size:12px;flex-wrap:wrap}
.toolbar-left,.toolbar-right{gap:9px}.data-toolbar label{font-size:11px;gap:7px}
.data-toolbar select,.small-select{font-size:12px;max-width:190px;padding:7px 23px 7px 9px;min-height:34px;background:var(--white);border-color:var(--line)}
.small-input{width:65px;font:12px var(--mono);min-height:34px;background:var(--white)}
.quiet-btn{font-size:12px;padding:7px 8px;min-height:33px;gap:6px}.quiet-btn .icon{width:14px;height:14px}
.work-panels{grid-template-columns:minmax(0,1fr) 340px;min-height:370px}.visual-pane{border-color:var(--line)}
.canvas-top{padding:19px 22px 0;gap:12px;flex-wrap:wrap}.mini-label{font-size:11px;letter-spacing:.4px}
.legend{font-size:10px;gap:10px}.legend i{height:7px;width:7px;background:var(--neutral-bar)}
.legend .active-key{background:var(--amber);border:1px solid var(--amber-border)}.legend .pivot-key{background:var(--cyan)}.legend .fixed-key{background:var(--accent)}
.chart{height:277px;margin:0 22px;padding:42px 0 25px;gap:clamp(3px,.42vw,7px);background-image:radial-gradient(var(--line) .7px,transparent .7px);background-size:16px 16px;border-color:var(--line)}
.bar{background:var(--neutral-bar);border-color:var(--neutral-border);border-radius:3px 3px 0 0;box-shadow:none}
.bar.fixed{background:var(--accent);border-color:var(--accent-hover)}
.bar.active{background:var(--amber);border-color:var(--amber-border)}
.bar.pivot{background:var(--cyan);border-color:var(--cyan-border)}
.bar.found{background:var(--accent);border-color:var(--accent-hover);box-shadow:0 0 0 3px var(--accent-soft)}
.bar-value{font-size:11px;top:-24px;color:var(--ink)}.bar-index{font-size:10px;bottom:-21px;color:var(--muted)}
.chart.dense .bar-value,.chart.dense .bar-index{font-size:9px}
.trace-caption{font-size:12px;line-height:1.65;padding:13px 22px;min-height:67px;color:var(--muted);gap:10px}
.trace-caption .step-dot{width:23px;height:23px;font-size:11px;color:var(--accent);background:var(--accent-soft)}
.code-pane{background:var(--editor);border-color:var(--line)}.panel-tabs{padding:0 15px;gap:18px;height:47px;background:var(--surface-raised)}
.panel-tabs button{font-size:12px}.panel-tabs .language{font-size:10px;color:var(--muted)}
.panel-tabs button[aria-selected=true]{color:var(--ink)}.panel-tabs button[aria-selected=true]:after{background:var(--accent)}
.code-list{font:12px/1.85 var(--mono);max-height:325px;color:var(--code-ink);padding-top:15px;background:var(--editor);scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.code-line .number{color:var(--muted);opacity:.6;width:30px;margin-right:12px}
.code-line.highlight{background:var(--accent-soft);border-left-color:var(--accent)}.code-line.highlight .number{color:var(--accent);opacity:1}
.syntax-key{color:var(--accent)}.syntax-number{color:var(--amber-ink)}
.explain-panel{font-size:13px;max-height:325px;padding:20px;line-height:1.8}.explain-panel h3{font-size:14px}.explain-panel .note-label{font-size:11px;letter-spacing:.7px}
.playback{padding:14px 22px;background:var(--surface-raised);gap:12px;border-color:var(--line)}
.play-button{height:36px;min-width:87px;font-size:12px;font-weight:550;background:var(--accent);color:var(--on-accent);border-radius:5px;padding:0 13px}
.play-button:hover{background:var(--accent-hover)}.play-button .icon{height:15px;width:15px}
.transport .icon-btn{height:34px;width:29px}.transport .icon-btn:hover{background:var(--soft)}
.timeline{gap:12px}.timeline input{accent-color:var(--accent);height:5px}.step-count{font-size:11px;min-width:68px;text-align:right}
.speed{font-size:11px}.speed select{font-size:11px;height:32px;width:61px;background:var(--white);color:var(--ink);border-color:var(--line)}
.metrics{padding:19px 0;background:var(--white)}.metric{padding:0 22px;min-width:0}.metric-label{font-size:10px;letter-spacing:.55px;margin-bottom:8px;line-height:1.5}.metric-value{font-size:21px;letter-spacing:-.7px}.metric-value small{font-size:11px}
.lab-bottom{font:10px/1.6 var(--mono);padding:11px 22px;gap:16px;color:var(--muted)}.lab-bottom .icon{height:13px;width:13px}.lab-bottom span:last-child{white-space:nowrap}
.grid-chart{max-width:660px;margin:23px 22px 15px;gap:3px}.grid-cell{background:var(--soft);border-color:var(--line);font-size:10px;border-radius:2px;transition:background .1s}
.grid-cell:hover{border-color:var(--accent)}.grid-cell.wall{background:var(--wall);border-color:var(--wall)}.grid-cell.visited{background:var(--visited);border-color:var(--accent-line)}
.grid-cell.frontier{background:var(--amber-soft);border-color:var(--amber-border)}.grid-cell.active{background:var(--cyan);border-color:var(--cyan-border)}
.grid-cell.path{background:var(--amber);border-color:var(--amber-border)}.grid-cell.start{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.grid-cell.goal{background:var(--cyan);border-color:var(--cyan-border);color:#173943}
.grid-cell:disabled{opacity:1}.empty-search{font-size:12px}
.learning-strip{gap:28px;margin-top:27px;padding-top:0}.learning-block{padding-left:29px}.learning-block .learn-number{font-size:11px;color:var(--muted)}.learning-block h3{font-size:13px;margin-bottom:8px}.learning-block p{font-size:12px;line-height:1.8;max-width:100%}.learning-block a{font-size:12px;color:var(--accent)}
.site-footer{padding:22px 32px;font-size:11px;color:var(--muted)}.site-footer b{font-size:17px}.footer-note{font-size:10px}
.btn{font-size:12px;padding:9px 13px;min-height:36px;border-radius:5px;border-color:var(--line);background:var(--white);font-weight:500;line-height:1.4}
.btn.primary{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.btn:not(.primary):hover{background:var(--soft)}.text-danger{color:var(--danger)}
.field{font-size:12px;gap:7px;margin:17px 0;font-weight:550}.field input,.field textarea,.field select{border:1px solid var(--line);border-radius:5px;padding:9px 10px;font:12px/1.6 var(--mono);color:var(--ink);background:var(--white);width:100%;min-width:0}
.field select{font-family:var(--sans);min-height:38px}.field small{font-size:11px;line-height:1.65;color:var(--muted);font-weight:400}
.form-error{color:var(--danger)!important;font-size:12px!important;line-height:1.65;min-height:0}.form-error:empty{margin:0}
kbd{font-size:11px;background:var(--white);color:var(--muted);border-color:var(--line)}
dialog{background:var(--white);border-color:var(--line);border-radius:9px;padding:25px;max-width:590px;max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 18px 80px #101e3440}
dialog::backdrop{background:#101b2b80;backdrop-filter:blur(3px)}.modal-heading{gap:16px}.modal-heading h2{font-size:23px;letter-spacing:-.6px;line-height:1.3}dialog p{font-size:13px}
.modal-actions{flex-wrap:wrap}.shortcut-list{font-size:13px;gap:14px}.toast{background:var(--ink);color:var(--paper);font-size:13px;line-height:1.6;border-radius:6px;padding:12px 18px;box-shadow:0 8px 30px #172d3825}
/* Side-by-side comparison. */
.compare-controls,.compare-card,.growth-panel,.editor-card,.output-card,.analysis-card,.note-card{background:var(--white);border-color:var(--line);box-shadow:var(--shadow);border-radius:8px}
.compare-controls{padding:16px 20px;gap:13px;margin-bottom:18px}.compare-controls label{font-size:12px}
.compare-grid{gap:20px;animation:none;grid-template-columns:repeat(2,minmax(0,1fr))}.compare-card-header{padding:20px;gap:15px;flex-wrap:wrap}.compare-card-header h2{font-size:20px;line-height:1.35;letter-spacing:-.5px}.compare-card-header p{font-size:11px;line-height:1.6}.compare-card select{font-size:12px;padding:7px 10px;max-width:100%;background:var(--white);color:var(--ink);border-color:var(--line)}
.compare-card .chart{height:258px}.compare-card .metric{padding:0 20px}.compare-caption{padding:14px 20px;min-height:70px;font-size:12px;line-height:1.7}
.comparison-result{padding:15px 20px;margin:18px 0 25px;background:var(--accent-soft);border-color:var(--accent-line);color:var(--ink);font-size:13px;border-radius:6px}.comparison-result small{font-size:11px;line-height:1.7}
.growth-panel{grid-template-columns:1fr 1.5fr}.growth-copy{padding:26px}.growth-copy h2{font-size:26px;line-height:1.2;letter-spacing:-.7px}.growth-copy p{font-size:12px;max-width:400px}.growth-copy label{font-size:12px;gap:12px}.growth-copy input{accent-color:var(--accent)}.growth-visual{padding:28px}
.growth-row{font-size:11px;grid-template-columns:88px 1fr 65px;gap:12px}.growth-track{background:var(--soft)}.growth-fill{background:var(--cyan)}.growth-row:nth-child(2) .growth-fill{background:#6fa9ae}.growth-row:nth-child(3) .growth-fill{background:var(--accent)}.growth-row:nth-child(4) .growth-fill{background:var(--wall)}.growth-note{font:11px/1.8 var(--mono)}
/* JavaScript editor, challenges, and saved work. */
.playground-layout{grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);gap:20px;animation:none}.playground-layout>div{min-width:0}
.editor-top,.output-top{font-size:12px;padding:14px 18px;gap:10px;background:var(--surface-raised)}.editor-top small,.output-status{font-size:10px}.editor-top small{color:var(--muted)}.editor-source{font:12px/1.9 var(--mono);height:380px;padding:21px;color:var(--code-ink);background:var(--editor);min-width:0}
.editor-bottom{padding:12px 16px;background:var(--surface-raised);flex-wrap:wrap;gap:8px}.editor-hint{font-size:11px}.playground-input{padding:18px}.playground-input textarea{font-size:12px}.playground-input .editor-hint{display:inline}
.output-console{font:12px/1.85 var(--mono);padding:20px;background:var(--console);color:var(--console-text);min-height:183px}.output-console.error{color:#f0b7b1}.output-meta{font:11px/1.7 var(--mono);padding:11px 18px;color:var(--muted)}
.analysis-card{padding:21px;margin-top:20px}.analysis-card h3{font-size:15px;line-height:1.5;gap:10px;flex-wrap:wrap}.analysis-card h3 span{font-size:10px;background:var(--accent-soft);color:var(--accent)}.analysis-card p{font-size:12px;line-height:1.75}.signal{font-size:12px;line-height:1.75;padding:12px 0 12px 20px}.signal:before{color:var(--accent)}
.practice-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--surface-raised);flex-wrap:wrap;font-size:12px}
.practice-toolbar label{display:flex;align-items:center;gap:9px;color:var(--muted);min-width:0}.practice-toolbar select{font-size:12px;background:var(--white);border:1px solid var(--line);border-radius:5px;min-height:36px;max-width:100%;padding:7px 9px}
.practice-contract{padding:15px 18px;border-bottom:1px solid var(--line);background:var(--accent-soft);color:var(--ink);font-size:12px;line-height:1.8;overflow-wrap:anywhere}.practice-contract p{margin:0}.practice-contract p+p{margin-top:7px}.practice-contract strong{font-weight:600}.practice-contract code{font:11px var(--mono);color:var(--accent)}
.test-results{background:var(--white);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-top:20px;min-width:0}.test-results>h3{font-size:15px;margin:0;padding:17px 19px;border-bottom:1px solid var(--line)}
.test-summary{padding:14px 18px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.7;background:var(--surface-raised);color:var(--muted)}.test-summary strong{color:var(--ink);font-weight:600}.test-summary.pass,.test-summary.success{color:var(--success);background:var(--accent-soft)}.test-summary.fail,.test-summary.error{color:var(--danger);background:var(--danger-soft)}
.test-case{padding:12px 18px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:16px;font-size:12px;line-height:1.7;min-width:0}.test-case:last-child{border-bottom:0}.test-case>div{min-width:0}.test-case strong{font-weight:550}.test-case small{display:block;font-size:11px;color:var(--muted)}.test-case pre,.test-case code{font:11px/1.75 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.test-case pre{margin:6px 0;color:var(--muted)}.test-case.pass>span,.test-case .pass{color:var(--success)}.test-case.fail>span,.test-case .fail{color:var(--danger)}
.reference-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 15px;border-bottom:1px solid var(--line);background:var(--surface-raised)}.reference-actions .btn,.reference-actions .quiet-btn{font-size:11px;min-height:32px;padding:6px 9px}
.workflow-link{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:12px;font-weight:550;line-height:1.6}.workflow-link:hover{text-decoration:underline;text-underline-offset:3px}.workflow-link .icon{width:14px;height:14px}
.section-heading h2{font-size:23px;letter-spacing:-.6px}.section-heading p{font-size:13px}.notebook-grid{grid-template-columns:repeat(3,minmax(0,1fr));animation:none}.note-card{padding:22px}.note-top{font-size:10px;gap:12px;flex-wrap:wrap}.note-card h2{font-size:22px;line-height:1.35}.note-card p{font-size:13px;line-height:1.75}.note-data{font:11px/1.8 var(--mono);background:var(--soft);color:var(--muted);max-height:85px}.note-bottom .btn{font-size:12px}
.empty-notebook{background:var(--white);border-color:var(--line);border-style:solid;padding:60px 22px}.empty-notebook>.icon{color:var(--accent)}.empty-notebook h2{font-size:26px;line-height:1.3}.empty-notebook p{font-size:13px;max-width:410px}
/* Keyboard command palette. */
.command-results{display:flex;flex-direction:column;gap:4px;max-height:min(430px,55dvh);overflow:auto;overscroll-behavior:contain;margin:8px -4px 0;padding:4px;scrollbar-width:thin}
.command-results button,.command-result{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:12px 13px;border:1px solid transparent;border-radius:5px;text-align:left;font-size:13px;line-height:1.5;background:var(--white);color:var(--ink)}
.command-results button:hover,.command-results button:focus-visible,.command-result[aria-selected='true']{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}
.command-results small{font:10px var(--mono);color:var(--muted);white-space:nowrap}.command-results p{padding:10px;font-size:13px}.command-results button span{min-width:0}
#command-search{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:5px;background:var(--surface-raised);font-size:14px;color:var(--ink)}
/* Repeatable benchmark workbench. */
.benchmark-view{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start;min-width:0}
.bench-config{background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);overflow:hidden;min-width:0}
.panel-heading{padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:var(--surface-raised)}.panel-heading h2{font-size:14px;line-height:1.4;font-weight:600;margin:0;letter-spacing:-.2px}.panel-heading .mono{font-size:11px}
.config-content{padding:17px 18px 18px}.algorithm-picker{margin:0;padding:0 0 15px;min-width:0;border:0;border-bottom:1px solid var(--line)}.algorithm-picker legend{font-size:11px;font-weight:550;color:var(--muted);padding:0;margin-bottom:8px}
.algorithm-picker label{display:flex;align-items:center;gap:8px;min-height:32px;font-size:12px;border-radius:4px;padding:4px 3px;cursor:pointer;line-height:1.4}.algorithm-picker label:hover{background:var(--soft)}.algorithm-picker input{width:14px;height:14px;margin:0;flex:none;accent-color:var(--accent)}.algorithm-picker span{min-width:0}.algorithm-picker small{margin-left:auto;font:10px var(--mono);color:var(--muted);white-space:nowrap;letter-spacing:-.3px}
.bench-config .field{margin:15px 0;gap:7px;font-size:12px}.bench-config .field input,.bench-config .field select{font-size:12px;min-height:38px}.bench-config .field small{font-size:11px;line-height:1.6}.config-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.config-pair .field{margin-bottom:10px}.config-pair .field select{padding-left:10px}
.size-presets{display:flex;gap:6px;margin-top:-4px}.size-presets button{flex:1;padding:6px 8px;min-height:30px;border:1px solid var(--line);border-radius:4px;font-size:11px;color:var(--muted);background:var(--surface-raised)}.size-presets button:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}
#bench-run{display:flex;justify-content:space-between;width:100%;margin-top:12px;min-height:40px;font-size:13px}
.bench-results{min-width:0}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;margin-bottom:17px}.results-heading .eyebrow{font-size:10px;margin-bottom:5px}.results-heading h2{font-size:22px;font-weight:550;line-height:1.2;margin:0;letter-spacing:-.6px}.result-actions{display:flex;gap:7px;flex-wrap:wrap}.result-actions .btn{font-size:11px;padding:8px 10px;min-height:34px}
.bench-code{background:var(--white);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:23px}.bench-code>p{font-size:12px;line-height:1.7;color:var(--muted);margin:14px 18px}.bench-code code{font:11px var(--mono);color:var(--accent)}#bench-source{display:block;border:0;border-top:1px solid var(--line);border-radius:0;width:100%;min-height:188px;resize:vertical;background:var(--editor);color:var(--code-ink);padding:16px 18px;font:12px/1.85 var(--mono);tab-size:2;white-space:pre;overflow:auto;outline-offset:-3px}
.bench-empty{min-height:390px;padding:58px 35px 43px;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--white);box-shadow:var(--shadow)}
.empty-chart{height:72px;width:136px;display:flex;align-items:flex-end;gap:9px;margin-bottom:23px;border-bottom:1px solid var(--line);padding:0 4px 7px}.empty-chart i{flex:1;border-radius:3px 3px 0 0;background:var(--accent-line);height:32%}.empty-chart i:nth-child(2){height:53%}.empty-chart i:nth-child(3){height:42%}.empty-chart i:nth-child(4){height:72%;background:var(--accent)}.empty-chart i:nth-child(5){height:100%;background:var(--cyan)}
.bench-empty h3{font-size:20px;font-weight:550;line-height:1.35;letter-spacing:-.5px;margin:0 0 11px}.bench-empty p{font-size:13px;line-height:1.8;color:var(--muted);max-width:440px;margin:0}
.empty-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:26px}.empty-steps span{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.empty-steps b{font:10px var(--mono);width:21px;height:21px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:var(--surface-raised)}
.report-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:20px 0;background:var(--white);border:1px solid var(--line);border-radius:7px;box-shadow:var(--shadow)}.report-meta>div{display:flex;flex-direction:column;gap:7px;padding:0 18px;border-right:1px solid var(--line);min-width:0}.report-meta>div:last-child{border:0}.report-meta strong{font:20px/1.35 var(--mono);letter-spacing:-.6px;font-weight:450;overflow-wrap:anywhere}.report-meta span{font-size:11px;color:var(--muted);line-height:1.55}.report-meta>div:nth-child(3) strong{font-size:13px;letter-spacing:0;min-height:27px;display:flex;align-items:center}
.report-context{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--muted);line-height:1.75;padding:13px 1px}.baseline-note{color:var(--accent)}
.benchmark-table-wrap{max-width:100%;width:100%;overflow:auto;border:1px solid var(--line);border-radius:7px;background:var(--white);scrollbar-width:thin;scrollbar-color:var(--neutral-border) var(--soft);overscroll-behavior-x:contain}
.benchmark-table{border-collapse:collapse;width:100%;min-width:710px;font-size:12px;text-align:left;line-height:1.55;table-layout:auto}.benchmark-table th{font:10px var(--mono);text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:400;background:var(--surface-raised);padding:13px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.benchmark-table td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}.benchmark-table tr:last-child td{border-bottom:0}.benchmark-table tbody tr:hover{background:var(--surface-raised)}.benchmark-table th:first-child,.benchmark-table td:first-child{padding-left:18px;min-width:175px;max-width:250px}.benchmark-table td strong{font-weight:550}.benchmark-table td.mono{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.benchmark-table td small{font-size:10px;color:var(--muted)}.benchmark-table .row-error{display:block;margin-top:5px;color:var(--danger);font:11px/1.7 var(--sans);white-space:normal;overflow-wrap:anywhere}
.result-status{display:inline-flex;align-items:center;padding:3px 7px;font-size:10px;line-height:1.6;white-space:nowrap;border-radius:4px;background:var(--soft);color:var(--muted);font-weight:550}.result-status.pass{background:var(--accent-soft);color:var(--success)}.result-status.fail{background:var(--danger-soft);color:var(--danger)}.result-status.skip{background:var(--amber-soft);color:var(--amber-ink)}.delta.faster{color:var(--success)}.delta.slower{color:var(--danger)}
.table-footnote{font-size:11px;line-height:1.75;color:var(--muted);margin:12px 1px 0}
#bench-progress:empty{display:none}#bench-progress{margin:0 0 15px}.progress-heading{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);margin-bottom:8px}.progress-heading span:last-child{font-family:var(--mono);color:var(--accent)}#bench-progress progress{display:block;width:100%;height:5px;border:0;border-radius:3px;overflow:hidden;background:var(--line)}#bench-progress progress::-webkit-progress-bar{background:var(--line)}#bench-progress progress::-webkit-progress-value{background:var(--accent)}#bench-progress progress::-moz-progress-bar{background:var(--accent)}
.bench-complete,.bench-stop{padding:11px 14px;margin:0;border:1px solid var(--accent-line);border-radius:5px;background:var(--accent-soft);color:var(--success);font-size:12px;line-height:1.7}.bench-stop{background:var(--amber-soft);border-color:var(--amber-border);color:var(--amber-ink)}
.methodology{border:1px solid var(--line);border-radius:7px;background:var(--white);margin-top:20px;font-size:12px;line-height:1.85}.methodology summary{padding:15px 18px;cursor:pointer;color:var(--ink);font-weight:550;list-style-position:inside}.methodology summary::marker{color:var(--accent)}.methodology>div{padding:0 18px 9px;border-top:1px solid var(--line)}.methodology p{font-size:12px;line-height:1.85;color:var(--muted);margin:12px 0}
@media(min-width:1450px){.work-panels{grid-template-columns:minmax(0,1fr) 390px}.chart{height:302px}.code-list,.explain-panel{max-height:352px}.grid-chart{margin-top:29px}.algo-list{max-height:520px}}
@media(max-width:1200px){.site-header{padding:0 24px;gap:14px}.site-header nav{gap:2px}.nav-link{padding:8px 10px}.header-right{gap:8px}.brand .brand-sub,.brand-divider{display:none!important}main{padding-left:24px;padding-right:24px}.workspace{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding-left:9px;padding-right:9px}.algo-item{padding-left:7px;padding-right:7px;font-size:12px}.algo-item small{font-size:10px}.work-panels{grid-template-columns:minmax(0,1fr) 290px}.lab-heading,.metric{padding-left:20px;padding-right:20px}.data-toolbar{margin-left:20px;margin-right:20px}.intro-aside{max-width:310px}.benchmark-view{gap:20px}.report-meta>div{padding:0 13px}.result-actions{gap:5px}.results-heading{flex-wrap:wrap}.site-footer{padding-left:24px;padding-right:24px}}
@media(max-width:1080px){.work-panels{grid-template-columns:minmax(0,1fr)}.code-pane{display:none}.visual-pane{border-right:0}.mobile-code{display:inline-flex}.chart{height:283px}.intro-aside{max-width:290px}.site-header{gap:12px}.notebook-link>span:not(:last-child){display:none}.site-header nav{margin-left:auto}.header-right{gap:7px}.shortcut-btn{padding:0 7px}.command-button span{display:none}.learning-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.learning-block{padding-left:23px}.benchmark-view{grid-template-columns:260px minmax(0,1fr);gap:20px}.config-content{padding:15px}.panel-heading{padding:15px}.report-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 0;padding:17px 0}.report-meta>div:nth-child(2){border-right:0}.report-meta strong{font-size:18px}.playground-layout{grid-template-columns:1fr 1fr}.notebook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.site-header{height:auto;min-height:110px;flex-wrap:wrap;padding:15px 22px 0;gap:10px 14px}.site-header nav{order:3;flex-basis:100%;height:45px;justify-content:center;margin:0;gap:4px}.nav-link{padding:8px 18px;font-size:12px}.header-right{margin-left:auto}.brand{font-size:24px}.notebook-link>span:not(:last-child){display:inline}.intro{gap:18px}.intro-aside{max-width:250px}.intro h1{font-size:29px}.intro-aside p{font-size:12px}.intro-actions{align-self:flex-start}.learning-strip{grid-template-columns:1fr;gap:19px}.learning-block{padding-left:27px}.learning-block p{max-width:none}.learning-block .learn-number{top:1px}.growth-panel{grid-template-columns:1fr 1.1fr}.growth-copy,.growth-visual{padding:22px}.growth-row{grid-template-columns:78px 1fr 54px;gap:8px}.benchmark-view{grid-template-columns:235px minmax(0,1fr);gap:17px}.algorithm-picker small{font-size:9px}.config-pair{gap:8px}.bench-config .field{font-size:11px}.result-actions .btn{font-size:11px;padding:8px}.bench-empty{padding:40px 22px;min-height:410px}.bench-empty h3{font-size:19px}.empty-steps{align-items:flex-start;flex-direction:column;gap:10px}.playground-layout{grid-template-columns:minmax(0,1fr)}.editor-hint{display:inline}.playground-layout>div{display:grid;grid-template-columns:1fr;gap:18px}.analysis-card,.test-results{margin-top:0}}
@media(max-width:700px){
  .site-header{padding:14px 16px 0;gap:9px;min-height:104px}.brand{font-size:23px;gap:8px;letter-spacing:-.9px}.brand img,.brand>svg:not(.icon){height:28px;width:28px}.site-header nav{height:43px;gap:3px;justify-content:space-between}.nav-link{flex:1;text-align:center;padding:8px 6px;font-size:12px}.header-right{gap:6px}.notebook-link{font-size:11px}.notebook-link>span:not(:last-child){display:none}.notebook-link .icon{height:17px;width:17px}.notebook-link>span:last-child{height:19px;width:19px;font-size:10px}.shortcut-btn,.command-button,[data-action='command']{display:inline-flex;min-width:33px;height:32px;padding:0 6px;font-size:10px}.theme-control>span{display:none}#theme-select{height:32px;max-width:77px;padding-left:7px;padding-right:17px;font-size:11px}.command-button>span{display:none}
  main{padding:23px 16px 30px}.intro{display:flex;align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:21px}.intro h1{font-size:28px;letter-spacing:-.9px;line-height:1.2}.eyebrow{font-size:10px;letter-spacing:.6px;margin-bottom:8px}.intro-aside{max-width:none;margin:0;padding:0}.intro-aside p{font-size:12px;line-height:1.75;max-width:none;margin:0}.intro-aside .text-link{display:none}.intro-summary{font-size:12px;line-height:1.8;margin-top:8px}.intro-actions{display:none}
  .workspace{display:block;overflow:hidden;border-radius:7px}.sidebar{padding:12px;max-height:none;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--surface-raised)}.sidebar-label{display:none}.library-search{margin:0 0 10px}.library-search input{font-size:12px;padding:9px 10px 9px 32px;min-height:36px}.algo-list{display:flex;max-height:none;overflow-x:auto;overflow-y:hidden;gap:7px;padding:0 0 4px;scrollbar-width:thin;overscroll-behavior-x:contain}.algo-group{display:flex;gap:6px;margin:0;flex:none}.group-title{display:none}.algo-item{flex:none;width:auto;font-size:12px;min-height:35px;padding:8px 11px;margin:0;border:1px solid var(--line);background:var(--white);white-space:nowrap}.algo-item small{display:none}.algo-item.selected{border-color:var(--accent-line)}.sidebar-bottom{display:none}
  .lab-heading{padding:18px 15px 15px;gap:10px;align-items:flex-start}.lab-heading h2{font-size:22px;letter-spacing:-.5px;gap:8px}.lab-heading .breadcrumbs{font-size:10px;margin-bottom:7px}.tag{font-size:10px;padding:4px 6px;max-width:100%;white-space:normal}.heading-actions{gap:5px;padding-top:1px}.icon-btn{width:33px;height:33px}.data-toolbar{margin:0 15px;padding-bottom:14px;gap:8px;align-items:flex-start}.toolbar-left,.toolbar-right{gap:8px;flex-wrap:wrap}.data-toolbar label{font-size:11px}.data-toolbar select,.small-select{font-size:12px;padding:7px 20px 7px 9px;min-height:34px;max-width:160px}.data-toolbar .toolbar-right{margin-left:0;flex-basis:100%;justify-content:flex-start;gap:8px}.quiet-btn{font-size:12px;padding:7px;min-height:34px}.small-input{width:64px;font-size:12px}.mini-label{font-size:10px;letter-spacing:.3px}
  .work-panels{min-height:0}.canvas-top{padding:18px 15px 0;gap:10px;align-items:flex-start}.legend{font-size:10px;gap:8px}.legend i{width:6px;height:6px}.chart{height:263px;margin:0 15px;padding-top:44px;gap:4px}.bar-value{font-size:10px;top:-23px}.bar-index{font-size:9px;bottom:-21px}.chart.dense .bar-value,.chart.dense .bar-index{font-size:9px}.chart.dense .bar:nth-child(even) .bar-value,.chart.dense .bar:nth-child(even) .bar-index{visibility:hidden}.trace-caption{padding:12px 15px;min-height:78px;font-size:12px;gap:8px;line-height:1.7}.trace-caption .step-dot{width:22px;height:22px;font-size:11px}
  .playback{padding:13px 12px;flex-wrap:wrap;gap:8px}.play-button{font-size:12px;min-width:82px;height:37px}.playback .timeline{order:5;flex-basis:100%;margin-top:9px;gap:12px}.transport{gap:3px}.transport .icon-btn{width:30px;height:35px}.speed{font-size:11px;margin-left:auto;gap:5px}.speed>span{display:none}.speed select{font-size:11px;height:33px;width:58px}.step-count{font-size:11px;min-width:69px}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;gap:0}.metric{padding:15px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.metric:nth-child(even){border-right:0}.metric:nth-last-child(-n+2){border-bottom:0}.metric-label{font-size:10px;letter-spacing:.4px;margin-bottom:6px}.metric-value,.metric:nth-child(n+3) .metric-value{font-size:19px;letter-spacing:-.5px}.metric-value small{display:inline;font-size:10px}.lab-bottom{padding:11px 14px;font-size:10px;line-height:1.7;gap:9px;flex-wrap:wrap}.lab-bottom span{align-items:flex-start}.lab-bottom span:last-child{font-size:9px}
  .grid-chart{margin:21px 12px 12px;gap:2px}.grid-cell{font-size:9px;border-radius:2px;min-height:13px}.learning-strip{gap:20px;margin-top:24px}.learning-block h3{font-size:13px}.learning-block p{font-size:12px}.learning-block a{font-size:12px}.site-footer{padding:20px 16px;font-size:11px;gap:12px;align-items:flex-start}.site-footer b{font-size:16px}.footer-note{display:none}
  .compare-controls{padding:13px;gap:10px;margin-bottom:16px}.compare-controls label{font-size:12px}.compare-controls .play-button{margin-left:0}.compare-grid{grid-template-columns:minmax(0,1fr);gap:17px}.compare-card-header{padding:18px 15px;gap:12px}.compare-card-header h2{font-size:20px}.compare-card-header p{font-size:11px}.compare-card select{font-size:12px;max-width:100%}.compare-card .chart{height:235px}.compare-card .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.compare-card .metric{padding:15px 12px;border-bottom:0;border-right:1px solid var(--line)}.compare-card .metric:last-child{border-right:0}.compare-card .metric-value{font-size:20px}.compare-card .metric-label{font-size:9px;letter-spacing:.25px}.compare-caption{font-size:12px;min-height:67px;padding:13px 15px}.comparison-result{display:block;padding:14px 16px;font-size:13px}.comparison-result small{display:block;font-size:11px;margin-top:7px}
  .growth-panel{display:block}.growth-copy{padding:21px;border-right:0;border-bottom:1px solid var(--line)}.growth-copy h2{font-size:25px}.growth-copy p{font-size:12px;max-width:none}.growth-visual{padding:22px 17px}.growth-row{font-size:11px;grid-template-columns:84px minmax(0,1fr) 58px;gap:8px}.growth-note{font-size:10px;line-height:1.9}.growth-copy label{font-size:11px}
  .playground-layout{grid-template-columns:minmax(0,1fr);gap:17px}.editor-top,.output-top{padding:13px 14px;font-size:11px}.editor-top small{display:none}.editor-source{height:350px;padding:17px 14px;font:12px/1.9 var(--mono)}.editor-bottom{padding:12px;gap:6px}.editor-bottom .editor-hint{display:none}.editor-bottom .quiet-btn{font-size:11px;padding:6px}.editor-bottom .play-button{font-size:11px;padding:0 10px;min-width:80px}.playground-input{padding:15px}.playground-input .field,.field{font-size:12px}.output-console{padding:17px 15px;font-size:12px}.output-meta{font-size:10px;padding:11px 14px}.analysis-card{padding:18px}.analysis-card p,.signal{font-size:12px}.analysis-card h3{font-size:14px}.practice-toolbar{padding:12px 14px;gap:8px}.practice-toolbar label{flex-basis:100%;justify-content:space-between;font-size:11px}.practice-toolbar select{max-width:210px;font-size:12px}.practice-contract{padding:13px 14px;font-size:12px}.reference-actions{padding:9px 12px;gap:5px}.test-summary,.test-case{padding:12px 14px;font-size:12px}.test-results>h3{font-size:14px;padding:14px}.test-case{gap:9px}.test-case small{font-size:11px}
  .section-heading{gap:14px;align-items:flex-start;flex-direction:column}.section-heading h2{font-size:22px}.notebook-actions{gap:6px}.notebook-actions .btn{font-size:11px;padding:9px 10px}.notebook-grid{grid-template-columns:minmax(0,1fr);gap:15px}.note-card{padding:20px}.note-card h2{font-size:22px}.note-card p{font-size:12px}.empty-notebook{padding:42px 20px}.empty-notebook h2{font-size:25px}.empty-notebook p{font-size:13px}
  .benchmark-view{grid-template-columns:minmax(0,1fr);gap:22px}.bench-config{border-radius:7px}.config-content{padding:16px}.panel-heading{padding:15px 16px}.panel-heading h2{font-size:14px}.algorithm-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px;padding-bottom:14px}.algorithm-picker legend{font-size:11px;margin-bottom:8px}.algorithm-picker label{font-size:11px;gap:6px;min-height:34px;align-items:center}.algorithm-picker small{display:none}.algorithm-picker input{height:15px;width:15px}.bench-config .field{font-size:12px;margin:14px 0}.bench-config .field input,.bench-config .field select{font-size:12px;min-height:39px}.config-pair{gap:12px}.size-presets button{font-size:12px;min-height:34px}#bench-run{min-height:42px;font-size:13px}
  .results-heading{margin-bottom:14px;gap:12px;align-items:flex-start;flex-wrap:wrap}.results-heading h2{font-size:22px}.results-heading .eyebrow{font-size:10px}.result-actions{gap:6px;flex-wrap:wrap}.result-actions .btn{font-size:11px;padding:8px 10px;min-height:34px}.bench-empty{padding:34px 21px;min-height:340px}.bench-empty h3{font-size:20px;line-height:1.4}.bench-empty p{font-size:12px}.empty-chart{margin-bottom:21px}.empty-steps{align-items:flex-start;flex-direction:column;gap:11px;margin-top:21px}.empty-steps span{font-size:11px}
  .report-meta{padding:17px 0;gap:18px 0;grid-template-columns:repeat(2,minmax(0,1fr))}.report-meta>div{padding:0 15px}.report-meta strong{font-size:20px}.report-meta span{font-size:11px}.report-meta>div:nth-child(3) strong{font-size:12px;min-height:27px}.report-context{font-size:11px;gap:6px;padding:12px 0}.benchmark-table{min-width:730px}.benchmark-table th{padding:12px;font-size:10px}.benchmark-table td{padding:12px;font-size:12px}.benchmark-table td.mono{font-size:11px}.benchmark-table th:first-child,.benchmark-table td:first-child{padding-left:15px}.table-footnote{font-size:11px;line-height:1.8}.methodology{margin-top:17px}.methodology summary{padding:14px 15px;font-size:12px}.methodology>div{padding:0 15px 7px}.methodology p{font-size:12px}.bench-code>p{margin:13px 15px;font-size:12px}#bench-source{padding:15px;font-size:12px;min-height:190px}.progress-heading{font-size:11px}.bench-complete,.bench-stop{font-size:12px;padding:11px 13px}
  dialog{padding:20px;width:calc(100% - 24px);max-height:calc(100dvh - 32px)}.modal-heading h2{font-size:22px}.modal-heading{gap:12px}dialog p{font-size:13px}.field input,.field textarea{font-size:12px}.modal-actions{gap:7px}.modal-actions .btn{font-size:12px;padding:9px 12px}.command-results{max-height:52dvh}.command-results button{font-size:12px;padding:11px 10px;gap:10px}.command-results small{font-size:9px}.toast{font-size:12px;bottom:18px;padding:11px 15px;max-width:calc(100vw - 32px)}
}
@media(max-width:390px){.site-header{padding-left:13px;padding-right:13px}.brand{font-size:22px}.header-right{gap:5px}.notebook-link{gap:4px}.notebook-link>span:last-child{display:none}main{padding-left:12px;padding-right:12px}.intro h1{font-size:27px}.nav-link{font-size:11px;padding:8px 5px}.header-right .shortcut-btn{padding:0 5px;min-width:30px}#theme-select{max-width:72px}.site-footer{padding-left:13px;padding-right:13px}.lab-heading h2{font-size:21px}.tag{font-size:9px}.heading-actions .icon-btn{width:31px;height:31px}.bar-value{font-size:9px}.metric{padding-left:13px;padding-right:13px}.metric-label{font-size:10px;letter-spacing:.1px}.result-actions .btn{font-size:11px;padding:7px 8px}.practice-toolbar select{max-width:190px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Final markup contracts shared by Explore and Playground. */
.skip-link{background:var(--accent);color:var(--on-accent)}
.intro-actions [data-action='command']{height:38px;font:12px var(--sans);padding:0 12px}
.intro-actions [data-action='command'] kbd{margin-left:7px}
main>.reference-actions{margin-top:12px;border:1px solid var(--line);border-radius:6px;padding:12px 16px}
.reference-actions>span{font-size:12px;color:var(--muted);margin-right:auto}.reference-actions>small{font:10px/1.8 var(--mono);color:var(--muted);margin-right:auto}
.practice-toolbar{border:1px solid var(--line);border-radius:7px 7px 0 0;background:var(--white)}
.practice-toolbar>span{font-size:11px;color:var(--muted)}
.practice-contract{border:1px solid var(--accent-line);border-top:0;border-radius:0 0 7px 7px;margin-bottom:20px}
.practice-contract>strong{display:block;margin-bottom:4px;color:var(--accent);font-size:12px}
.practice-contract .reference-warning{padding-left:11px;border-left:2px solid var(--amber-border);margin-top:10px;color:var(--muted)}
.test-results>p{font-size:12px;color:var(--muted);line-height:1.8;margin:0;padding:17px 18px}
.test-results .panel-heading>span{font:11px var(--mono);color:var(--muted)}
.test-summary{display:flex;align-items:center;justify-content:space-between;gap:16px}.test-summary>span{font-size:11px;color:var(--muted)}
details.test-case{display:block;padding:0}.test-case summary{display:flex;align-items:center;gap:9px;cursor:pointer;padding:12px 17px;font-size:12px;line-height:1.65;list-style:none}.test-case summary::-webkit-details-marker{display:none}.test-case summary:before{content:'›';font:17px var(--sans);color:var(--muted);width:10px;flex:none;transform-origin:center;transition:transform .15s}.test-case[open] summary:before{transform:rotate(90deg)}.test-case summary:hover{background:var(--surface-raised)}.test-case summary .result-status{flex:none;font-size:10px}
.test-case dl{display:grid;grid-template-columns:65px minmax(0,1fr);gap:8px 11px;margin:0;padding:2px 18px 15px 37px;font-size:11px;line-height:1.7}.test-case dt{color:var(--muted);font-weight:500}.test-case dd{margin:0;min-width:0;overflow-wrap:anywhere}.test-case dd code{font:11px/1.75 var(--mono);white-space:pre-wrap;color:var(--code-ink)}
div.workflow-link{display:flex;width:100%;justify-content:space-between;align-items:center;gap:20px;margin:0 0 25px;padding:17px 20px;border:1px solid var(--line);background:var(--white);border-radius:7px;color:var(--ink);font-size:13px;font-weight:400}div.workflow-link:hover{text-decoration:none}div.workflow-link p{margin:0;line-height:1.8;color:var(--muted);max-width:660px}div.workflow-link .btn{flex:none}
#command-query{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:5px;background:var(--surface-raised);font-size:14px;color:var(--ink)}
@media(max-width:700px){main>.reference-actions{padding:12px;margin-top:12px;gap:7px}.reference-actions>span{flex-basis:100%;font-size:12px;margin-bottom:3px}.reference-actions>small{font-size:10px}.practice-toolbar{gap:10px}.practice-toolbar>span{font-size:11px;flex-basis:100%}.practice-contract{margin-bottom:17px}.test-results>p{padding:15px;font-size:12px}.test-summary{gap:10px;flex-wrap:wrap}.test-summary>span{font-size:11px}.test-case summary{padding:12px 13px;gap:7px;font-size:12px}.test-case dl{grid-template-columns:53px minmax(0,1fr);padding:0 14px 15px 31px;gap:8px}.test-case dd code{font-size:11px}div.workflow-link{align-items:flex-start;flex-direction:column;padding:16px;gap:13px;margin-bottom:20px;font-size:12px}div.workflow-link .btn{font-size:12px}}