/* Open textbook chapters: use the same paper, typography and controls as other lessons. */
html[data-learning-legacy][data-selfdark]{font-size:16px!important;background:var(--tl-paper-soft)!important}
html[data-learning-legacy] body{width:min(1040px,calc(100% - 16px));margin:12px auto!important;padding:18px!important;background:var(--tl-glass)!important;color:var(--tl-ink)!important;border:1px solid var(--tl-glass-border);border-radius:var(--tl-radius-surface);font:16px/1.75 var(--tl-font-ui)!important;box-shadow:var(--tl-shadow)}
html[data-learning-legacy] body>header{position:static!important;inset:auto!important;background:transparent!important;border:0;padding:0 0 12px!important;box-shadow:none!important}
.learning-legacy-identity{flex:1;min-width:0}.learning-legacy-identity>a{font:500 12px/1.4 var(--tl-font-ui);text-decoration:none;color:var(--tl-ink-soft)}
html[data-learning-legacy] .learning-legacy-header h1{font:650 22px/1.35 var(--tl-font-ui)!important;margin:4px 0 0!important;color:var(--tl-ink)!important}
html[data-learning-legacy] .learning-legacy-back{width:44px;height:44px;min-width:44px;flex:none;display:grid;place-items:center;text-decoration:none;color:var(--tl-ink);border:1px solid var(--tl-hair);border-radius:var(--tl-radius-control);font-size:26px}
html[data-learning-legacy] #learningLegacyOpen{min-height:44px;padding:8px 10px;border:1px solid var(--tl-hair);border-radius:var(--tl-radius-control);background:transparent;color:var(--tl-ink);font:500 15px var(--tl-font-ui)}
html[data-learning-legacy] .blk{max-width:none;width:100%;margin:0;padding:18px 0!important;background:transparent!important}
html[data-learning-legacy] .gp{margin:0 0 18px;padding:12px 0;background:transparent!important;border:0;border-top:1px solid var(--tl-hair);border-radius:0;box-shadow:none}
html[data-learning-legacy] .gp-mau{font:600 28px/1.65 var(--tl-font-jp);color:var(--tl-ink)}
html[data-learning-legacy] .gp-y,html[data-learning-legacy] .gp-ct,html[data-learning-legacy] .head p{font-size:17px;color:var(--tl-ink)!important;line-height:1.75}
html[data-learning-legacy] .head{margin:0 0 12px;padding:0}
html[data-learning-legacy] .head .kick{display:none}
html[data-learning-legacy] .head h2{font:650 22px/1.4 var(--tl-font-ui);margin:0 0 12px;color:var(--tl-ink)}
html[data-learning-legacy] .gp-vd .ja{font:500 22px/1.8 var(--tl-font-jp)}
html[data-learning-legacy] .tts,html[data-learning-legacy] summary,html[data-learning-legacy] button{min-height:44px}
html[data-learning-legacy] .tts{min-width:44px}
html[data-learning-legacy] #learningLegacySettings{width:min(760px,92vw);max-height:85vh;overflow:auto;background:var(--tl-glass-strong);color:var(--tl-ink);padding:18px;border:1px solid var(--tl-hair);border-radius:var(--tl-radius-panel)}
html[data-learning-legacy] .final{margin-top:18px;padding:18px 0}
@media(max-width:600px){html[data-learning-legacy] body{padding:12px!important}.learning-legacy-identity{min-width:0}html[data-learning-legacy] .learning-legacy-header h1{font-size:19px!important}html[data-learning-legacy] .gp-top{flex-wrap:wrap}html[data-learning-legacy] .gp-rom{font-size:14px}}
html[data-learning-legacy] .bt-lua li{min-height:44px}
html[data-learning-legacy] .gp-ct{overflow-wrap:anywhere;word-break:normal}
html[data-learning-legacy] .learning-letter-signature{display:block;text-align:right}
html[data-learning-legacy][data-learning-kind=vocabulary] .gp-mau{font:650 20px/1.5 var(--tl-font-ui)}
html[data-learning-legacy][data-learning-kind=vocabulary] .gp-top{gap:var(--tl-space-2);align-items:baseline}
html[data-learning-legacy][data-learning-kind=vocabulary] .gp-rom{font-size:14px;line-height:1.5}
/* Legacy pages used light lettering for dark cards; canonical paper needs ink. */
html[data-learning-legacy] .gp-vd .ja,
html[data-learning-legacy] .gp-ct,
html[data-learning-legacy] .gp p,
html[data-learning-legacy] .acc summary,
html[data-learning-legacy] .acc .body>p,
html[data-learning-legacy] .gcard h3{color:var(--tl-ink)!important}
html[data-learning-legacy] .gp-vd .vi,
html[data-learning-legacy] .gp-rom,
html[data-learning-legacy] .gp-note,
html[data-learning-legacy] .gcard p{color:var(--tl-ink-soft)!important}
html[data-learning-legacy] .gp-y,
html[data-learning-legacy] .gp-note{font-family:var(--tl-font-ui);font-style:normal}