/* KATA Tracing Beam — the rail fills as the reader travels. */
.k-beam{display:grid;grid-template-columns:16px 1fr;gap:16px;font-family:var(--k-font);color:var(--k-ink)}
.k-beam-rail{position:relative}
.k-beam-rail::before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:2px;background:var(--k-line);border-radius:2px}
.k-beam-fill{position:absolute;left:7px;top:4px;width:2px;height:0;background:var(--k-accent);border-radius:2px}
.k-beam-dot{position:absolute;left:3px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--k-accent);box-shadow:0 0 0 4px var(--k-accent-bg)}
.k-beam-body{height:264px;overflow:auto;padding-inline-end:6px}
.k-beam-body section{margin-bottom:20px}
.k-beam-body h4{font-size:14px;font-weight:600;margin-bottom:5px}
.k-beam-body p{font-size:13px;line-height:1.8;color:var(--k-ink-2)}