.cl .cl-cover{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#eef3ef;border:1px solid #d6e2d9;border-radius:20px;padding:25px;max-width:370px;justify-self:end;width:100%}.cl-cover>span{font-size:88px;text-align:center;line-height:1.35;color:#174f46;background:#fff;border-radius:12px;padding:8px}.cl-cover>small{grid-column:1/-1;text-align:center;letter-spacing:3px;margin-top:7px}.cl-letter-grid,.cl-write-grid,.cl-combo-grid,.cl-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0}.cl-letter-card{padding:22px;border:1px solid #dce5e9;border-radius:13px;background:#fbfcfd;display:flex;align-items:center;flex-direction:column;text-align:center}.cl-glyph{font-size:90px;line-height:1.35;color:#193e59}.cl-name{font-size:22px;font-weight:700;margin:0 0 16px}.cl-letter-card p{margin:17px 0 0;font-size:14px;line-height:1.75}.cl-letter-card .hgl-en{font-size:12px}.cl .hgl-audio-button{flex-wrap:wrap;justify-content:center}.cl .hgl-audio-button small{font-size:11px;margin-left:6px}.cl audio{width:100%;max-width:240px;margin-top:10px}.cl-audio-note,.cl-small{color:#556d7c;font-size:12px;line-height:1.75}.cl-audio-note>span,.cl-small>span{display:block;margin-top:4px}.cl-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:27px 0}.cl-compare>div{border-top:2px solid #bfd0d8;padding-top:17px}.cl-compare b{font-size:33px;letter-spacing:4px}.cl-compare p{font-size:14px}.cl-recall{background:#f0f6f3;padding:17px 20px;border-radius:9px;margin-top:26px}.cl-recall summary{font-weight:600;cursor:pointer;line-height:1.8}.cl-recall summary>span{display:block;font-size:12px;font-weight:400}.cl-recall b{font-size:35px}.cl-write-card{border:1px solid #dce5e9;border-radius:13px;padding:19px;display:flex;flex-direction:column;align-items:stretch}.cl-write-title{display:flex;align-items:center;justify-content:space-between}.cl-write-title strong{font-size:26px}.cl-write-title small{font-size:14px;font-weight:500;margin-left:5px}.cl-write-title>span{font-size:12px;background:#eaf1f6;padding:4px 9px;border-radius:20px}.cl-stroke-svg{width:100%;max-width:190px;background:#f7fafc;border:1px solid #e5edf2;border-radius:10px;margin:18px auto;display:block;overflow:visible}.cl-stroke{fill:none;stroke:#255e99;stroke-width:6;stroke-linejoin:round;stroke-linecap:round}.cl-number circle{fill:#d7a94e}.cl-number text{fill:#243442;text-anchor:middle;font-size:12px;font-weight:700}.cl-stroke-svg.animate .cl-stroke{stroke-dasharray:1;stroke-dashoffset:1;animation:cl-draw 1s linear forwards;animation-delay:var(--delay)}@keyframes cl-draw{to{stroke-dashoffset:0}}.cl-write-card ol{padding-left:20px;line-height:1.75;font-size:13px;margin:0 0 20px}.cl-write-card li+li{margin-top:13px}.cl-write-card li .hgl-en{font-size:11px}.cl-write-card button{margin-top:auto;align-self:flex-start;font-size:12px!important}.cl-drawing{padding:23px;background:#f7fafc;border:1px solid #dce5e9;border-radius:12px}.cl-letter-choices{display:flex;gap:12px;margin:16px 0;flex-wrap:wrap}.cl-letter-choices button{width:62px;height:56px;border-radius:9px;border:1px solid #adc1ce;background:#fff;font-size:30px}.cl-letter-choices button[aria-pressed=true]{border:2px solid #255e99;background:#e9f1fc;color:#183e70}.cl-canvas-wrap{width:min(100%,310px);margin:20px auto;background:#fff;border:1px solid #b9cbd5}.cl-canvas-wrap canvas{display:block;width:100%;aspect-ratio:1;touch-action:none}.cl-draw-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}.cl-draw-tools label{display:flex;gap:7px;align-items:center;min-height:44px;flex-wrap:wrap}.cl-draw-tools input{width:18px;height:18px;accent-color:#255e99}.cl-draw-tools label span{font-size:11px}.cl-self-check{margin-top:25px}.cl-self-check ul{padding-left:22px;line-height:1.8;font-size:14px}.cl-self-check li+li{margin-top:12px}.cl-vowel-intro{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:26px;margin:25px 0;background:#f6f8fb;border:1px solid #dce5e9;border-radius:13px;padding:24px}.cl-vowel-intro h3{font-size:58px;margin:5px 0}.cl-vowel-name{font-size:22px;color:#556d7c;font-weight:400;margin-left:15px}.cl-vowel-intro p{font-size:14px}.cl-vowel-intro .hgl-kicker{font-size:10px;margin:0}.cl-vowel-intro .hgl-en{font-size:12px}.cl-vowel-intro .hgl-text-button{display:block}.cl-combo-card{border:1px solid #dce5e9;border-radius:12px;padding:18px;text-align:center;display:flex;flex-direction:column;align-items:center}.cl-combo-card>span{font-size:25px;color:#556d7c}.cl-combo-card em{font-style:normal;color:#2059b5}.cl-combo-card>strong{font-size:76px;line-height:1.5}.cl-builder{border-radius:13px;padding:24px;border:1px solid #bfd2e2;background:#f4f8fc;margin-top:28px}.cl-equation{display:flex;align-items:center;gap:17px;justify-content:center;margin:25px 0;font-size:53px}.cl-equation small{font-size:25px;color:#718b9a}.cl-equation strong{padding:10px 18px;background:#fff;border:2px solid #adc1ce;border-radius:10px;font-size:70px}.cl-blue{color:#2059b5}.cl-reading-lines{margin:25px 0}.cl-reading-lines>div{padding:18px 0;border-bottom:1px solid #dce5e9}.cl-reading-lines b{font-size:32px;display:block;margin-bottom:15px;word-break:keep-all}.cl-summary-grid>div{border:1px solid #dce5e9;border-radius:12px;padding:18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cl-summary-grid span{width:100%;font-size:13px;color:#556d7c}.cl-summary-grid b{font-size:33px}.cl-summary-grid strong{font-size:42px;color:#2059b5}.cl-summary-grid small{font-size:19px}.cl-review-plan{padding:22px;background:#f1f6f2;border-radius:12px;margin:25px 0}.cl-review-plan h3{font-size:19px}.cl-review-plan ol{padding-left:22px;line-height:1.8}.cl-review-plan li+li{margin-top:15px}.cl .hgl-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cl .hgl-answer-grid button{overflow-wrap:anywhere;font-size:clamp(25px,3vw,39px)}.cl-domains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.cl-domain{border:1px solid #dce5e9;padding:15px;border-radius:10px}.cl-domain strong,.cl-domain span{display:block}.cl-domain b{font-size:23px}.cl-domain span{font-size:12px;margin-top:6px;color:#556d7c}.cl .hgl-result-list p{font-size:13px}.cl .hgl-review-status p{font-size:13px}.cl .hgl-result-list li>strong{font-size:14px}.cl [data-quiz-domain]{font-size:12px}.cl.hide-english .cl-audio-note>span,.cl.hide-english .cl-small>span{display:none}.cl.is-enhanced .hgl-fallback{display:none}.cl .hgl-panel:focus{outline:none}.cl .hgl-panel:focus-visible{outline:2px solid #a6bdce;outline-offset:4px}
@media(max-width:900px){.cl .hgl-layout{grid-template-columns:155px minmax(0,1fr);gap:20px}.cl-vowel-intro{grid-template-columns:1fr;gap:8px}.cl-vowel-intro>div:first-child{max-width:150px;width:100%;margin:auto}.cl-letter-card{padding:18px}.cl-cover>span{font-size:65px}.cl .hgl-heading{gap:25px}.cl-write-card{padding:15px}}
@media(max-width:760px){.cl .cl-cover{display:none}.cl .hgl-heading h1{font-size:34px}.cl .hgl-heading h1 br{display:block}.cl .hgl-layout{display:block}.cl-letter-grid,.cl-write-grid,.cl-combo-grid{gap:11px;margin:22px 0}.cl-letter-card{padding:15px 11px}.cl-glyph{font-size:69px}.cl-name{font-size:19px}.cl-letter-card p{font-size:12px}.cl-letter-card .hgl-en{font-size:11px}.cl .hgl-audio-button{font-size:12px!important;padding:10px}.cl .hgl-audio-button small{font-size:10px}.cl-compare{gap:13px}.cl-compare b{font-size:27px}.cl-compare p{font-size:12px}.cl-write-grid{grid-template-columns:1fr}.cl-write-card{padding:20px}.cl-write-card ol{font-size:14px}.cl-write-card li .hgl-en{font-size:12px}.cl-stroke-svg{max-width:180px}.cl-drawing{padding:16px}.cl-letter-choices{gap:9px}.cl-letter-choices button{width:52px;height:51px}.cl-vowel-intro{padding:17px}.cl-combo-card{padding:14px 9px}.cl-combo-card>strong{font-size:61px}.cl-combo-card>span{font-size:22px}.cl-builder{padding:17px 13px}.cl-equation{gap:9px;font-size:37px}.cl-equation strong{font-size:50px;padding:8px 12px}.cl-equation small{font-size:20px}.cl-reading-lines b{font-size:26px;letter-spacing:-1px;white-space:nowrap}.cl-summary-grid{gap:10px}.cl-summary-grid>div{gap:9px;padding:14px}.cl-summary-grid b{font-size:28px}.cl-summary-grid strong{font-size:33px}.cl-summary-grid small{font-size:15px}.cl-review-plan{padding:19px 15px}.cl-review-plan ol{font-size:14px}.cl .hgl-prompt-block{font-size:40px}.cl .hgl-prompt-block.equation{font-size:28px}.cl-domains{gap:9px}.cl-domain{padding:12px}.cl-domain strong{font-size:13px}.cl .hgl-toolbar strong{font-size:12px}}
@media(max-width:360px){.cl .hgl-heading h1{font-size:29px}.cl-letter-card{padding:12px 7px}.cl-letter-card .hgl-audio-button{padding:8px 6px}.cl-letter-choices{gap:7px}.cl-letter-choices button{width:46px}.cl-equation{gap:6px;font-size:33px}.cl-equation strong{font-size:45px;padding:8px 10px}.cl-reading-lines b{font-size:22px}.cl-summary-grid>div{padding:11px;gap:6px}.cl-summary-grid small{font-size:13px}.cl-summary-grid strong{font-size:30px}}
@media(prefers-reduced-motion:reduce){.cl-stroke-svg.animate .cl-stroke{animation:none;stroke-dashoffset:0}}
@media print{.cl .cl-cover,.cl-drawing,.cl-builder,.cl [data-animate]{display:none!important}.cl .hgl-panel[hidden]{display:block!important}.cl .hgl-fallback{display:block!important}.cl-write-grid{grid-template-columns:1fr 1fr}.cl-write-card{break-inside:avoid}.cl-stroke-svg{max-width:130px}.cl .hgl-panel{break-inside:auto}.cl-letter-card,.cl-vowel-intro{break-inside:avoid}.cl .hgl-en{font-size:10px}.cl .hgl-panel h2{font-size:24px}}
.cl .cl-stroke-svg{height:auto;aspect-ratio:1 / 1;flex-shrink:0}