.practice-page{padding-top:36px;padding-bottom:70px;max-width:1000px}.practice-page>.back{display:block;margin-bottom:25px}.practice-page h1{font:normal clamp(34px,5vw,56px)/1.12 Georgia,serif;margin:20px 0}.practice-intro{font:18px/1.7 Arial,sans-serif;max-width:780px;color:var(--muted)}.practice-actions,.practice-toolbar,.practice-check-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:25px 0}.practice-link-button{display:inline-block;border:1px solid var(--navy);background:white;color:var(--navy);padding:13px 18px;font:700 14px/1.4 Arial,sans-serif;cursor:pointer;text-decoration:none}.practice-card{margin:30px 0;background:white;border:1px solid var(--line);padding:28px}.practice-card h2{font:32px Georgia,serif}.practice-card li{margin:8px 0}.practice-muted{font:14px/1.6 Arial,sans-serif;color:var(--muted)}.practice-page .lesson-levels{display:flex;gap:12px;margin:24px 0}.practice-page .lesson-levels a{padding:12px 18px;border:1px solid var(--navy)}.practice-page .lesson-levels [aria-current]{background:var(--navy);color:white}.topic-nav{display:grid;gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin:32px 0}.topic-nav a{font:16px/1.5 Arial,sans-serif}.theory-topic{border-top:3px solid var(--navy);padding-top:24px;margin-top:44px;scroll-margin-top:20px}.theory-topic h2{font:normal 30px/1.3 Georgia,serif}.speech-row{display:flex;gap:16px;align-items:flex-start;margin:18px 0;max-width:86%}.speech-reply{margin-left:auto}.practice-avatar{width:66px;height:66px;object-fit:cover;border-radius:50%;flex-shrink:0}.speech-text{background:#edf1f1;border-radius:4px;padding:16px 20px;font:19px/1.65 Georgia,serif;white-space:pre-line}.speech-reply .speech-text{background:#e6edf0}.examiner-rule{display:flex;gap:20px;align-items:flex-start;margin-top:30px}.examiner-rule>.practice-avatar{width:48px;height:48px}.rule-content{min-width:0;flex:1;font:16px/1.7 Arial,sans-serif}.rule-content h3{font-size:19px;margin-top:26px}.rule-content h3:first-child{margin-top:0}.rule-content blockquote{border-left:3px solid var(--orange);padding:5px 18px;margin:16px 0;background:#f2f3ef}.practice-table{overflow-x:auto;margin:18px 0}.practice-table table{width:100%;border-collapse:collapse;font:15px/1.6 Arial,sans-serif}.practice-table td,.practice-table th{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.practice-table th{background:#e8eeee}.practice-access{border:1px solid var(--line);padding:20px;margin:26px 0;background:white}.practice-access p{font:13px/1.6 Arial,sans-serif;color:var(--muted)}.practice-access label{display:block;margin-bottom:8px}.practice-access input{font:17px Arial,sans-serif;padding:12px;border:1px solid #8394a0;max-width:100%;margin-right:10px}.practice-page select{display:block;width:100%;font:16px/1.5 Arial,sans-serif;padding:13px;background:white;border:1px solid #8294a0;margin:10px 0 28px;color:var(--navy)}.practice-turn{padding:22px 0;border-top:1px solid var(--line)}.practice-question{font:20px/1.6 Georgia,serif;margin:0 0 18px}.practice-item{padding:14px 0 24px}.practice-item textarea{display:block;width:100%;min-height:88px;resize:vertical;font:18px/1.6 Arial,sans-serif;padding:13px;border:1px solid #91a1ab;border-radius:3px;background:white;color:var(--navy)}.practice-tiles{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.word-tile{font:15px/1.45 Arial,sans-serif;border:1px solid #bcc9cf;border-radius:5px;background:#edf2f4;color:var(--navy);padding:10px 13px;cursor:pointer;min-height:42px}.word-tile[data-kind=verb]{border-color:#9caebb;background:#e2ebee}.word-tile[aria-expanded=true]{background:var(--navy);color:white}.word-forms{display:flex;flex-wrap:wrap;gap:8px;border:1px solid var(--navy);padding:12px;background:#fff;margin-top:12px}.word-forms[hidden]{display:none}.word-forms button{padding:10px 13px;background:#fff;border:1px solid #8b9da8;color:var(--navy);font:16px Arial,sans-serif;cursor:pointer}.answer-tools{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.answer-tools button{border:0;border-bottom:1px solid #8c9ca5;background:transparent;color:var(--navy);padding:6px 0;font:14px Arial,sans-serif;cursor:pointer}.practice-feedback{font:15px/1.6 Arial,sans-serif;margin-top:14px;padding:14px 16px;border-left:3px solid #51816b;background:#edf4ef}.practice-feedback[data-state=review]{border-color:#b56a3b;background:#faf0e9}.practice-feedback p{margin:7px 0}.practice-check-bar{border-top:2px solid var(--navy);padding-top:22px}.practice-page button:disabled{opacity:.5;cursor:default}.practice-page button:focus-visible,.practice-page textarea:focus-visible,.practice-page a:focus-visible,.practice-page select:focus-visible{outline:3px solid var(--orange);outline-offset:3px}#practice-status{font:15px/1.6 Arial,sans-serif;min-height:24px}#draft-status{font:13px Arial,sans-serif;color:var(--muted)}
@media(max-width:620px){.practice-page{padding-top:25px}.speech-row{max-width:100%;gap:10px}.practice-avatar{width:45px;height:45px}.speech-text{padding:12px 14px;font-size:17px}.examiner-rule{gap:10px}.examiner-rule>.practice-avatar{width:34px;height:34px}.rule-content{font-size:15px}.practice-table th,.practice-table td{padding:8px;font-size:13px}.practice-actions>a{width:100%;text-align:center}.practice-access input{width:100%;margin-bottom:12px}.practice-access button{width:100%}.practice-check-bar{gap:10px}.practice-check-bar .button{order:-1;width:100%;text-align:center}.word-tile{padding:10px}.practice-question{font-size:18px}}
.practice-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:48px;max-width:1480px;width:calc(100% - 80px);margin:42px auto 0;align-items:start}
.practice-layout>.practice-page{width:100%;margin:0;padding-top:0;max-width:none;min-width:0}
.practice-sidebar{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto;padding-right:20px;border-right:1px solid var(--line);font:15px/1.5 Arial,sans-serif;scrollbar-width:thin}
.course-outline h2{font:700 16px/1.4 Arial,sans-serif;text-transform:uppercase;margin:0 0 20px;color:var(--navy)}
.course-outline>details{border-top:1px solid var(--line);padding:15px 0}
.course-outline summary{cursor:pointer;padding:9px 6px;font-weight:700;overflow-wrap:anywhere}
.course-outline details details{margin-left:10px}
.course-outline a{display:block;padding:9px 10px;text-decoration:none;border-left:3px solid transparent;color:var(--navy);overflow-wrap:anywhere}
.course-outline a:hover,.course-outline a[aria-current]{background:#e9eff1;border-left-color:var(--orange)}
.outline-links{margin-left:8px;font-size:14px}.outline-lesson{font-weight:700}.outline-toggle{display:none}
.practice-page select[hidden]{display:none}.practice-section-title{font:26px/1.4 Georgia,serif;margin:30px 0 20px;scroll-margin-top:25px}
.answer-hint{display:block;font:16px/1.65 Arial,sans-serif;margin:0 0 10px;color:#435763}
.answer-tools .answer-button{border:1px solid #8297a3;border-radius:4px;background:#fff;padding:10px 16px;font:700 14px/1.4 Arial,sans-serif;min-height:42px}
.answer-tools .answer-record{background:#e6eef1;border-color:#657e8d}.answer-tools button:hover{background:#dce7ec}
.practice-feedback{display:flex;gap:15px;align-items:flex-start;background:#f2f3ef;border-color:var(--orange);padding:18px}
.practice-feedback[hidden]{display:none}.practice-feedback>.practice-avatar{width:48px;height:48px}.feedback-content{min-width:0;flex:1;overflow-wrap:anywhere}
.practice-feedback[data-state=automatic]{background:#edf1f2;border-color:#879ba5;color:#526772}
@media(max-width:1100px){.practice-layout{gap:28px;grid-template-columns:240px minmax(0,1fr);width:calc(100% - 48px)}}
@media(max-width:900px){.practice-layout{display:block;width:calc(100% - 36px);margin-top:24px}.practice-sidebar{position:static;max-height:none;border:1px solid var(--line);padding:0;margin-bottom:28px}.outline-toggle{display:block;width:100%;text-align:left;background:#e8eef0;border:0;padding:15px;font:700 16px Arial,sans-serif;color:var(--navy);cursor:pointer}.outline-toggle::after{content:' +';float:right}.outline-toggle[aria-expanded=true]::after{content:' −'}.course-outline{display:none;padding:18px}.practice-sidebar.is-open .course-outline{display:block}.practice-layout>.practice-page{padding-top:0}.practice-feedback{gap:10px;padding:14px}.practice-feedback>.practice-avatar{width:38px;height:38px}}