.gbadge.unfinished { background:var(--surface-2); color:var(--ink-2); border:1px solid var(--line); }
.grade-completion { font-size:14px; line-height:1.5; max-width:190px; margin:8px auto; color:var(--ink-2); }
.grade-completion.complete { color:var(--ok-d); }
.starter-page { max-width:840px; padding-block:28px 64px; }
.starter-heading { margin:26px 0; }
.starter-heading h1 { font-size:clamp(32px,5vw,48px); margin-bottom:15px; }
.starter-heading .lead { color:var(--ink-2); line-height:1.8; }
.starter-method,.starter-finish { padding:24px; border:1px solid var(--line); border-radius:20px; background:var(--surface-2); }
.starter-method h2,.starter-finish h2 { font-size:23px; }
.starter-method ol { padding-left:23px; margin-bottom:0; }
.starter-method li { margin-bottom:12px; padding-left:6px; }
.starter-toc { display:flex; flex-wrap:wrap; gap:9px; margin-block:26px; }
.starter-toc button { padding:10px 13px; font:700 15px/1.5 var(--font); text-align:left; background:var(--surface); color:var(--ink); border:1px solid var(--line); border-radius:10px; cursor:pointer; }
.starter-toc button:hover { background:var(--brand-l); }
.starter-topic { background:var(--surface); border:1px solid var(--line); border-radius:22px; padding:26px; margin-bottom:24px; scroll-margin-top:95px; min-width:0; overflow-wrap:anywhere; }
.starter-topic h2 { font-size:clamp(23px,3.5vw,29px); line-height:1.3; }
.starter-idea { font-size:19px; line-height:1.8; }
.starter-figure { padding:16px; background:var(--surface-2); border-radius:16px; }
.starter-figure .fig-art { text-align:center; overflow-x:auto; }
.starter-figure svg.art { width:100%; max-width:550px; height:auto; max-height:290px; }
.starter-figure figcaption { margin-top:12px; line-height:1.6; color:var(--ink-2); }
.starter-topic .worked { margin-block:22px; }
.starter-topic .checkpoint { margin-block:22px; }
.starter-lesson { display:inline-block; font-weight:800; line-height:1.7; text-underline-offset:4px; }
.starter-entry { margin-bottom:24px; padding:20px 24px; border:1px solid var(--line); border-left:5px solid var(--brand); border-radius:15px; background:var(--surface); }
.starter-entry p { color:var(--ink-2); margin-bottom:12px; }
.reading-help { display:flex; flex-wrap:wrap; gap:10px 24px; }
.reading-help p { flex-basis:100%; }
@media(max-width:650px){.starter-topic{padding:20px 14px;}.starter-idea{font-size:17px;}.starter-method,.starter-finish{padding:20px 17px;}.starter-figure{padding:12px 8px;}.starter-topic .tbl{font-size:15px;}.topnav{flex-wrap:wrap;row-gap:6px;}}
@media print{.starter-toc,.starter-lesson,.starter-finish,.starter-page>.back{display:none!important;}.starter-topic{break-inside:avoid;padding:16px;}.starter-page{max-width:none;padding:0;}}