.sf-p1-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;align-items:start}.sf-p1-card{padding:18px 22px 16px}.sf-p1-card .sf-say{margin-top:16px}.sf-p1-sentences{margin-top:22px}.sf-p1 .sf-top{margin-bottom:10px}.sf-p1 .sf-banner{--tr-blur:6px;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:8px;border-radius:18px;background:#fcfaf6;border:1px solid var(--line);max-height:min(64vh,600px);overflow:auto;overscroll-behavior:contain}.sf-p1 .sf-banner>li{align-items:center;padding:8px 10px 8px 12px;border-color:transparent;background:none;opacity:.7}.sf-p1 .sf-banner>li:hover{opacity:.95;background:#f7f3ed}.sf-p1 .sf-banner>li[data-state=done]{opacity:.85}.sf-p1 .sf-banner>li[data-cur]{align-items:start;padding:14px 10px 14px 12px;opacity:1;background:var(--white);border-color:var(--line)}.sf-p1[data-phase=done] .sf-banner>li[data-cur]{background:#e6f2eb;border-color:#b4d9c7}.sf-p1 .sf-banner .t{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);column-gap:28px;align-items:center}.sf-p1 .sf-banner li[data-cur] .t{align-items:start}.sf-p1 .sf-banner .e{font-size:16px}.sf-p1 .sf-banner .tr-row{padding-left:22px;border-left:1px solid var(--line)}.sf-p1 .sf-banner .f{font-size:14px;line-height:1.8}.sf-p1 .sf-banner li[data-cur] .e{font-size:19px;line-height:1.55}.sf-p1 .sf-banner li[data-cur] .f{font-size:15.5px;line-height:1.85}.sf-p1[data-phase=listening] .sf-banner li[data-cur] .tr-row{border-left-color:var(--listen-line)}.sf-p1:is([data-phase=repeat],[data-phase=along]) .sf-banner li[data-cur] .tr-row{border-left-color:var(--action-line)}.sf-p1 .sf-banner .mk{width:44px;height:44px;margin-top:-6px}.sf-p1 .sf-banner .mk svg{width:44px;height:44px}.sf-p1 .sf-banner .mk b{width:32px;height:32px;font-size:13.5px}.sf-p1 .sf-banner li[data-cur] .mk b{width:36px;height:36px;font-size:14.5px}@media(max-width:860px){.sf-p1{display:flex;flex-direction:column}.sf-p1-row{display:contents}.sf-p1-card{order:1;padding:12px 14px 14px}.sf-p1-sentences{order:2;margin:16px 0}.sf-p1 .sf-stage{order:3}.sf-p1 .sf-banner{padding:6px;max-height:none}.sf-p1 .sf-banner .t{grid-template-columns:minmax(0,1fr)}.sf-p1 .sf-banner .tr-row{padding-left:0;border-left:0}.sf-p1 .sf-banner li[data-cur]{padding:14px 6px 14px 10px}.sf-p1 .sf-banner li[data-cur] .e{font-size:17px}.sf-p1 .sf-banner li[data-cur] .f{font-size:14.5px;line-height:1.8}.sf-p1 .sf-banner .mk,.sf-p1 .sf-banner .mk svg{width:40px;height:40px}.sf-p1 .sf-banner li:not([data-cur]){padding:2px 6px 2px 10px}.sf-p1 .sf-banner li:not([data-cur]) .tr-row{display:none}.sf-p1 .sf-banner li:not([data-cur]) .e{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}}.sf-p1-card .sf-meta-slot .lesson-meta{margin:0 0 14px!important;gap:8px 10px}.sf-p1 .sf-tabs-row{align-items:center;gap:10px 16px;margin-bottom:12px}.sf-ses-tabs{display:flex;flex-wrap:wrap;gap:7px;min-width:0}.sf-ses-tab{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 13px;border:1px solid #E8DED1;border-radius:9px;background:transparent;font:580 13.5px/1.4 var(--fa);color:var(--muted);cursor:pointer;text-align:left}.sf-ses-tab small{font-size:11.5px;font-weight:500;opacity:.75;white-space:nowrap}.sf-ses-tab:hover{background:var(--nav-soft);color:var(--ink)}.sf-ses-tab[aria-selected=true]{background:var(--white);border-color:#a7b4ba;box-shadow:0 1px 3px #15213b14;color:var(--ink);font-weight:700;cursor:default}.sf-ses-tab:focus-visible{outline:3px solid var(--nav);outline-offset:2px}.sf-p1 .sf-tabs-row .sf-count{margin-inline-start:auto;white-space:nowrap}@media(max-width:860px){.sf-ses-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.sf-ses-tab{padding:7px 10px;font-size:13px;justify-content:space-between}.sf-p1 .sf-tabs-row .sf-count{margin-inline-start:0}}.sf-p1 .sf-banner{min-height:0!important}.sf-p1 .sf-banner>li,.sf-p1 .sf-banner>li[data-cur]{align-items:start;padding:10px 10px 10px 12px}.sf-p1 .sf-banner>li,.sf-p1 .sf-banner>li[data-state=done]{opacity:1}.sf-p1 .sf-banner>li:not([data-cur]) .e{color:var(--ink-2)}.sf-p1 .sf-banner .e,.sf-p1 .sf-banner li[data-cur] .e{font-size:17px;line-height:1.6}.sf-p1 .sf-banner .f,.sf-p1 .sf-banner li[data-cur] .f{font-size:14.5px;line-height:1.85}.sf-p1 .sf-banner .mk b,.sf-p1 .sf-banner li[data-cur] .mk b{width:34px;height:34px;font-size:14px}@media(max-width:860px){.sf-p1 .sf-banner>li[data-cur]{padding:10px 6px 10px 10px}.sf-p1 .sf-banner>li:not([data-cur]){padding:2px 6px 2px 10px}.sf-p1 .sf-banner .e,.sf-p1 .sf-banner li[data-cur] .e,.sf-p1 .sf-banner li:not([data-cur]) .e{font-size:16px}.sf-p1 .sf-banner .f,.sf-p1 .sf-banner li[data-cur] .f{font-size:14px}}.sf-think{display:none;place-items:center;flex:none;width:30px;height:30px;margin:-3px -4px 0 0}.think-bubble{width:28px;height:28px;flex:none}.think-bubble .tb-cloud,.think-bubble .tb-tail{fill:var(--white);stroke:var(--action);stroke-width:1.6}.think-bubble .tb-dot{fill:var(--action);opacity:.28}.sf[data-mode=challenge][data-phase=think] .sf-list li[data-cur] .tb-dot{animation:sf-think-dot 1.5s ease-in-out infinite}.sf[data-mode=challenge][data-phase=think] .sf-list li[data-cur] .tb-dot.d2{animation-delay:.25s}.sf[data-mode=challenge][data-phase=think] .sf-list li[data-cur] .tb-dot.d3{animation-delay:.5s}@keyframes sf-think-dot{0%,60%,to{opacity:.28}25%{opacity:1}}@media(prefers-reduced-motion:reduce){.sf .tb-dot{animation:none!important;opacity:.7}}.sf:not([data-mode=challenge]) .sf-steps li[data-sf-step=think]{display:none}.sf[data-mode=challenge] .sf-steps li[data-sf-step=along]{display:none}.sf-steps li[data-sf-step=think]{--fill:var(--sf-afill)}.sf-steps li[data-sf-step=think][data-state=active]{box-shadow:inset 0 0 0 1px var(--action-line)}.sf-hint-link{display:none;justify-self:start;align-items:center;gap:6px;min-height:36px;margin-top:4px;padding:0 2px;border:0;background:none;font:600 13.5px/1.5 var(--fa);color:var(--link,#1F5C99);cursor:pointer;direction:ltr}.sf-hint-link .i{width:16px;height:16px}.sf-hint-link:hover{text-decoration:underline;text-underline-offset:3px}.sf[data-mode=challenge][data-phase=think][data-hinted="0"] .sf-list li[data-cur] .sf-hint-link{display:inline-flex}.sf[data-mode=challenge] .sf-list .tr-pin{display:none}.sf[data-mode=challenge] .sf-list .tr-blur{filter:none!important;cursor:text}.sf[data-mode=challenge] .sf-list li[data-cur] .f{color:var(--ink)}.sf[data-mode=challenge] .sf-list li:not([data-state=done]) .fa-chunk{color:inherit!important;font-weight:inherit!important}.sf[data-mode=challenge]:is([data-phase=listening],[data-phase=repeat],[data-phase=next],[data-phase=done]) .sf-list li[data-cur] .fa-chunk{color:var(--idiom-ink)!important;font-weight:650!important}.sf[data-mode=challenge] .sf-list li:not([data-state=done]) .e{filter:blur(7px);user-select:none;pointer-events:none}.sf[data-mode=challenge]:is([data-phase=listening],[data-phase=repeat],[data-phase=next],[data-phase=done]) .sf-list li[data-cur] .e{filter:none;user-select:auto;pointer-events:auto}.sf[data-mode=challenge][data-phase=think] .sf-list li[data-cur] .sf-think{display:inline-grid}.sf[data-mode=challenge][data-phase=think] .sf-list[data-sf-list=rich] li[data-cur]{background:var(--sf-turn);border-color:var(--action-line)}.sf[data-mode=challenge] .sf-p2-list .t .tr-row{order:-1}.sf-list .hint{justify-self:start;margin:6px 0 0;padding:5px 10px;border-radius:9px;background:var(--white);border:1px dashed var(--action-line);font:600 15px/1.6 Archivo,Arial,sans-serif;letter-spacing:.03em;color:var(--ink);direction:ltr;text-align:left}.sf-list .also{margin:6px 0 0;font:500 12.5px/1.7 var(--fa);color:var(--muted);direction:ltr;text-align:left}.sf-list .also p{margin:2px 0 0;font:500 14.5px/1.55 Archivo,Arial,sans-serif;color:var(--ink-2);direction:ltr;text-align:left}.sf-banner .hint,.sf-banner .also,.sf-banner .sf-hint-link{grid-column:1/-1}.sf-modebar{display:none}.sf[data-mode=challenge] .sf-modebar{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;margin:0 0 12px;padding:6px 8px 6px 12px;border:1px solid #E8DED1;border-radius:12px;background:var(--white)}.sf-mode-chip{display:inline-flex;align-items:center;gap:8px;font:650 14px/1.5 var(--fa);color:var(--ink)}.sf-mode-chip .think-bubble{width:24px;height:24px}.sf-link{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 4px;border:0;background:none;font:600 14px/1.5 var(--fa);color:var(--link,#1F5C99);cursor:pointer}.sf-link .i{width:16px;height:16px}.sf-link:hover{text-decoration:underline;text-underline-offset:3px}.sf-link:focus-visible{outline:3px solid var(--nav);outline-offset:2px;border-radius:6px}.sf-after{display:none}.sf[data-phase=done] .sf-after{display:grid;gap:8px;justify-items:start;margin-top:12px}.sf-after>*{display:none}.sf[data-model=a][data-mode=shadow][data-phase=done] .sf-preview,.sf[data-model=a][data-mode=shadow][data-phase=done] .sf-link-next{display:flex}.sf[data-mode=challenge][data-phase=done] .sf-link-again{display:inline-flex}.sf-preview{flex-wrap:wrap;align-items:center;gap:6px 10px;width:100%;padding:10px 12px;border-radius:12px;background:#fbefe8;border:1px solid var(--action-line)}.sf-preview p{flex:1;min-width:0;margin:0;font:500 14.5px/1.8 var(--fa);color:var(--ink)}.sf-preview .pv-q{flex-basis:100%;font:600 15px/1.5 Archivo,Arial,sans-serif;letter-spacing:.04em;color:var(--muted);direction:ltr;text-align:left}.sf-preview .think-bubble{width:26px;height:26px}.sf-decide,.sf[data-model=b][data-mode=shadow][data-phase=done] .sf-face{display:none}.sf[data-model=b][data-mode=shadow][data-phase=done] .sf-decide{display:grid;gap:4px}.sf-decide-h{display:flex;align-items:center;gap:8px;font:700 18px/1.6 var(--fa);color:var(--ink)}.sf-decide-h>.i{width:24px;height:24px;padding:4px;border-radius:50%;background:#146b4b;color:#fff;stroke-width:2.4}.sf-decide-sub{font:400 14px/1.8 var(--fa);color:var(--muted)}.sf-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 16px}.sf-choice{display:grid;align-content:start;gap:6px;min-height:132px;padding:14px;border:1px solid #E8DED1;border-radius:14px;background:#15213b09;text-align:left;color:var(--ink-2);cursor:pointer;font-family:var(--fa)}.sf-choice:hover{background:var(--nav-soft)}.sf-choice[aria-pressed=true]{background:var(--white);border-color:#a7b4ba;box-shadow:0 1px 3px #15213b14;color:var(--ink)}.sf-choice:focus-visible{outline:3px solid var(--nav);outline-offset:2px}.sf-choice{justify-items:center;text-align:center}.sf-choice .ic{display:block;width:112px;height:112px;margin:0 auto 2px}.sf-choice .ic img{display:block;width:100%;height:100%;filter:drop-shadow(0 3px 8px rgba(21,33,59,.1))}.sf-choice .tt{font:700 15px/1.6 var(--fa)}.sf-choice .tt em{font-style:normal;font-weight:600;font-size:11.5px;padding:1px 7px;margin-inline-start:4px;border-radius:999px;background:#fbefe8;color:#9a3412;white-space:nowrap}.sf-choice .ds{font:400 13px/1.8 var(--fa);color:var(--muted)}.sf-ses-tab.is-finished>span:before{content:"✓ ";color:#146b4b;font-weight:700}@media(max-width:860px){.sf-choices{grid-template-columns:minmax(0,1fr);gap:8px}.sf-choice{min-height:0;grid-template-columns:84px minmax(0,1fr);grid-template-areas:"ic tt" "ic ds";justify-items:start;text-align:left;align-items:center;column-gap:12px;row-gap:2px}.sf-choice .ic{grid-area:ic;width:84px;height:84px;margin:0}.sf-choice .tt{grid-area:tt}.sf-choice .ds{grid-area:ds}.sf[data-mode=challenge] .sf-list[data-sf-list=rich]>li{grid-template-areas:"mk fa sv" "en en en"}.sf[data-mode=challenge] .sf-list[data-sf-list=rich] .tr-row{margin-top:0}.sf[data-mode=challenge] .sf-list[data-sf-list=rich] li[data-cur] .el{margin-top:8px}.sf[data-mode=challenge] .sf-list[data-sf-list=rich] li:not([data-cur]) .tr-row{display:flex}.sf[data-mode=challenge] .sf-list[data-sf-list=rich] li:not([data-cur]) .el{display:none}.sf[data-mode=challenge] .sf-list[data-sf-list=rich] li:not([data-cur]) .f{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf[data-mode=challenge] .sf-list[data-sf-list=rich] .hint,.sf[data-mode=challenge] .sf-list[data-sf-list=rich] .also,.sf[data-mode=challenge] .sf-list[data-sf-list=rich] .sf-hint-link{grid-column:1/-1}}