/* Wave 2: additions scoped to editorial content and local teaching exercises. */
.knowledge-track { margin-block:4rem 2rem; }
.knowledge-track>h2 { max-width:24ch; }
.knowledge-row h3 { margin:0 0 .5rem; font-size:clamp(1.2rem,2vw,1.7rem); }
.wave2-article .learning-table td { white-space:normal; min-width:7rem; font-family:inherit; }
.wave2-article .learning-table th { white-space:normal; }
.wave2-article .learning-figure svg text { font-family:var(--body); font-size:23px; fill:var(--ink); }
.wave2-article .learning-figure svg .svg-small { font-size:20px; }
.wave2-article .learning-figure svg rect { fill:var(--surface); stroke:var(--line); stroke-width:2; }
.wave2-article .learning-figure svg path { fill:none; stroke:var(--network); stroke-width:3; }
.knowledge-demo { margin-block:2rem; padding:clamp(1rem,3vw,2rem); border:1px solid var(--line); border-radius:0; background:var(--surface); }
.knowledge-demo h3 { margin-top:0; }
.context-meter { display:flex; overflow:hidden; width:100%; height:3.25rem; border:2px solid var(--ink); border-radius:6px; background:var(--bg); }
.context-meter span { flex-grow:0; flex-shrink:0; display:grid; place-items:center; border-right:2px solid var(--ink); font:700 1rem var(--mono); color:var(--ink); background:var(--surface); }
.context-meter span:nth-child(2n) { background:var(--bg); }
.context-legend { padding-left:1.2rem; }
.context-controls { display:grid; gap:1rem; }
.context-controls label { display:grid; gap:.4rem; }
.context-controls input { width:100%; min-height:44px; accent-color:var(--network); }
.knowledge-demo fieldset { margin:1rem 0; padding:1rem; border:1px solid var(--line); min-width:0; }
.knowledge-demo fieldset label { display:flex; gap:.75rem; align-items:flex-start; padding-block:.65rem; }
.knowledge-demo input[type=radio] { flex-shrink:0; width:1.2rem; height:1.2rem; margin-top:.2rem; accent-color:var(--network); }
.knowledge-demo blockquote { margin-inline:0; padding:1rem; border-left:3px solid var(--network); }
.knowledge-demo [role=status] { min-height:4em; }
.knowledge-demo [hidden] { display:none; }

.knowledge-demo .button{background:var(--bg);color:var(--ink)}
.knowledge-demo :focus-visible{outline:2px solid var(--network);outline-offset:5px}
.wave2-article p,.wave2-article dd,.wave2-article li{overflow-wrap:anywhere}

/* Keep these two title words intact; explicit wbr marks separate trainer lines. */
.knowledge-head .knowledge-title-word{white-space:nowrap}

@media(max-width:329px){.knowledge-head.knowledge-context-head h1{font-size:48px}}