.portal-modern .header-start{color:var(--modern-ink);border:1px solid var(--modern-line);white-space:nowrap;border-radius:6px;padding:9px 12px;font-size:12px;text-decoration:none}.portal-modern .header-start:hover{background:var(--modern-panel)}.portal-modern .visual-course{width:min(1120px,100% - 56px);margin:26px auto 48px}.course-guided-grid{grid-template-columns:minmax(250px,340px) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,70px);display:grid}.course-olive-guide{border:1px solid var(--modern-line);background:var(--modern-panel);color:var(--modern-ink);border-radius:14px;position:sticky;top:24px;overflow:hidden}.course-olive-guide figure{aspect-ratio:5/4;margin:0;position:relative;overflow:hidden}.course-olive-guide figure>img{object-fit:cover;object-position:center 38%;width:100%;height:100%;display:block}.course-olive-guide figcaption{color:#171717;background:#fffffff0;border-radius:7px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:650;line-height:1.3;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.course-olive-guide figcaption small{margin-left:auto;font-size:10px;font-weight:400}.course-olive-guide figcaption>span{background:#52694d;border-radius:50%;width:6px;height:6px}.course-olive-guide.is-speaking figcaption>span{box-shadow:0 0 0 4px #52694d25}.course-olive-copy{padding:20px}.portal-modern .course-olive-copy>p{color:var(--modern-ink);margin:0 0 18px;font-size:16px;line-height:1.65}.course-olive-copy>small{color:var(--modern-muted);font-size:11px;line-height:1.5;display:block}.course-voice-choice{color:var(--modern-ink);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.course-voice-choice input{accent-color:#8c1515;width:16px;height:16px}.portal-modern .course-olive-guide .lesson-audio{margin:12px 0}.portal-modern .course-olive-guide .lesson-audio button{border:1px solid var(--modern-line);background:var(--modern-bg);color:var(--modern-ink);border-radius:6px;min-height:42px;padding:9px 13px;font-size:12px}.portal-modern .course-olive-guide .lesson-audio p{color:var(--modern-muted);font-size:12px;line-height:1.5}.course-exercise{min-width:0}.course-exercise>.typed-line{margin:0 0 20px;font-size:clamp(21px,2.4vw,28px);line-height:1.5}.course-exercise>.beat-scene{margin-top:0}.course-context-scene img{object-fit:cover;height:180px}.portal-modern .course-exercise .shortcut-tutorial-phone{margin-top:22px}.course-exercise .beat-next{margin-top:16px}@media (max-width:850px){.portal-modern .header-start{white-space:normal;max-width:160px}.course-guided-grid{grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:24px}.course-olive-copy{padding:16px}.portal-modern .course-olive-copy>p{font-size:14px}.course-olive-guide figcaption small{display:none}}@media (max-width:650px){.portal-modern .visual-course{width:calc(100% - 32px)}.course-guided-grid{grid-template-columns:1fr;gap:24px}.course-olive-guide{border-radius:10px;grid-template-columns:100px minmax(0,1fr);display:grid;position:static}.course-olive-guide figure{aspect-ratio:auto;height:100%;min-height:150px}.course-olive-guide figcaption{padding:7px;font-size:12px;bottom:6px;left:5px;right:5px}.course-olive-copy{padding:14px}.portal-modern .course-olive-copy>p{margin-bottom:12px;font-size:14px}.course-olive-copy>small{display:none}.course-olive-copy .lesson-audio{margin-bottom:0}.course-context-scene img{height:160px}}@media (max-width:1250px){.portal-modern .conversation-header{flex-wrap:wrap;gap:12px}.portal-modern .conversation-header .header-start{margin-left:auto}.returning-account{flex-wrap:wrap}}
