/* A reusable frame for bounded learning tasks. Only opted-in routes use it. */
html[data-workbench],html[data-workbench] body{height:100%;overflow:hidden;overscroll-behavior:none}
html[data-workbench] body{display:grid;--wb-top:64px;grid-template-rows:var(--wb-top) minmax(0,1fr)}
html[data-workbench] .topbar{min-height:0;padding:9px 24px;gap:12px}
html[data-workbench] .topbar nav{gap:20px}
html[data-workbench] .topbar .actions{flex-wrap:nowrap;gap:8px}
html[data-workbench] .rail,html[data-workbench] .workspace>footer{display:none}
html[data-workbench] .shell{display:block;min-height:0;width:100%;max-width:1600px;height:100%;margin:auto}
html[data-workbench] .workspace,html[data-workbench] #main{height:100%;min-height:0;margin:0;padding:0;animation:none;transform:none}
html[data-workbench] #main:focus{outline:none}
.learning-workbench{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;padding:26px 34px 14px;min-height:0;--wb-wash:var(--tint)}
.learning-workbench.wb-lesson{grid-template-rows:auto auto minmax(0,1fr) auto}
.wb-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0}
.wb-heading>div{min-width:0}.wb-heading .eyebrow{font-size:11px;margin:0 0 7px;letter-spacing:.1em}
.wb-heading h1{font-size:clamp(25px,3vw,42px);line-height:1.15;margin:0;letter-spacing:-.045em}
.wb-body{min-width:0;min-height:0}.wb-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:0;margin:0;border-top:1px solid var(--line);padding-top:10px;font-size:11px}
.wb-footer a:not(.button),.wb-quiet{font-size:12px;font-weight:700;text-decoration:none}.wb-footer>span{font-size:11px;color:var(--muted)}.learning-workbench .button,.learning-workbench button{font-size:12px;min-height:38px;padding:8px 12px}.wb-footer .button{min-height:34px;padding:5px 12px}
.wb-map{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;height:100%;min-height:0}.wb-course-list{display:grid;grid-template-rows:repeat(8,minmax(0,1fr));gap:4px;min-height:0}.wb-course-list a{display:flex;align-items:center;gap:14px;color:var(--ink);text-decoration:none;border:1px solid transparent;border-radius:9px;padding:6px 12px;min-height:0}.wb-course-list a[aria-current=true]{border-color:var(--accent);background:var(--surface);box-shadow:var(--shadow)}.wb-course-list a:hover{background:var(--surface)}.wb-course-number{font:11px ui-monospace,monospace;color:var(--accent)}.wb-course-list small{display:block;font-size:11px}.wb-course-list strong{display:block;font-size:13px;line-height:1.3;font-weight:700}.wb-course-state{margin-left:auto;color:var(--accent);font-size:13px}.wb-module-preview{border:1px solid var(--line);border-radius:16px;padding:32px;display:flex;flex-direction:column;background:var(--surface);min-height:0;box-shadow:var(--shadow)}.wb-preview-meta{display:flex;justify-content:space-between;gap:12px;font:11px ui-monospace,monospace;color:var(--muted)}.wb-preview-copy{margin:auto 0;max-width:680px;padding:20px 0}.wb-command{font:12px ui-monospace,monospace;color:var(--coral);margin:0 0 16px}.wb-preview-copy h2{font-size:clamp(30px,3.5vw,48px);line-height:1.1;letter-spacing:-.05em;margin:0 0 22px;max-width:600px}.wb-preview-copy>p:last-child{font-size:17px;line-height:1.6;color:var(--muted);max-width:560px;margin:0}.wb-preview-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.wb-path{display:flex;align-items:center;gap:18px;padding-top:24px;margin-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.wb-path i{font-style:normal;color:var(--coral)}.wb-map-select{display:none}
.wb-module-select{font-size:11px;color:var(--muted);gap:4px;width:240px;flex-shrink:0}.wb-module-select select{font-size:12px;min-height:36px;padding:6px 8px;width:100%}.wb-navigation{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-bottom:9px}.wb-navigation a{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:36px;color:var(--muted);border-radius:7px;text-decoration:none;font-size:12px;font-weight:700}.wb-navigation a span{font:11px ui-monospace,monospace;color:var(--muted)}.wb-navigation a[aria-current=step]{background:var(--accent);color:var(--surface)}.wb-navigation a[aria-current=step] span{color:inherit}
.wb-lesson-stage{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr);gap:24px}.wb-reading{padding:30px;border:1px solid var(--line);background:var(--surface);border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:18px;min-height:0}.wb-reading p{font-size:17px;line-height:1.7;margin:0;max-width:720px}.wb-reading .wb-lede{font-size:22px;line-height:1.5;letter-spacing:-.02em;font-weight:600}.wb-reading .eyebrow{font-size:11px;line-height:1.3;color:var(--coral)}.wb-reading h2{font-size:27px;margin:0;line-height:1.25}.wb-source{font-size:11px;margin-top:8px}.wb-principle{display:flex;flex-direction:column;justify-content:center;gap:24px;padding:30px;background:var(--tint);border:1px solid var(--line);border-radius:12px;min-width:0;min-height:0}.wb-principle>span{font-size:11px;font-weight:700;color:var(--muted)}.wb-principle code{font:clamp(22px,2.5vw,36px)/1.4 ui-monospace,monospace;letter-spacing:-.06em;overflow-wrap:anywhere}.wb-principle p{font-size:13px;color:var(--muted);margin:0}.wb-principle a{font-size:12px;font-weight:700}.wb-check-state{display:flex;gap:20px;color:var(--good);font:12px ui-monospace,monospace}
.wb-stage-observe,.wb-stage-practice{display:block}.wb-observation{height:100%;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}.wb-demo{display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);min-height:0}.wb-demo>header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);font:11px ui-monospace,monospace;color:var(--muted)}.wb-demo-canvas{min-width:0;min-height:0;background-image:radial-gradient(var(--line) .7px,transparent .7px);background-size:20px 20px}.wb-demo-controls{padding:12px 16px;border-top:1px solid var(--line)}.wb-demo-controls button{width:100%;min-height:38px;font:11px ui-monospace,monospace}.wb-graph{height:100%;min-height:0}.wb-graph svg{display:block;width:100%;height:100%}.wb-graph circle{fill:var(--surface);stroke:var(--accent);stroke-width:1.5}.wb-graph text{font:11px ui-monospace,monospace;fill:var(--ink)}.wb-graph .wb-ref{font-size:11px;fill:var(--accent)}.wb-edge{fill:none;stroke:var(--accent);stroke-width:1.5}.wb-old circle{stroke-dasharray:3 3}.wb-observation-cards{height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:22px;align-items:center}.wb-observation-cards article{display:flex;flex-direction:column;gap:18px;padding:18px 12px;border:1px solid var(--line);border-top:3px solid var(--accent);background:var(--surface);border-radius:9px;min-height:0;min-width:0}.wb-observation-cards article:nth-child(2){border-top-color:var(--coral)}.wb-observation-cards span{font:11px/1.4 ui-monospace,monospace;color:var(--muted)}.wb-observation-cards strong{font:20px/1.3 ui-monospace,monospace;letter-spacing:-.04em;overflow-wrap:anywhere}.wb-observation-cards small{font-size:11px;line-height:1.4}.wb-catalog-evidence{padding-top:22px;border-top:1px solid var(--line);display:grid;gap:12px}.wb-catalog-evidence p:last-child{font-size:13px;color:var(--muted)}.wb-demo-result{font-size:17px!important}
.wb-terminal{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;min-width:0;border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.wb-terminal>header{display:flex;justify-content:space-between;align-items:center;padding:8px 18px;border-bottom:1px solid var(--line);font:11px ui-monospace,monospace}.wb-terminal>header button{min-height:30px;font-size:11px;padding:4px 8px}.wb-terminal pre{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:20px;min-height:0;font-size:13px;line-height:1.55}.wb-code-line{display:flex;align-items:baseline;gap:16px;min-width:0}.wb-code-line>span{font:11px ui-monospace,monospace;color:var(--muted);width:20px;flex-shrink:0;text-align:right;user-select:none}.wb-code-line code{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.wb-code-nav{display:flex;justify-content:space-between;align-items:center;padding:8px 18px;border-top:1px solid var(--line);font:11px ui-monospace,monospace}.wb-code-nav button{min-height:30px;padding:3px 10px}.wb-terminal-note p{font-size:14px}.wb-practice-grid{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:24px}.wb-practice-grid article{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:30px;min-height:0}.wb-step-mark{font:11px ui-monospace,monospace;color:var(--coral)}.wb-practice-grid h2{font-size:30px;line-height:1.2;letter-spacing:-.04em;margin:0}.wb-practice-grid p{font-size:15px;color:var(--muted);margin:0;max-width:360px}
@media(max-width:1050px){.learning-workbench{padding:20px 24px 12px;gap:14px}.wb-map{grid-template-columns:265px minmax(0,1fr);gap:16px}.wb-module-preview{padding:24px}.wb-preview-copy h2{font-size:32px}.wb-preview-copy>p:last-child{font-size:15px}.wb-lesson-stage,.wb-observation{gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.wb-reading,.wb-principle{padding:22px;gap:16px}.wb-reading p{font-size:15px}.wb-reading .wb-lede{font-size:19px}.wb-observation-cards{padding:12px;gap:6px}.wb-observation-cards article{padding:10px 7px;gap:12px}.wb-observation-cards strong{font-size:17px}.wb-catalog-evidence{padding-top:16px}.wb-demo-result{font-size:15px!important}.wb-terminal pre{font-size:11px;padding:14px;gap:4px}.wb-practice-grid{gap:16px}.wb-practice-grid article{padding:22px;gap:16px}.wb-practice-grid h2{font-size:26px}}
@media(max-width:700px){html[data-workbench] body{--wb-top:88px}html[data-workbench] .topbar{padding:7px 12px;display:grid;grid-template-columns:auto 1fr;gap:4px 8px}html[data-workbench] .topbar nav{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:10px}html[data-workbench] .topbar nav a{font-size:11px;padding:3px 0}html[data-workbench] .topbar .wordmark{font-size:21px}html[data-workbench] .topbar .actions{justify-content:end;gap:5px}html[data-workbench] .topbar button{min-height:32px;font-size:11px;padding:5px 7px}html[data-workbench] .topbar [data-profile-open]{max-width:82px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}html[data-workbench] .platform-switch{max-width:105px;min-height:32px;font-size:11px}.learning-workbench{padding:14px 12px 8px;gap:10px}.wb-heading{gap:8px}.wb-heading h1{font-size:23px;line-height:1.15}.wb-heading .eyebrow{font-size:11px;margin-bottom:5px}.wb-heading>.wb-quiet{font-size:11px;max-width:70px;text-align:right}.wb-map{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:10px}.wb-course-list{display:none}.wb-map-select{display:block}.wb-map-select .wb-module-select{width:100%}.wb-map-select .wb-module-select>span{display:none}.wb-module-preview{padding:18px;border-radius:10px}.wb-preview-meta{font-size:11px}.wb-preview-copy{padding:14px 0}.wb-preview-copy h2{font-size:28px;margin-bottom:12px}.wb-command{font-size:11px;margin-bottom:12px}.wb-preview-copy>p:last-child{font-size:13px;line-height:1.5}.wb-preview-actions{gap:12px}.wb-preview-actions .button{font-size:11px;min-height:36px}.wb-preview-actions .wb-quiet{font-size:11px}.wb-path{padding-top:12px;margin-top:14px;gap:10px;font-size:11px}.wb-footer{min-height:32px;padding-top:7px;gap:6px}.wb-footer a:not(.button){font-size:11px}.wb-footer>span{font-size:11px}.wb-journey .wb-footer>span{display:none}.wb-footer .button{font-size:11px;min-height:32px;padding:4px 8px}.wb-module-select{width:86px}.wb-module-select>span{display:none}.wb-module-select select{font-size:11px;min-height:34px;padding:5px}.wb-navigation{gap:3px;padding-bottom:6px}.wb-navigation a{font-size:11px;min-height:32px;gap:0}.wb-navigation a>span{display:none}.wb-lesson-stage{display:block}.wb-principle,.wb-terminal-note{display:none}.wb-reading{height:100%;padding:18px;gap:16px}.wb-reading p{font-size:14px;line-height:1.6}.wb-reading .wb-lede{font-size:17px;line-height:1.4}.wb-source{font-size:11px;margin-top:0}.wb-reading h2{font-size:22px}.wb-verification .button{font-size:11px}.wb-observation{grid-template-columns:1fr;grid-template-rows:minmax(110px,1fr) auto;gap:10px}.wb-demo>header{padding:6px 10px;font-size:11px}.wb-demo-controls{padding:6px 9px}.wb-demo-controls button{min-height:30px;font-size:11px;padding:5px 8px}.wb-observation-copy{height:auto;padding:12px;gap:8px}.wb-observation-copy>.eyebrow{font-size:11px}.wb-demo-result{font-size:12px!important;line-height:1.45!important}.wb-catalog-evidence{display:grid;padding:0;border:0;gap:5px}.wb-observation-cards{padding:8px;gap:5px}.wb-observation-cards article{padding:7px 5px;gap:6px;border-radius:6px}.wb-observation-cards span{font-size:11px}.wb-observation-cards strong{font-size:13px}.wb-observation-cards small{font-size:11px}.wb-terminal{height:100%}.wb-terminal>header{font-size:11px;padding:7px 10px}.wb-terminal pre{font-size:12px;padding:12px 10px;gap:10px}.wb-code-line{gap:8px}.wb-code-line>span{width:16px;font-size:11px}.wb-code-nav{padding:6px 10px;font-size:11px}.wb-practice-grid{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:10px}.wb-practice-grid article{padding:14px;gap:9px}.wb-practice-grid h2{font-size:20px}.wb-practice-grid p{font-size:11px;line-height:1.4}.wb-practice-grid .button{font-size:11px;min-height:32px;padding:5px 8px}.wb-step-mark{font-size:11px}}
@media(max-height:650px) and (min-width:701px){html[data-workbench] body{--wb-top:48px}html[data-workbench] .topbar{padding:5px 16px}.learning-workbench{padding:12px 18px 8px;gap:8px}.wb-heading h1{font-size:23px}.wb-heading .eyebrow{font-size:11px;margin-bottom:4px}.wb-heading .wb-module-select select{min-height:30px;font-size:11px}.wb-heading .wb-module-select>span{display:none}.wb-navigation{padding-bottom:5px}.wb-navigation a{min-height:28px;font-size:11px}.wb-footer{padding-top:5px;min-height:29px}.wb-footer .button{min-height:27px;font-size:11px;padding:4px 8px}.wb-map{grid-template-columns:220px 1fr;gap:14px}.wb-course-list a{padding:2px 6px;gap:8px}.wb-course-list small{display:none}.wb-course-list strong{font-size:11px}.wb-module-preview{padding:14px}.wb-preview-copy{padding:8px 0}.wb-preview-copy h2{font-size:26px;margin-bottom:8px}.wb-preview-copy>p:last-child{font-size:12px;line-height:1.4}.wb-command{font-size:11px;margin-bottom:8px}.wb-path{display:none}.wb-preview-actions .button{min-height:30px;padding:5px 8px;font-size:11px}.wb-preview-actions .wb-quiet{font-size:11px}.wb-reading,.wb-principle{padding:16px;gap:10px}.wb-reading p{font-size:12px;line-height:1.5}.wb-reading .wb-lede{font-size:15px;line-height:1.4}.wb-reading h2{font-size:20px}.wb-source{font-size:11px;margin-top:0}.wb-principle code{font-size:22px}.wb-principle p{font-size:11px}.wb-principle>span,.wb-principle a{font-size:11px}.wb-demo>header{padding:6px 10px;font-size:11px}.wb-demo-controls{padding:6px 10px}.wb-demo-controls button{font-size:11px;min-height:28px;padding:4px}.wb-demo-result{font-size:12px!important}.wb-catalog-evidence{padding-top:10px;gap:6px}.wb-catalog-evidence p:last-child{font-size:11px;line-height:1.4}.wb-observation-cards{padding:8px;gap:6px}.wb-observation-cards article{padding:7px;gap:6px}.wb-observation-cards span,.wb-observation-cards small{font-size:11px}.wb-observation-cards strong{font-size:14px}.wb-terminal>header{padding:5px 10px;font-size:11px}.wb-terminal pre{font-size:11px;padding:10px;gap:3px}.wb-code-nav{padding:4px 10px;font-size:11px}.wb-code-nav button{min-height:25px;padding:2px 8px}.wb-terminal-note p{font-size:11px}.wb-terminal-note .button{font-size:11px;min-height:28px;padding:4px 8px}.wb-practice-grid article{padding:16px;gap:10px}.wb-practice-grid h2{font-size:21px}.wb-practice-grid p{font-size:12px}.wb-practice-grid .button{font-size:11px;min-height:30px;padding:5px 8px}}
@media(max-height:650px) and (max-width:700px){.learning-workbench{padding:10px 10px 7px;gap:8px}.wb-heading h1{font-size:20px}.wb-module-preview{padding:14px}.wb-preview-copy{padding:10px 0}.wb-preview-copy h2{font-size:25px;margin-bottom:10px}.wb-preview-copy>p:last-child{font-size:12px;line-height:1.45}.wb-path{display:none}.wb-command{margin-bottom:10px;font-size:11px}.wb-preview-actions{gap:10px}.wb-preview-actions .button{font-size:11px;min-height:34px}.wb-reading{padding:14px;gap:12px}.wb-reading p{font-size:12px;line-height:1.5}.wb-reading .wb-lede{font-size:15px}.wb-observation-copy{padding:9px;gap:5px}.wb-demo-result{font-size:11px!important}.wb-observation-cards small{display:none}.wb-observation-cards article{gap:5px}.wb-practice-grid article{padding:11px;gap:6px}.wb-practice-grid h2{font-size:17px}.wb-practice-grid p{font-size:11px}.wb-practice-grid .button{min-height:29px;font-size:11px;padding:4px 7px}.wb-terminal pre{font-size:11px;gap:8px}.wb-reading h2{font-size:20px}}
@media(prefers-reduced-motion:no-preference){.wb-module-preview,.wb-demo-result{animation:wb-arrive .2s ease-out}@keyframes wb-arrive{from{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:none}}}

.learning-workbench [hidden]{display:none!important}html[data-workbench] body:has(.storage-feedback:not([hidden])){grid-template-rows:var(--wb-top) auto minmax(0,1fr)}.wb-observe-tabs{display:flex;gap:6px;width:100%}.wb-observe-tabs button{font-size:11px;min-height:30px;padding:4px 8px;flex:1}.wb-observe-tabs button[aria-pressed=true]{background:var(--tint);border-color:var(--accent);color:var(--accent)}.wb-observation-copy .wb-catalog-evidence{border:0;padding:0}.wb-observation-copy .wb-catalog-evidence p:last-child{font-size:15px;line-height:1.6}.wb-code-nav a{font-size:11px;text-decoration:none}
@media(max-width:700px),(max-height:650px){.wb-observe-tabs button{min-height:25px;padding:3px 6px;font-size:11px}.wb-observation-copy .wb-catalog-evidence p:last-child{font-size:11px;line-height:1.45}.wb-observation-copy .wb-catalog-evidence>.eyebrow{display:none}}

.wb-graph-modes{display:flex;gap:8px}.wb-graph-modes button[aria-pressed=true]{background:var(--accent);color:var(--surface)}.wb-graph .feedback{margin:0}.wb-graph .wb-reading code{font:12px/1.5 ui-monospace,monospace;overflow-wrap:anywhere}.wb-graph .wb-observation{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
@media(max-width:700px){.wb-graph .wb-observation{grid-template-columns:1fr;grid-template-rows:minmax(140px,1fr) auto}.wb-graph .wb-reading{height:auto;padding:12px;gap:7px}.wb-graph .wb-reading p{font-size:11px;line-height:1.4}.wb-graph .wb-reading h2{font-size:17px}.wb-graph .wb-reading code{font-size:11px}.wb-graph .wb-footer button{font-size:11px;min-height:30px;padding:4px 7px}}
@media(max-height:650px) and (min-width:701px){.wb-verification{padding:12px;gap:6px}.wb-verification h2{font-size:17px}.wb-verification .button{min-height:28px;padding:4px 8px;font-size:11px}.wb-graph .wb-reading code{font-size:11px}}
/* Browser zoom and short landscape windows retain side-by-side task space. */
@media(min-width:480px) and (max-width:700px) and (max-height:450px){html[data-workbench] body{--wb-top:68px}html[data-workbench] .topbar{padding:4px 10px;gap:1px 8px}.learning-workbench{padding:7px 10px;gap:6px}.wb-heading h1{font-size:19px}.wb-heading .eyebrow{font-size:11px;margin-bottom:3px}.wb-navigation{padding-bottom:4px}.wb-navigation a{min-height:26px;font-size:11px}.wb-footer{padding-top:4px;min-height:28px}.wb-footer .button{min-height:26px;padding:3px 6px;font-size:11px}.wb-observation,.wb-graph .wb-observation{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr;gap:10px}.wb-observation-copy,.wb-graph .wb-reading{height:100%;padding:10px;gap:8px}.wb-graph .wb-reading h2{font-size:16px}.wb-graph .wb-reading p{font-size:11px}.wb-reading{padding:12px;gap:9px}.wb-reading p{font-size:11px;line-height:1.5}.wb-reading .wb-lede{font-size:14px}.wb-practice-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:10px}.wb-practice-grid article{padding:12px;gap:8px}.wb-terminal pre{gap:4px;font-size:11px;padding:9px}.wb-terminal>header{padding:4px 8px;font-size:11px}.wb-terminal>header button{min-height:24px;padding:3px 6px;font-size:11px}.wb-code-nav{padding:4px 8px;font-size:11px}.wb-code-nav button{min-height:24px;padding:3px 7px}.wb-module-preview{padding:12px}.wb-preview-copy{padding:8px 0}.wb-preview-copy h2{font-size:22px;margin-bottom:8px}.wb-preview-copy>p:last-child{font-size:11px}.wb-command{font-size:11px;margin-bottom:7px}.wb-preview-actions .button{min-height:28px;padding:4px 7px}.wb-preview-meta{font-size:11px}}
@media(min-width:480px) and (max-width:700px) and (max-height:350px){.wb-module-preview{display:grid;grid-template-columns:minmax(0,1fr) 155px;grid-template-rows:auto minmax(0,1fr);gap:6px 14px;padding:10px}.wb-preview-meta{grid-column:1/-1}.wb-preview-copy{grid-column:1;grid-row:2;margin:0;padding:0;align-self:center}.wb-preview-copy h2{font-size:19px;margin-bottom:5px}.wb-preview-copy>p:last-child{font-size:11px;line-height:1.4}.wb-preview-actions{grid-column:2;grid-row:2;flex-direction:column;align-items:start;justify-content:center;gap:8px}.wb-preview-actions .button{font-size:11px}.wb-preview-actions .wb-quiet{font-size:11px}.wb-command{font-size:11px;margin-bottom:5px}}
/* In short zoomed windows, keep verification evidence beside its actions. */
@media(min-width:480px) and (max-width:700px) and (max-height:350px){
 .wb-stage-model>.wb-reading{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);grid-template-rows:minmax(0,1fr) auto;padding:8px;gap:5px 14px;align-items:center}.wb-stage-model>.wb-reading .wb-lede{font-size:13px;line-height:1.35}.wb-stage-model>.wb-reading>p:not(.wb-lede){font-size:11px;line-height:1.4}.wb-stage-model>.wb-reading>.wb-source{grid-column:1/-1;font-size:11px}
 .wb-verification{display:grid;grid-template-columns:minmax(0,1fr) 170px;grid-template-rows:auto auto minmax(0,1fr);align-content:center;align-items:start;gap:5px 16px;padding:10px}
 .wb-verification>.eyebrow{grid-column:1;grid-row:1;font-size:11px}
 .wb-verification>h2{grid-column:1;grid-row:2;font-size:17px}
 .wb-verification>p:not(.eyebrow){grid-column:1;grid-row:3;font-size:11px;line-height:1.4}
 .wb-verification>.wb-check-state{grid-column:2;grid-row:1;font-size:11px;gap:12px}
 .wb-verification>.button{grid-column:2;grid-row:2;font-size:11px;min-height:28px;padding:5px 7px}
 .wb-verification>.wb-source{grid-column:2;grid-row:3;font-size:11px}
}
/* Real-tool instructions are part of the task, including narrow and zoomed windows. */
.real-terminal-stage .wb-terminal-note{display:flex}
@media(max-width:700px){.real-terminal-stage{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(150px,1fr) auto;gap:10px}.real-terminal-stage .wb-terminal-note{height:auto;padding:12px;gap:8px}.real-terminal-stage .wb-terminal-note h2{font-size:17px}.real-terminal-stage .wb-terminal-note p{font-size:11px;line-height:1.45}.real-terminal-stage .wb-terminal pre{font-size:11px;padding:10px;gap:4px}}
@media(min-width:480px) and (max-height:450px){.real-terminal-stage{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:1fr;gap:10px}.real-terminal-stage .wb-terminal-note{display:flex;padding:9px;gap:7px}.real-terminal-stage .wb-terminal-note h2{font-size:16px}.real-terminal-stage .wb-terminal-note p{font-size:11px;line-height:1.4}}
/* Tablets: the five sections and the profile button stay on one line under the top edge. */
@media(min-width:701px) and (max-width:960px){.topbar nav,html[data-workbench] .topbar nav{gap:12px;flex-wrap:nowrap}.topbar .actions{flex-wrap:nowrap;gap:8px}.topbar .actions button,.topbar nav a{white-space:nowrap}.platform-switch,html[data-workbench] .platform-switch{max-width:132px}}