.teach .ra{flex-direction:column;flex:1;gap:14px;padding:clamp(12px,2vw,24px);display:flex}.teach .ra-top{align-items:center;gap:14px;display:flex}.teach .ra-count{font:600 16px/1 var(--font-ui);color:var(--muted);white-space:nowrap;min-width:7.5em;margin:0}.teach .ra-progress{background:var(--tint);border:1px solid var(--rule);border-radius:5px;flex:1;height:10px;overflow:hidden}.teach .ra-progress span{background:var(--ink);height:100%;transition:width .25s;display:block}.teach .ra-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(10px,3vh,36px);min-height:min(46vh,420px);padding:clamp(8px,2vh,28px) clamp(8px,3vw,48px);display:flex;position:relative}.teach .ra-pics{gap:clamp(14px,3vw,40px);font-size:clamp(64px,17vh,190px);line-height:1;display:flex}.teach .ra-text{z-index:1;max-width:24em;font-family:var(--font-read);color:var(--ink);text-wrap:balance;pointer-events:none;margin:0;line-height:1.45;position:relative}.teach .ra[data-size=xl] .ra-text{max-width:16em;font-size:clamp(40px,min(11vh,10vw),120px)}.teach .ra[data-size=l] .ra-text{max-width:20em;font-size:clamp(34px,min(8vh,7.5vw),92px)}.teach .ra[data-size=m] .ra-text{max-width:24em;font-size:clamp(28px,min(5.6vh,5.4vw),66px)}.teach .ra[data-size=s] .ra-text{text-align:left;text-wrap:pretty;max-width:28em;font-size:clamp(24px,min(4.4vh,4.4vw),52px)}.teach .ra-w{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px}.teach .ra-now{background:var(--accent);color:#111418;box-shadow:0 0 0 .1em var(--accent);text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:.06em}.teach .ra-tap{cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;top:0;bottom:0}.teach .ra-tap--back{width:30%;left:0}.teach .ra-tap--next{width:70%;right:0}.teach .ra-controls{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.teach .ra-big{min-width:150px;min-height:64px;padding:0 22px;font-size:20px}.teach .ra-play{min-width:240px}.teach .ra-big:disabled{opacity:.45;cursor:default}.teach .ra-play[aria-pressed=true]{background:var(--ink);color:var(--paper)}.teach .ra-opts{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;display:flex}.teach .ra-group{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.teach .ra-label{font:600 14px/1 var(--font-ui);color:var(--muted);margin-right:4px}.teach .ra-group button,.teach .ra-toggle{font:500 16px/1 var(--font-ui);border:1px solid var(--ink);background:var(--card);min-height:48px;color:var(--ink);cursor:pointer;border-radius:6px;padding:0 16px}.teach .ra-group button[aria-pressed=true],.teach .ra-toggle[aria-pressed=true]{background:var(--ink);color:var(--paper)}.teach .ra-note{background:var(--tint);border-left:4px solid var(--accent);border-radius:4px;max-width:44em;margin:0 auto;padding:10px 14px;font-size:16px;line-height:1.5}.teach .ra-note--warn{border-left-color:var(--warn)}.teach .ra-keys{text-align:center;max-width:52em;color:var(--muted);margin:0 auto;font-size:13px;line-height:1.5}.teach .ra-end{text-align:left;max-width:34em;font-family:var(--font-read)}.teach .ra-end h2{text-align:center;margin:0 0 4px;font-size:clamp(36px,7vh,72px)}.teach .ra-end-title{text-align:center;color:var(--muted);margin:0 0 18px;font-size:clamp(18px,3vh,28px)}.teach .ra-end h3{font:700 clamp(20px, 3.2vh, 32px)/1.2 var(--font-ui);margin:0 0 8px}.teach .ra-end ol{margin:0;padding-left:1.4em;font-size:clamp(20px,3.6vh,38px);line-height:1.45}.teach .ra-end li{margin:0 0 .5em}.teach.is-projector .ra{min-height:100vh;padding:2vh 3vw}.teach.is-projector .ra-stage{min-height:0}.teach.is-projector .ra-keys,.teach.is-projector .ra-toggle{display:none}.teach.is-projector .ra-opts{justify-content:flex-start}@media (prefers-reduced-motion:reduce){.teach .ra-progress span{transition:none}}.teach .rai{max-width:980px}.teach .rai-filters{border:1px solid var(--rule);background:var(--card);border-radius:8px;flex-wrap:wrap;align-items:end;gap:12px 18px;margin:6px 0 20px;padding:14px;display:flex}.teach .rai-filters label{font:600 14px/1.2 var(--font-ui);flex-direction:column;gap:4px;display:flex}.teach .rai-filters select,.teach .rai-filters input[type=search]{font:inherit;border:1px solid var(--muted);background:var(--paper);min-height:44px;color:var(--ink);border-radius:6px;min-width:12em;padding:8px 10px;font-size:16px}.teach .rai-filters .rai-check{flex-direction:row;align-items:center;gap:8px;min-height:44px;font-size:16px;font-weight:500}.teach .rai-filters .rai-check input{width:22px;height:22px;accent-color:var(--accent)}.teach .rai-count{color:var(--muted);margin:0 0 14px;font-size:15px}.teach .rai-group{margin:0 0 26px}.teach .rai-group h2{margin:0 0 4px;font-size:22px}.teach .rai-group>p{color:var(--muted);margin:0 0 8px;font-size:14px}.teach .rai-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:0 28px;margin:0;padding:0;list-style:none;display:grid}.teach .rai-list li{border-bottom:1px solid var(--rule);padding:9px 0}.teach .rai-list a{font-size:17px;font-weight:600}.teach .rai-list span{color:var(--muted);margin-top:2px;font-size:13px;display:block}.teach .rai-tag{border:1px solid var(--rule);font:500 12px/1.4 var(--font-ui);color:var(--muted);border-radius:4px;margin-left:6px;padding:1px 6px;display:inline}.teach .rab-about{max-width:760px;line-height:1.6}.teach .rab-about h2{margin:26px 0 8px;font-size:22px}.teach .rab-q{margin:0;padding-left:1.4em}.teach .rab-q li{margin:0 0 14px;line-height:1.55}.teach .rab-q b{font-size:18px;display:block}.teach .rab-q span{color:var(--muted);margin-top:2px;font-size:15px;display:block}.teach .rab-words{gap:8px;margin:0;display:grid}.teach .rab-words dt{font-weight:700}.teach .rab-words dd{margin:0}