.letter-workbook{font-family:Arial,Helvetica,sans-serif;max-width:820px;margin:0 auto;padding:28px;background:#fff;border:1px solid #e1eaf0;border-radius:28px;box-shadow:0 12px 36px #25496c0e;color:#27465f}.letter-workbook button,.letter-workbook a{-webkit-tap-highlight-color:transparent}.letter-workbook button{font:inherit;cursor:pointer}.letter-workbook button:disabled{opacity:.45;cursor:default}.letter-workbook button:focus-visible,.letter-workbook a:focus-visible,.letter-board:focus-visible{outline:3px solid #17649f;outline-offset:4px}.letter-workbook [hidden]{display:none!important}.letter-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.letter-header .letter-eyebrow{margin:0 0 6px;color:#557995;font:700 11px Arial,sans-serif;letter-spacing:.16em}.letter-header h1{font-family:var(--font-base);margin:0;padding:0;font-size:clamp(1.9rem,4vw,2.5rem);line-height:1.15;letter-spacing:0;color:#244e72}.letter-header p{margin:8px 0 0;font-size:1rem;color:#657b8b}.letter-audio{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;background:#f0f7fc;color:#235f8b;border:1px solid #d7e9f6;border-radius:14px}.letter-case-switch{display:grid;grid-template-columns:1fr 1fr;padding:5px;gap:6px;border-radius:18px;background:#edf3f7;margin-bottom:22px}.letter-case-switch button{display:flex;justify-content:center;align-items:center;gap:10px;min-height:60px;border:2px solid transparent;border-radius:14px;background:transparent;color:#586e7f;font-size:1.1rem}.letter-case-switch button[aria-pressed=true]{background:#fff;border-color:#bbd7ea;color:#1c6094;box-shadow:0 2px 5px #284d6d0a}.letter-case-switch svg{width:31px;height:35px;fill:none;stroke:currentColor;stroke-width:16;stroke-linecap:round;stroke-linejoin:round}.letter-case-check{color:#24815b;font-family:Arial,sans-serif}.letter-practice{overflow:hidden;border:2px solid #d4e6ef;border-radius:22px;background:#fcfdff}.letter-board-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px 0;font-size:1.1rem}.letter-step-count{color:#5e7586;background:#edf4f8;padding:6px 11px;border-radius:20px;font-size:.9rem;white-space:nowrap}.letter-instruction{margin:10px 22px 0;font-size:1rem;color:#60778a}.letter-board{display:block;width:100%;height:390px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}.letter-ruling{fill:none;stroke:#e3ecf3;stroke-width:1}.letter-ruling .letter-baseline{stroke:#c7dbe8;stroke-width:1.5}.letter-track,.letter-dashes,.letter-ink,.letter-demo-ink{fill:none;stroke-linecap:round;stroke-linejoin:round}.letter-track{stroke:#e4edf4;stroke-width:26}.letter-stroke[data-active=true] .letter-track{stroke:#d9eaf7}.letter-dashes{stroke:#94afc3;stroke-width:2.5;stroke-dasharray:1 9}.letter-ink{stroke:#3982b9;stroke-width:13}.letter-stroke[data-complete=true] .letter-ink{stroke:#32916c}.letter-demo-ink{stroke:#e3a138;stroke-width:13}.letter-arrow{fill:none;stroke:#236da5;stroke-width:2.5;stroke-linecap:round;pointer-events:none}.letter-pen{pointer-events:none}.letter-pen-halo{fill:#2a79b312;stroke:#73a6ca;stroke-width:1;stroke-dasharray:2 5}.letter-pen-dot{fill:#246fa7;stroke:#fff;stroke-width:3}.letter-pen text{fill:#fff;font:700 15px Arial,sans-serif;text-anchor:middle;dominant-baseline:middle}.letter-target circle{fill:#fff6d9;stroke:#d8b457;stroke-width:1.5}.letter-target path{fill:#c99929}.letter-tools{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid #e3ecf3;background:#f5f9fc}.letter-tools button{display:flex;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid #d7e4ee;border-radius:12px;background:#fff;color:#386583;font-size:.95rem}.letter-tools button:hover:not(:disabled),.letter-audio:hover{background:#eaf4fc}.letter-tools button>span:first-child{font:24px Arial,sans-serif;line-height:1}.letter-feedback{display:flex;align-items:center;justify-content:center;min-height:58px;padding:14px;margin:16px 0;border-radius:14px;background:#eef6fc;color:#3c6684;font-size:1rem;text-align:center;line-height:1.45}.letter-feedback[data-mood=return]{background:#fff7e4;color:#81622a}.letter-feedback[data-mood=success]{background:#eaf6ed;color:#287248}.letter-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 20px}.letter-animal{display:flex;flex-shrink:0;align-items:center;gap:8px;padding:4px 8px;border:0;border-radius:12px;background:#fff;color:#476079;font-size:1rem}.letter-animal img{width:48px;height:44px;object-fit:contain;border-radius:8px}.letter-animal strong{color:#246fa7}.letter-animal>span:last-child{font-size:.8rem}.letter-footer p{margin:0;max-width:300px;color:#708391;font:12px/1.6 Arial,sans-serif}.letter-navigation{display:flex;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid #e9eef2}.letter-navigation a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 18px;border-radius:14px;color:#587086;background:#f0f5f8;text-decoration:none;font-size:1rem}.letter-navigation a.letter-next{color:#fff;background:#2874aa;box-shadow:0 3px #205e88}.letter-navigation a:hover{filter:brightness(.95)}@media (max-width: 600px){.letter-workbook{padding:16px;border-radius:22px}.letter-header{gap:8px;margin-bottom:20px}.letter-header h1{font-size:1.85rem}.letter-header p{font-size:.9rem;max-width:180px;line-height:1.35}.letter-audio{flex-direction:column;gap:4px;padding:8px 10px;font-size:.8rem!important}.letter-case-switch{margin-bottom:16px}.letter-case-switch button{min-height:52px;gap:6px;font-size:1rem}.letter-case-switch svg{width:25px;height:30px}.letter-board-heading{padding:14px 12px 0;font-size:1rem}.letter-step-count{padding:5px 8px;font-size:.8rem}.letter-instruction{margin:10px 12px 0;font-size:.95rem;line-height:1.4}.letter-board{height:330px}.letter-tools{padding:10px 8px;gap:8px}.letter-tools button{padding:7px;font-size:.85rem;gap:4px}.letter-footer{flex-direction:column;align-items:flex-start;gap:10px}.letter-footer p{max-width:none;font-size:11px}.letter-navigation{gap:10px}.letter-navigation a{padding:10px 12px;font-size:.95rem}}.letter-header a{display:inline-block;margin-top:10px;padding:6px 0;color:#235f8b;font-size:.9rem;text-underline-offset:3px}.free-writing .letter-dashes{stroke:#7897b0;stroke-width:4;stroke-dasharray:7 10}.free-writing [data-free-ink]{fill:none;stroke:#287ab5;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.free-writing .letter-tools{justify-content:center}.free-writing-cursor{fill:#fff;fill-opacity:.7;stroke:#235f8b;stroke-width:2;pointer-events:none}.free-writing-cursor[data-drawing=true]{fill:#287ab5}