@layer pages{.workshop-brief{max-width:var(--measure);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--color-text-prose)}.workshop-toolbar{align-items:center;gap:var(--space-3) var(--space-5);margin:var(--space-4) 0 var(--space-6);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.workshop-toolbar>span{color:var(--color-text-subtle);margin-right:auto}.workshop-layout{gap:var(--space-6);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.workshop-instructions h2{margin-bottom:var(--space-4);font-size:var(--text-lg)}.workshop-instructions ol{gap:var(--space-5);margin:0 0 var(--space-5);padding:0;list-style:none;display:grid}.workshop-instructions li{gap:var(--space-3);grid-template-columns:2rem minmax(0,1fr);display:grid}.workshop-step-number{border-radius:var(--radius-full);background:var(--color-accent-soft);width:1.75rem;height:1.75rem;color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--weight-bold);place-items:center;display:grid}.workshop-instructions h3{margin-bottom:var(--space-1);font-size:var(--text-base)}.workshop-instructions p{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted)}.workshop-editor{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.workshop-editor-head{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border);background:var(--color-surface-2);flex-wrap:wrap;display:flex}.workshop-editor-head h2{font-family:var(--font-mono);font-size:var(--text-sm)}.workshop-editor-head span{font-size:var(--text-xs);color:var(--color-text-subtle)}.workshop-editor>.actions,.workshop-editor>p,.workshop-editor>.draft-controls,.workshop-editor>.error{margin:var(--space-3) var(--space-4)}.workshop-editor>p{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted)}#workshop-code{width:calc(100% - 2 * var(--space-4));height:22rem;min-height:15rem;margin-inline:var(--space-4);padding:var(--space-4);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-code-bg);color:var(--color-code-text);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-prose);tab-size:2;resize:vertical;display:block}.workshop-results{margin:var(--space-6) 0;padding-top:var(--space-5);border-top:2px solid var(--color-accent)}.workshop-report-head{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.workshop-report-head h2{font-size:var(--text-xl)}.workshop-report-head span{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-accent)}.workshop-results>p{max-width:var(--measure);margin-bottom:var(--space-5);color:var(--color-text-prose)}.workshop-case{border-left:4px solid var(--color-danger);padding:0;overflow:hidden}.workshop-case[data-pass=true]{border-left-color:var(--color-success)}.workshop-case>summary{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);line-height:var(--leading-normal);margin:0;display:flex}.workshop-case>summary:before{content:"";background:var(--color-danger);flex-shrink:0;width:1.125rem;height:1.125rem;-webkit-mask:url(/_astro/x-circle.CWvuLj2E.svg) 50%/contain no-repeat;mask:url(/_astro/x-circle.CWvuLj2E.svg) 50%/contain no-repeat}.workshop-case[data-pass=true]>summary:before{background:var(--color-success);-webkit-mask-image:url(/_astro/check-circle.CHFWzVl5.svg);mask-image:url(/_astro/check-circle.CHFWzVl5.svg)}.workshop-case-body{padding:0 var(--space-4) var(--space-4)}.workshop-case-body dl{gap:var(--space-1) var(--space-4);margin:var(--space-3) 0;grid-template-columns:minmax(0,1fr);display:grid}.workshop-case-body dt{font-weight:var(--weight-semibold)}.workshop-case-body dd{color:var(--color-text-muted);overflow-wrap:anywhere}.workshop-case-body p{max-width:var(--measure);color:var(--color-text-prose)}.workshop-case pre{margin:var(--space-2) 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-code-bg);color:var(--color-code-text);font-size:var(--text-sm);line-height:var(--leading-normal);white-space:pre-wrap;overflow-wrap:anywhere}.workshop-help{margin-top:var(--space-7)}.lab-path-links{gap:var(--space-2) var(--space-5);margin-top:var(--space-6);font-size:var(--text-sm);flex-wrap:wrap;display:flex}@media (width>=48em){.workshop-case-body dl{grid-template-columns:7rem minmax(0,1fr)}}@media (width>=64em){.workshop-layout{grid-template-columns:minmax(15rem,.85fr) minmax(0,1.35fr)}.workshop-editor{top:calc(var(--header-height) + var(--space-5));position:sticky}}.lab-meta{margin-bottom:var(--space-5);padding:var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.lab-class{margin:0 0 var(--space-3);font-weight:var(--weight-semibold)}.lab-chips{gap:var(--space-3) var(--space-6);margin:0 0 var(--space-4);flex-wrap:wrap;display:flex}.lab-chips div{flex-direction:column;gap:2px;display:flex}.lab-chips dt{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.lab-chips dd{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0}.lab-meta-columns{gap:var(--space-3) var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));display:grid}.lab-meta-columns h2{margin:0 0 var(--space-2);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.lab-meta-columns ul{padding-left:var(--space-5);margin:0}.lab-meta-columns li{margin-bottom:var(--space-1)}.lab-meta-columns p{margin:0 0 var(--space-2)}.lab-aka{font-size:var(--text-sm);color:var(--color-text-muted)}.lab-mode,.lab-check{min-width:0}.lab-mode{gap:var(--space-2);margin:0 0 var(--space-5);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);display:grid}.lab-mode legend{padding:0 var(--space-1);font-weight:var(--weight-semibold)}.lab-mode label,.lab-check label{gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;align-items:flex-start;display:flex}.lab-mode input[type=radio],.lab-check input[type=radio]{appearance:auto;width:1.125rem;height:1.125rem;min-height:0;accent-color:var(--color-accent);flex-shrink:0;margin:.2em 0 0;padding:0;display:block}.lab-stage{margin:0 0 var(--space-6);padding:var(--space-4) var(--space-5);border:var(--border-width) solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-lg);background:var(--color-surface)}.lab-stage h2{margin:0 0 var(--space-2);font-size:var(--text-md)}.lab-stage p{margin:0 0 var(--space-2)}.lab-stage label{margin:var(--space-3) 0 var(--space-1);font-weight:var(--weight-semibold);display:block}.lab-stage textarea{width:100%;min-height:9rem;padding:var(--space-3);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-code-bg);color:var(--color-code-text);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);resize:vertical;display:block}.lab-stage .actions{gap:var(--space-2);margin:var(--space-3) 0}.lab-stage[data-state=broken] #stage-status{font-weight:var(--weight-semibold)}.lab-stage pre{white-space:pre-wrap;overflow-wrap:anywhere}.lab-locked{color:var(--color-text-muted);font-style:italic}.lab-checks{margin:var(--space-6) 0}.lab-checks h2{margin:0 0 var(--space-2);font-size:var(--text-md)}.lab-check{gap:var(--space-2);margin:var(--space-3) 0;padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);display:grid}.lab-check legend{padding:0 var(--space-1);font-weight:var(--weight-semibold)}.lab-check pre{padding:var(--space-3);border:var(--border-width) solid var(--color-code-border);border-radius:var(--radius-md);background:var(--color-code-bg);color:var(--color-code-text);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.lab-check pre code,.lab-stage pre code{overflow-wrap:anywhere}.lab-check .button{justify-self:start}.lab-check [data-correct=true]{font-weight:var(--weight-semibold)}.workshop-code-wrap{margin-inline:var(--space-4);align-items:stretch;display:flex}.workshop-gutter{width:calc(3ch + var(--space-3) + var(--space-2) + 1px);contain:size;padding:var(--space-4) var(--space-2) var(--space-4) var(--space-3);border:var(--border-width) solid var(--color-border-strong);border-right-color:var(--color-code-border);border-radius:var(--radius-md);background:var(--color-code-head);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-prose);text-align:right;user-select:none;border-top-right-radius:0;border-bottom-right-radius:0;flex:none;overflow:hidden}.workshop-gutter span{display:block}.workshop-gutter span.is-error{background:var(--color-danger-bg);color:var(--color-danger);font-weight:var(--weight-bold)}.workshop-code-field{flex:auto;min-width:0;position:relative}.workshop-code-wrap #workshop-code,.workshop-highlight{border-radius:var(--radius-md);border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;width:100%;margin:0}.workshop-highlight{padding:var(--space-4);border:var(--border-width) solid transparent;background:var(--color-code-bg);color:var(--color-code-text);font-size:var(--text-sm);line-height:var(--leading-prose);tab-size:2;white-space:pre;pointer-events:none;border-left:0;position:absolute;inset:0;overflow:hidden}.workshop-highlight code{min-width:100%;padding:0 var(--space-8) var(--space-8) 0;color:inherit;display:inline-block}.is-highlighted #workshop-code{-webkit-text-fill-color:transparent;caret-color:var(--color-code-text);font-variant-ligatures:none;background:0 0;position:relative}.is-highlighted #workshop-code::selection{background:color-mix(in srgb, var(--color-selection) 60%, transparent);color:#0000;-webkit-text-fill-color:transparent}.tok-match{border-radius:var(--radius-sm);background:var(--color-code-line);outline:var(--border-width) solid var(--color-border-strong)}@media (forced-colors:active){.workshop-highlight{display:none}.is-highlighted #workshop-code{-webkit-text-fill-color:currentColor}}.workshop-console{margin-top:var(--space-5)}.workshop-console h3{margin:0 0 var(--space-2);font-size:var(--text-sm)}.workshop-console pre{max-height:16rem;padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-code-border);border-radius:var(--radius-md);background:var(--color-code-bg);color:var(--color-code-text);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;overflow:auto}#workshop-error-details{margin-top:var(--space-2);grid-column:2}#workshop-error-details pre{margin:var(--space-1) 0 0;font-size:var(--text-xs);white-space:pre-wrap;overflow-wrap:anywhere}.lab-runtime ul{margin:var(--space-1) 0 var(--space-3);padding-left:var(--space-5)}.lab-runtime li{margin-bottom:var(--space-1)}:is(#workshop-results,#workshop-error,#workshop-editor,#lab-mystery-result):focus-visible{outline:2px solid var(--color-focus);outline-offset:var(--space-2)}.lab-skip{margin:0 0 var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold);display:inline-block}.lab-next{margin:var(--space-3) 0 0;font-size:var(--text-sm)}html[data-mystery] :is(.page-heading>:not(h1),.page-heading h1:not([data-mystery-title]),.breadcrumbs li:last-child,[data-mystery-hide]){display:none}.lab-mystery{margin:0 0 var(--space-6)}.lab-mystery .lab-check{gap:var(--space-2);margin:var(--space-4) 0;border:0;padding:0;display:grid}.lab-mystery .lab-check legend{margin-bottom:var(--space-2);font-weight:var(--weight-semibold);padding:0}}