/* The rule and the shaped text share the same SVG alphabetic baseline.
   Font metrics retain natural descenders; the box midpoint is never used. */
.baseline-glyph { display:block; width:1.8em; height:1.8em; max-width:100%; margin-inline:auto; overflow:visible; }
.baseline-glyph text { fill:currentColor; }
.glyph-rule { stroke:currentColor; stroke-width:1.2; opacity:.45; vector-effect:non-scaling-stroke; }
.has-baseline::after,.letter-forms > div::after { content:none; }
.sound-tile .sound-letter.has-baseline { display:block; min-width:0; line-height:1; }
.letter-forms > div { overflow:visible; }
.alphabet-forms dd.has-baseline { min-width:0; }
.worksheet-strip > span.has-baseline { display:block; }
.trace-baseline { stroke:#356c83; stroke-width:1.5; vector-effect:non-scaling-stroke; }
.trace-guide .baseline-glyph,.completed-letter .baseline-glyph { width:100%; height:100%; }
.trace-guide.has-baseline { display:block; }
.completed-letter.has-baseline { place-items:stretch; }
.trace-guide .glyph-rule { display:none; }