.tf-section{padding:var(--spacing-32) 0;background:var(--colors-bg-default);color:var(--colors-fg-default);scroll-margin-top:var(--spacing-20)}.tf-layout{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);grid-gap:var(--spacing-16);gap:var(--spacing-16);align-items:center;max-width:1040px;margin:0 auto}.tf-introduction{margin:0 auto var(--spacing-16);text-align:center}.tf-editorial{min-width:0}.tf-teacher-caption{margin:var(--spacing-6) auto 0;color:var(--colors-fg-muted);font-size:var(--font-sizes-md);line-height:1.65;text-align:center}.tf-layout[data-art=false]{grid-template-columns:minmax(0,1fr);max-width:640px}.tf-layout[data-art=false] .tf-editorial{display:none}.tf-art{position:relative;width:380px;max-width:100%;aspect-ratio:1;margin:0 auto;pointer-events:none}.tf-art img{display:block;width:100%;height:100%;object-fit:contain}.tf-pencil-tip{position:absolute;left:97.45%;top:59.9%;width:0;height:0}.tf-ink{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.tf-ink-line{fill:none;stroke:var(--colors-green-9);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.tf-ink-nib{fill:var(--colors-green-9)}.tf-ink-glint{fill:none;stroke:var(--colors-amber-9);stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}.tf-introduction h2{margin:0;font-family:var(--font-logo),sans-serif;font-size:var(--font-sizes-5xl);font-weight:var(--font-weights-extrabold);letter-spacing:var(--letter-spacings-tight);line-height:1.12;text-wrap:balance}.tf-introduction h2>span{display:block}.tf-emphasis{color:var(--colors-green-11)}.tf-introduction>p{max-width:44ch;margin:var(--spacing-5) auto 0;color:var(--colors-fg-muted);font-size:var(--font-sizes-lg);line-height:1.75;text-wrap:pretty}.tf-card{min-width:0}.tf-card-header{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-4)}.tf-recipient{display:flex;align-items:center;gap:var(--spacing-3);min-width:0}.tf-avatar{flex-shrink:0}.tf-recipient>div{display:grid;grid-gap:var(--spacing-1);gap:var(--spacing-1)}.tf-card-body{padding-bottom:0}.tf-context{padding:var(--spacing-5) 0;border-bottom:2px solid var(--colors-border-default)}.tf-context-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-3);flex-wrap:wrap;margin-bottom:var(--spacing-3)}.tf-context blockquote{margin:0;-webkit-padding-start:0;padding-inline-start:0}.tf-context :where(.ta-response-text){font-size:var(--font-sizes-md);color:var(--colors-fg-muted);line-height:1.7;text-wrap:pretty}.tf-note{padding:var(--spacing-8) 0 var(--spacing-6);min-height:202px;min-width:0}.tf-reading{display:grid;grid-gap:var(--spacing-5);gap:var(--spacing-5)}.tf-note-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-2) var(--spacing-4)}.tf-ai-label{display:inline-flex;align-items:center;gap:var(--spacing-2)}.tf-ai-label>svg{color:var(--colors-green-11)}.tf-stage{min-width:13ch}.tf-draft{position:relative}.tf-draft-reserve{visibility:hidden}.tf-draft-visible{position:absolute;inset:0}.tf-draft[data-playing=false] [data-enter-word]{animation-play-state:paused}.tf-draft[data-complete=true] [data-enter-word]{animation:none}.tf-feedback-text{line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.tf-editor{display:grid;grid-gap:var(--spacing-3);gap:var(--spacing-3)}.tf-next-step{display:flex;justify-content:flex-start}.tf-card-footer{border-top:2px solid var(--colors-border-default);flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-4);padding-top:var(--spacing-4)}.tf-card-footer>button{min-width:184px}.tf-preview-caption{max-width:22ch;text-wrap:pretty}.tf-announcement{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}@media (max-width:1000px){.tf-layout{grid-template-columns:minmax(0,.75fr) minmax(0,1.45fr);gap:var(--spacing-8)}.tf-art{width:320px}}@media (max-width:767px){.tf-section{padding:var(--spacing-24) 0}.tf-introduction{margin-bottom:var(--spacing-10)}.tf-layout{grid-template-columns:minmax(0,1fr);max-width:520px;gap:var(--spacing-8)}.tf-card{grid-row:1}.tf-editorial{grid-row:2;display:grid;grid-template-columns:144px minmax(0,1fr);align-items:center;grid-gap:var(--spacing-5);gap:var(--spacing-5)}.tf-art{width:144px}.tf-teacher-caption{margin:0;text-align:left}.tf-ink[data-kind=teacher] .tf-ink-connector{display:none}.tf-introduction h2{font-size:var(--font-sizes-4xl)}.tf-introduction>p{font-size:var(--font-sizes-md);max-width:30ch;margin-top:var(--spacing-5)}.tf-card-header{padding:var(--spacing-4)}.tf-card-body{padding-inline:var(--spacing-4)}.tf-note{padding-top:var(--spacing-6)}.tf-feedback-text{font-size:var(--font-sizes-lg)}.tf-card-footer{border-top:2px solid var(--colors-border-default);align-items:stretch;flex-direction:column;padding:var(--spacing-4)}.tf-card-footer>button{min-width:0;width:100%}.tf-preview-caption{text-align:center;max-width:none}}@media (max-width:359px){.tf-introduction h2{font-size:var(--font-sizes-3xl)}}