.typing-practice-stage{--typing-stage-bottom:20px;width:100%;height:max(440px, calc(100dvh - var(--typing-stage-top,160px) - var(--typing-stage-bottom)));flex-direction:column;align-items:center;gap:10px;display:flex}.typing-practice-stage>*{flex-shrink:0}.typing-practice-stage[data-guide=false]{justify-content:center;gap:24px}.typing-practice-field>p{margin-bottom:4px}.typing-practice-coach{text-align:center;width:100%;min-height:64px}.typing-practice-guide-slot{text-align:center;flex:1 1 0;width:100%;min-height:0;overflow-x:auto;container-type:size}.typing-practice-guide-slot .typing-outline-guide{width:min(100%,202.105cqh - 56.5895px);max-width:960px}.typing-practice-stage[data-interactive=true] .typing-practice-guide-slot{min-height:410px}.typing-lesson-main:has(.typing-practice-stage){justify-content:flex-start;padding-block:12px}.typing-lesson-main:has(.typing-learn-screen){padding-block:20px}.typing-learn-guide .typing-outline-guide{max-width:min(100%,660px)}@media (height<=750px) and (width>=768px){.typing-learn-screen{gap:10px}.typing-learn-guide .typing-outline-guide{max-width:min(100%,48dvh)}.typing-lesson-main:has(.typing-learn-screen){justify-content:flex-start;padding-block:12px}}@media (width<=767px){.typing-practice-stage{--typing-stage-bottom:90px}.typing-practice-stage>div:first-child{flex-wrap:wrap;row-gap:6px}.typing-practice-stage>div:first-child>div{display:none}.typing-practice-field{padding:8px 12px}.typing-practice-coach{min-height:84px}}