.letter-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.4rem 0}.letter-tile{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.2rem;min-height:160px;background:#fff}.letter-tile small{font-size:.875rem;line-height:1.5;color:#526680}.letter-pair-inline{font-size:2.8rem;font-weight:700;color:#086f65}.letter-showcase{max-width:230px;margin:.8rem auto}.letter-glyph{display:block;width:100%;height:auto;color:#172a47;max-height:320px}.letter-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:520px;margin:1rem auto}.letter-pair figure{margin:0;text-align:center;background:#f4f8fc;border-radius:16px;padding:.8rem}.letter-pair .letter-glyph{max-height:230px}.letter-pair figcaption{font-size:1rem}.print-variant{font-family:Georgia,'Times New Roman',serif;font-size:2.8rem;margin:0 .4rem}.letter-demonstration{max-width:350px;margin:1rem auto;padding:.5rem;border:1px solid #bfd0e3;border-radius:16px;background:#fff}.letter-guide{stroke:#a8b9cd;stroke-width:.8;stroke-dasharray:3 3}.letter-guide.baseline{stroke:#56718d;stroke-dasharray:none;stroke-width:1}.stroke-number circle{fill:#ffcf8b;stroke:#a16823;stroke-width:.5}.stroke-number text{font:700 11px system-ui;fill:#2a374c}.letter-run .task-card>.eyebrow{margin-bottom:.6rem}.letter-run #letter-body>.primary{margin-top:1.25rem}.letter-run .action-row{flex-wrap:wrap}.writing-board{width:100%;max-width:420px;aspect-ratio:5/6;margin:1rem auto;background:white;border:2px solid #98afca;border-radius:12px;overflow:hidden}.writing-board canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}.letter-check-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:1.1rem 0}.letter-check-choice{padding:.3rem;background:#fff;min-width:0}.letter-check-choice .letter-glyph{height:130px}.letter-link-panel{border:1px solid #b3d8d0;border-radius:16px;background:#effaf6;padding:1.2rem;margin:1.1rem 0}.letter-link-panel h2{font-size:1.15rem;margin:0 0 .5rem}.letter-entry-tiles{display:flex;flex-wrap:wrap;gap:.6rem}.letter-entry-tiles button{background:white}.letter-entry-tiles button:focus-visible,.letter-check-choice:focus-visible{outline:3px solid #ba6a14;outline-offset:3px}#letter-print-sheet{display:none}@media(max-width:520px){.letter-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.letter-tile{padding:.8rem;min-height:140px}.letter-pair{gap:.5rem}.letter-pair figure{padding:.35rem}.letter-check-options{grid-template-columns:repeat(2,minmax(0,1fr))}.letter-check-choice .letter-glyph{height:115px}.letter-link-panel{padding:1rem}.writing-board{max-width:320px}.letter-run .action-row>button{flex:1 1 140px}}@media print{body>*{display:none!important}#letter-print-sheet{display:block!important;color:black;background:white;font:14pt sans-serif;padding:10mm}#letter-print-sheet h1{font-size:22pt}.print-letter-row{display:grid;grid-template-columns:repeat(4,1fr);gap:3mm}.print-letter-row>div{border:1px solid #bbb}.print-letter-row .letter-glyph{height:52mm;max-height:none}.trace-print .letter-glyph{color:#b9b9b9}.print-blank svg{width:100%;height:52mm}.letter-guide{stroke:#bbb}.letter-guide.baseline{stroke:#777}@page{size:A4;margin:12mm}}

body.letter-blank .brand-symbol{visibility:hidden}

.entry-letter-model{display:inline-block;width:35px;vertical-align:middle;margin-right:.6rem}.entry-letter-model .letter-glyph{height:42px}.print-variant{display:inline-block;width:55px;height:65px;object-fit:contain;vertical-align:middle}

@media print{html,body{background:#fff!important}}

.letter-header-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.letter-header-actions button{font-size:.875rem}

.letter-check-stimulus{max-width:120px;margin:0 auto}.letter-check-stimulus .letter-glyph{height:135px}