/* Token position is also visible as a number; sentence/export text stays raw. */
mark.cec-token{color:#182331;background:#fff0ba;border:1px solid #967017;border-radius:.22em;padding:0 .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone;overflow-wrap:anywhere;line-height:inherit}
mark.cec-token::before{content:attr(data-token-position);font-size:.55em;font-weight:700;vertical-align:super;line-height:0;margin-right:.15em;color:inherit}
mark.cec-token[data-token-tone="2"]{background:#deedff;border-color:#3e6da5}
mark.cec-token[data-token-tone="3"]{background:#eee3ff;border-color:#7851a3}
mark.cec-token[data-token-tone="4"]{background:#d9f3ec;border-color:#347b6b}
mark.cec-token[data-token-tone="5"]{background:#ffe2e9;border-color:#a75670}
mark.cec-token[data-token-tone="6"]{background:#e9edf2;border-color:#637183}
.matched-source mark.cec-token{white-space:normal;overflow-wrap:anywhere}
.cec-token-legend{font-size:.85rem;color:#465567;margin:.65rem 0 1rem;line-height:1.6}
.cec-token-legend summary{cursor:pointer;text-decoration:underline;text-underline-offset:.18em}
.cec-token-legend p{max-width:65ch;margin:.4rem 0}
@media(forced-colors:active){mark.cec-token{color:CanvasText;background:Canvas;border:1px solid CanvasText}}
@media print{mark.cec-token{color:#111;border-color:#555}.cec-token-legend{color:#111}}

.cec-teacher-examples{margin:.7rem 0 1rem;font-size:.88rem;line-height:1.5}
.cec-example-heading{display:flex;gap:.7rem;justify-content:space-between;align-items:center;flex-wrap:wrap;color:#465567;margin-bottom:.4rem}
.cec-example-heading a{color:inherit;text-decoration:underline;text-underline-offset:.18em}
.cec-example-buttons{display:flex;gap:.45rem;flex-wrap:wrap}
.cec-teacher-example{display:flex;flex-direction:column;align-items:flex-start;max-width:100%;min-width:0;padding:.45rem .65rem;border:1px solid #ccd8e3;border-radius:.4rem;background:#f8fafc;color:#26394d;cursor:pointer;font:inherit;text-align:left}
.cec-teacher-example:hover{background:#eaf1f8}.cec-teacher-example:focus-visible{outline:2px solid #3e6da5;outline-offset:2px}
.cec-teacher-example code{display:block;max-width:100%;font-size:.8em;white-space:normal;overflow-wrap:anywhere}
.cec-more-examples{margin-top:.5rem}.cec-more-examples>summary{cursor:pointer;color:#465567;text-decoration:underline;text-underline-offset:.18em}
.cec-example-group{margin:.65rem 0}.cec-example-group>strong{display:block;margin-bottom:.3rem;color:#465567}
.cec-example-feedback{margin:.3rem 0;color:#465567}.cec-example-feedback:empty{display:none}
.matched-pos{font-size:.88rem;color:#465567;margin:.5rem 0}.matched-pos summary{cursor:pointer}.matched-pos p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}