.reading-lesson{--reading-sidebar-col:minmax(280px, 320px);margin-top:1.5rem}.reading-lesson__steps{flex-wrap:wrap;gap:1.25rem;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.reading-lesson__step{color:var(--site-text);align-items:center;gap:.5rem;font-size:.92rem;font-weight:600;display:inline-flex}.reading-lesson__step--muted{color:var(--site-muted);font-weight:500}.reading-lesson__step--active{color:var(--site-primary)}.reading-lesson__step-num{border:1.5px solid;border-radius:999px;place-items:center;width:1.65rem;height:1.65rem;font-size:.78rem;display:grid}.reading-lesson__layout{grid-template-columns:minmax(0, 1fr) var(--reading-sidebar-col);align-items:start;gap:1.5rem;display:grid}@media (max-width:960px){.reading-lesson__layout{grid-template-columns:1fr}.reading-lesson__sidebar{order:2;max-height:min(24rem,55vh);position:static}}.reading-lesson__text-card{background:var(--site-surface);border:1px solid color-mix(in srgb, var(--site-text) 10%, transparent);border-radius:var(--practice-radius-lg,1rem);box-shadow:0 1px 0 color-mix(in srgb, var(--site-text) 4%, transparent);padding:1.35rem 1.5rem}.reading-lesson__paragraph{color:var(--site-text);margin:0 0 1rem;font-size:1.02rem;line-height:1.78}.reading-lesson__paragraph:last-child{margin-bottom:0}.reading-term{text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:color-mix(in srgb, var(--site-primary) 55%, var(--site-text));text-decoration-color:color-mix(in srgb, var(--site-primary) 55%, var(--site-text));text-underline-offset:.18em;cursor:help;scroll-margin-top:6rem;display:inline;position:relative}.reading-term--active{-webkit-text-decoration-color:var(--site-primary);text-decoration-color:var(--site-primary);background:color-mix(in srgb, var(--site-primary) 8%, transparent);border-radius:.15em}.reading-term__tip{background:var(--site-text);min-width:8rem;max-width:16rem;color:var(--site-surface);text-align:center;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;z-index:5;border-radius:.45rem;padding:.45rem .65rem;font-size:.82rem;font-style:normal;font-weight:500;line-height:1.35;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;bottom:calc(100% + .45rem);left:50%;transform:translate(-50%)translateY(4px)}.reading-term__tip:after{content:"";border:6px solid #0000;border-top-color:var(--site-text);position:absolute;top:100%;left:50%;transform:translate(-50%)}.reading-term:hover .reading-term__tip,.reading-term:focus-visible .reading-term__tip,.reading-term--active .reading-term__tip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.reading-lesson__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1.25rem;display:grid}@media (max-width:640px){.reading-lesson__actions{grid-template-columns:1fr}}.reading-lesson__btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:3rem;padding:.75rem 1rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.reading-lesson__btn:disabled{opacity:.55;cursor:not-allowed}.reading-lesson__btn--youtube{color:#fff;background:#c4302b}.reading-lesson__btn--youtube:not(:disabled):hover{background:#a92723}.reading-lesson__btn--plain{background:var(--site-surface);color:var(--site-text);border-color:color-mix(in srgb, var(--site-text) 18%, transparent)}.reading-lesson__btn--plain:hover{background:color-mix(in srgb, var(--site-text) 4%, var(--site-surface))}.reading-lesson__media{gap:.85rem;width:100%;margin-bottom:.75rem;display:grid}.reading-lesson__video,.reading-lesson__video-placeholder{border-radius:var(--practice-radius-lg,1rem);margin-top:1.25rem;overflow:hidden}.reading-lesson__video--top{border:1px solid color-mix(in srgb, var(--site-text) 10%, transparent);width:100%;box-shadow:0 1px 0 color-mix(in srgb, var(--site-text) 4%, transparent);aspect-ratio:16/9;background:#0b0b0b;margin-top:0;position:relative}.reading-lesson__yt-host,.reading-lesson__video--top>iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.reading-lesson__video iframe{border:0;width:100%;display:block}.reading-lesson__video:not(.reading-lesson__video--top) iframe{aspect-ratio:16/9;height:auto}.reading-lesson__yt-loading{pointer-events:none;color:#ddd;place-items:center;font-size:.92rem;display:grid;position:absolute;inset:0}.reading-lesson__video-placeholder{border:1px dashed color-mix(in srgb, var(--site-text) 18%, transparent);background:color-mix(in srgb, var(--site-text) 3%, var(--site-surface));min-height:7rem;color:var(--site-muted);text-align:center;place-items:center;padding:1rem;font-size:.88rem;display:grid}.reading-lesson__layout--video{grid-template-columns:minmax(0, 1fr) var(--reading-sidebar-col);align-items:start;margin-top:.25rem}.reading-lesson__layout--video:has(.reading-subs.is-collapsed){grid-template-columns:1fr}.reading-lesson__layout--video:has(.reading-subs.is-collapsed) .reading-lesson__sidebar--marked{display:none}.reading-lesson__layout--video .reading-lesson__main{order:1;min-width:0}.reading-lesson__layout--video .reading-lesson__sidebar--marked{z-index:2;order:2;align-self:start;min-height:0;max-height:calc(100vh - 6rem);position:sticky;top:5.5rem}.reading-lesson__layout--video .reading-expr-sidebar{border-color:color-mix(in srgb, var(--site-primary) 28%, transparent);min-height:0;box-shadow:0 10px 28px color-mix(in srgb, var(--site-text) 8%, transparent)}@media (max-width:960px){.reading-lesson__layout--video{grid-template-columns:1fr}.reading-lesson__layout--video .reading-lesson__sidebar--marked{order:0;min-height:0;max-height:none;position:static}.reading-lesson__layout--video .reading-lesson__main{order:1}}.reading-subs{background:var(--site-surface);border:1px solid color-mix(in srgb, var(--site-text) 10%, transparent);border-radius:var(--practice-radius-lg,1rem);width:100%;overflow:hidden}.reading-subs.is-collapsed .reading-subs__head{border-bottom:0}.reading-subs__head{border-bottom:1px solid color-mix(in srgb, var(--site-text) 8%, transparent);flex-direction:column;gap:.25rem;padding:.75rem 1rem .85rem;display:flex}.reading-subs__toggle{width:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.75rem;margin:0;padding:0;display:flex}.reading-subs__title{margin:0;font-size:1rem;font-weight:700}.reading-subs__toggle-hint{color:var(--site-muted);white-space:nowrap;font-size:.78rem;font-weight:600}.reading-subs__meta{color:var(--site-muted);margin:0;font-size:.82rem}.reading-subs__list{max-height:min(32rem,58vh);padding:.35rem 0;overflow:auto}.reading-subs__cue{text-align:left;width:100%;color:inherit;font:inherit;background:0 0;border:0;border-left:3px solid #0000;grid-template-columns:3.75rem minmax(0,1fr);gap:.85rem;margin:0;padding:.7rem 1.15rem;transition:background .15s,border-color .15s,opacity .15s;display:grid}.reading-subs__cue.is-past{background:color-mix(in srgb, var(--site-primary) 8%, transparent);border-left-color:color-mix(in srgb, var(--site-primary) 35%, transparent)}.reading-subs__cue.is-active{background:color-mix(in srgb, var(--site-primary) 12%, transparent);border-left-color:var(--site-primary)}.reading-subs__cue.is-future{opacity:.72}.reading-subs__time-btn{font-variant-numeric:tabular-nums;color:var(--site-muted);cursor:pointer;text-align:left;background:0 0;border:0;align-self:start;margin:0;padding:.15rem 0;font-size:.8rem;font-weight:700}.reading-subs__cue.is-active .reading-subs__time-btn,.reading-subs__cue.is-past .reading-subs__time-btn{color:var(--site-primary)}.reading-subs__time-btn:hover{text-decoration:underline}.reading-subs__text{width:100%;margin:0;font-size:1rem;font-weight:500;line-height:1.65;display:block}.reading-subs__word{cursor:pointer;color:color-mix(in srgb, var(--site-text) 48%, transparent);border-radius:.15em;scroll-margin-top:6rem;font-weight:500;transition:color .1s,background .1s,font-weight .1s;display:inline;position:relative}.reading-subs__word.is-past{color:var(--site-text);background:color-mix(in srgb, var(--site-primary) 14%, transparent);font-weight:700}.reading-subs__word.is-current{color:var(--site-text);background:color-mix(in srgb, var(--site-primary) 36%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--site-primary) 40%, transparent);font-weight:800}.reading-subs__word.is-marked{outline:1.5px solid color-mix(in srgb, var(--site-primary) 55%, transparent);outline-offset:1px}.reading-subs__word:hover,.reading-subs__word:focus-visible{background:color-mix(in srgb, var(--site-primary) 20%, transparent)}.reading-subs__word .reading-term__tip{z-index:8;opacity:1;visibility:visible;top:calc(100% + .4rem);bottom:auto;transform:translate(-50%)translateY(0)}.reading-subs__word .reading-term__tip:after{border-top-color:#0000;border-bottom-color:var(--site-text);top:auto;bottom:100%}.reading-subs-sidebar__empty{color:var(--site-muted);margin:0;padding:1rem 1.1rem 1.25rem;font-size:.9rem;line-height:1.45}.reading-subs-export{flex-shrink:0;gap:.4rem;padding:.55rem .85rem .15rem;display:flex}.reading-subs-export__btn{border:1px solid color-mix(in srgb, var(--site-primary) 28%, transparent);background:color-mix(in srgb, var(--site-primary) 8%, var(--site-surface));min-height:2rem;color:var(--site-primary);cursor:pointer;border-radius:.45rem;flex:1;padding:.35rem .55rem;font-size:.78rem;font-weight:700;transition:background .15s,border-color .15s}.reading-subs-export__btn:hover{background:color-mix(in srgb, var(--site-primary) 16%, var(--site-surface));border-color:color-mix(in srgb, var(--site-primary) 45%, transparent)}.reading-lesson__sidebar{flex-direction:column;min-height:0;max-height:calc(100vh - 6.5rem);display:flex;position:sticky;top:5.5rem}.reading-expr-sidebar{background:var(--site-surface);border:1px solid color-mix(in srgb, var(--site-text) 10%, transparent);border-radius:var(--practice-radius-lg,1rem);box-shadow:0 8px 24px color-mix(in srgb, var(--site-text) 6%, transparent);max-height:inherit;flex-direction:column;min-height:0;display:flex;overflow:hidden}.reading-expr-sidebar__head{border-bottom:1px solid color-mix(in srgb, var(--site-text) 8%, transparent);flex-shrink:0;align-items:center;gap:.55rem;padding:.95rem 1rem;display:flex}.reading-expr-sidebar__head-text{flex:1;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;display:flex}.reading-expr-sidebar__icon{font-size:1rem;line-height:1}.reading-expr-sidebar__title{color:var(--site-primary);margin:0;font-size:.98rem;font-weight:700}.reading-expr-sidebar__lang{border:1px solid color-mix(in srgb, var(--site-primary) 14%, transparent);background:var(--site-primary-highlight);border-radius:999px;flex-shrink:0;align-items:center;gap:.15rem;padding:.15rem;display:inline-flex}.reading-expr-sidebar__lang-btn{color:var(--site-muted);letter-spacing:.04em;cursor:pointer;transition:background-color .16s var(--ease-out,ease), color .16s var(--ease-out,ease);background:0 0;border:0;border-radius:999px;padding:.28rem .55rem;font-size:.72rem;font-weight:700}.reading-expr-sidebar__lang-btn.is-active{background:var(--site-primary);color:var(--site-inverse,#fff)}.reading-expr-sidebar__list{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.reading-expr-sidebar__item{border:0;border-bottom:1px solid color-mix(in srgb, var(--site-text) 6%, transparent);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem 1rem;text-decoration:none;transition:background .12s;display:flex}.reading-expr-sidebar__item:last-child{border-bottom:0}.reading-expr-sidebar__item:hover,.reading-expr-sidebar__item--active{background:color-mix(in srgb, var(--site-primary) 6%, var(--site-surface))}.reading-expr-sidebar__terms{flex-direction:column;gap:.15rem;min-width:0;display:flex}.reading-expr-sidebar__terms strong{color:var(--site-text);font-size:.9rem;font-weight:700}.reading-expr-sidebar__terms em{color:var(--site-muted);font-size:.82rem;font-style:italic}.reading-expr-sidebar__play{border:1px solid color-mix(in srgb, var(--site-text) 14%, transparent);width:1.75rem;height:1.75rem;color:var(--site-muted);border-radius:999px;flex-shrink:0;place-items:center;font-size:.62rem;display:grid}.reading-expr-sidebar__toggle{border:0;border-top:1px solid color-mix(in srgb, var(--site-text) 8%, transparent);background:color-mix(in srgb, var(--site-text) 3%, var(--site-surface));width:100%;color:var(--site-primary);cursor:pointer;padding:.75rem 1rem;font-size:.85rem;font-weight:600}.reading-expr-sidebar__toggle:hover{background:color-mix(in srgb, var(--site-text) 6%, var(--site-surface))}.lesson-hero--reading .lesson-hero__grid{display:block}.lesson-hero--reading .lesson-hero__title{margin-bottom:.65rem}.reading-hero-badge{background:color-mix(in srgb, var(--site-primary) 12%, var(--site-surface));color:var(--site-primary);letter-spacing:.04em;vertical-align:middle;border-radius:999px;align-items:center;margin-left:.65rem;padding:.15rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}