.starter-page{min-width:0;max-width:60rem;margin-inline:auto}.starter-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.starter-top .starter-home{margin-bottom:0}.starter-page [hidden]{display:none!important}.starter-page :is(h1,h2,p){margin:0}.starter-page h1{font-size:var(--browse-title-size);letter-spacing:-.025em;text-wrap:balance;font-weight:550;line-height:1.15}.starter-page h2{letter-spacing:-.02em;text-wrap:balance;font-size:1.5rem;font-weight:550;line-height:1.3}.starter-page p{line-height:1.65}.starter-page a{text-underline-offset:4px}.starter-page :is(a,button,summary,[tabindex="-1"]):focus-visible{outline:3px solid var(--accent);outline-offset:4px}.starter-page :is(h1,h2)[tabindex="-1"]:focus{outline:none}.starter-home{align-items:center;min-height:44px;margin-bottom:12px;font-size:.9375rem;font-weight:550;display:inline-flex}.starter-heading{margin-bottom:28px}.starter-heading>p{max-width:65ch;color:var(--muted);text-wrap:pretty;margin-top:12px}.starter-workspace{border:1px solid var(--line);background:var(--card);border-radius:16px;overflow:clip}.starter-setup{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:28px;min-height:320px;padding:28px;display:grid}.starter-figure{background:var(--subject-surface,var(--mint));border-radius:12px;min-width:0;overflow:hidden}.starter-figure svg{width:100%;height:auto;display:block}.starter-example>p{margin-top:16px}.starter-muted{color:var(--muted)}.starter-dock{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding:20px 28px;display:flex}.starter-dock>p{color:var(--muted);font-size:.9375rem}.starter-button{border-radius:var(--control-radius,12px);min-width:13.75rem;min-height:52px;font:inherit;text-align:center;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.starter-primary{color:var(--accent-ink);background:var(--accent)}.starter-primary:hover{background:var(--accent-hover)}.starter-primary:active{background:var(--accent-active)}.starter-primary:disabled{color:var(--control-disabled-ink);background:var(--line);cursor:default}.starter-button svg{flex:none;width:20px;height:20px}.starter-page .starter-note{color:var(--muted);margin-top:16px;font-size:.875rem}.starter-fallback{margin-top:24px}.starter-fallback a{align-items:center;min-height:44px;margin-right:24px;display:inline-flex}.starter-question{padding:24px 28px 0}.starter-question-heading{justify-content:space-between;align-items:baseline;gap:16px 24px;margin-bottom:20px;display:flex}.starter-question-heading h2{min-width:0;font-size:1.25rem}.starter-question-heading>p{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:.875rem}.starter-question-figure{max-width:42rem;margin-inline:auto}.starter-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.starter-choice{border:1px solid var(--control-border);background:var(--card);min-width:0;min-height:64px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:14px 16px;font-weight:550;line-height:1.45;display:flex}.starter-choice kbd{border:1px solid var(--line);width:24px;height:26px;color:var(--muted);font:inherit;border-radius:4px;flex:none;justify-content:center;align-items:center;font-size:.8125rem;display:inline-flex}.starter-choice:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.starter-choice:active:not(:disabled){background:var(--mint)}.starter-choice:disabled{opacity:1;cursor:default}.starter-choice[data-result=correct]{border-color:var(--accent);background:var(--accent-soft)}.starter-choice[data-result=incorrect]{border-color:var(--error,#a8412a);background:var(--apricot)}.starter-choice[data-result=other]{color:var(--muted)}.starter-choice-mark{margin-left:auto;font-size:.8125rem;font-weight:600}.starter-feedback{min-height:114px;padding-block:20px;font-size:.9375rem;line-height:1.6}.starter-feedback [data-starter-prompt]{color:var(--muted)}.starter-feedback strong{font-weight:600}.starter-feedback [data-starter-explanation]>p{margin-top:4px}.starter-result{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:48px;padding-block:24px 36px;display:grid}.starter-completion-mark{width:36px;height:36px;color:var(--accent);stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:20px;display:block}.starter-completion-mark circle{fill:var(--accent-soft);stroke:none}.starter-result .starter-heading{margin-bottom:20px}.starter-page .starter-score{font-variant-numeric:tabular-nums}.starter-next-step{border-top:1px solid var(--line);padding-top:24px}.starter-next-step>p{color:var(--muted);margin-top:12px}.starter-next-step .starter-button{margin-top:24px;display:flex}.starter-quiet{min-height:44px;color:var(--accent);font:inherit;text-underline-offset:4px;text-align:center;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:8px 0;font-weight:550;line-height:1.5;text-decoration:underline;display:inline-flex}.starter-next-step .starter-quiet{width:100%;margin-top:8px}.starter-quiet:hover{text-decoration-thickness:2px}.starter-review{border-top:1px solid var(--line);padding-top:28px}.starter-page .starter-review-tip{max-width:65ch;color:var(--muted);margin-block:12px 24px}.starter-review details{border-top:1px solid var(--line)}.starter-review details:last-child{border-bottom:1px solid var(--line)}.starter-review summary{cursor:pointer;padding-block:16px;line-height:1.5}.starter-review-status{color:var(--muted);margin-left:24px;font-size:.9375rem}.starter-review-body{max-width:65ch;padding:0 0 20px 20px}.starter-review-body>p+p{margin-top:8px}.starter-rest{max-width:39rem;padding-block:36px 48px}.starter-rest .starter-heading{margin-bottom:20px}.starter-rest-actions{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:28px;display:flex}.starter-secondary{border-color:var(--control-border);background:var(--card);color:var(--ink)}.starter-secondary:hover{background:var(--accent-soft)}.starter-secondary:active{background:var(--mint)}@media (width<=50em){.starter-setup{grid-template-columns:minmax(0,1fr);gap:24px;min-height:0}.starter-setup .starter-figure{justify-self:center;width:100%;max-width:35rem}.starter-result{grid-template-columns:minmax(0,1fr);gap:28px}.starter-next-step{max-width:36rem}}@media (width<=37.5em){.starter-heading{margin-bottom:24px}.starter-home{margin-bottom:8px}.starter-setup,.starter-question{padding:20px}.starter-question{padding-bottom:0}.starter-example h2{font-size:1.25rem}.starter-dock{gap:12px;padding:16px 20px}.starter-dock>p{width:100%}.starter-dock .starter-button{width:100%;min-width:0}.starter-question-heading{flex-wrap:wrap;gap:8px 16px}.starter-question-heading h2{flex:12rem}.starter-choices{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}.starter-choice{min-height:56px;padding:12px}.starter-feedback{min-height:152px}.starter-shortcuts{display:none}.starter-result{padding-top:16px}.starter-review-status{margin-left:12px}.starter-rest{padding-block:20px 32px}.starter-rest-actions{align-items:stretch}.starter-rest-actions>*{width:100%;min-width:0}}@media (prefers-reduced-motion:no-preference){.starter-feedback [data-starter-explanation]{animation:.18s cubic-bezier(.16,1,.3,1) starter-feedback-in}@keyframes starter-feedback-in{0%{clip-path:inset(0 0 18%)}to{clip-path:inset(0)}}}@media (forced-colors:active){.starter-workspace,.starter-button,.starter-choice{border-color:buttontext}.starter-choice[data-result=correct]{outline-offset:-3px;outline:2px solid highlight}.starter-choice[data-result=incorrect]{border-style:dashed}.starter-choice-mark{color:canvastext}.starter-primary:disabled{color:graytext;border-color:graytext}.starter-completion-mark{color:canvastext}}