/* A chooser is the entrance; the study view contains one complete card. */
html[data-tl-card-deck] .wrap [hidden] {display:none!important}
html[data-tl-card-deck] #th-fab {position:absolute!important}
html[data-tl-card-deck] #tl-stack {display:none}
html[data-tl-card-deck][data-tl-card-view="menu"] #kh-lbar {display:none}
html[data-tl-card-deck][data-tl-card-view="practice"] #kh-lbar {display:none}
html[data-tl-card-deck] .wrap>.lnav {margin-top:26px}
html[data-tl-card-deck] .tl-card-menu {margin:14px 0 26px}
html[data-tl-card-deck] .tl-card-menu-head {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
html[data-tl-card-deck] .tl-card-menu h2 {font:700 24px/1.25 var(--tl-font-ui);letter-spacing:-.025em;margin:0;color:var(--tl-ink)}
html[data-tl-card-deck] .tl-card-menu h2[tabindex="-1"]:focus {outline:none}
html[data-tl-card-deck] .tl-card-total {font:500 14px var(--tl-font-ui);color:var(--tl-ink-soft)}
html[data-tl-card-deck] .tl-card-search {display:block;width:100%;min-height:48px;margin:0 0 18px;padding:12px 16px;border:1px solid var(--tl-hair);border-radius:var(--tl-radius-control);background:var(--tl-paper-soft);color:var(--tl-ink);font:400 16px var(--tl-font-ui)}
html[data-tl-card-deck] .tl-card-search::placeholder {color:var(--tl-ink-soft);opacity:1}
html[data-tl-card-deck] .tl-card-search-empty {font:400 16px/1.5 var(--tl-font-ui);color:var(--tl-ink-soft);margin:12px 0}
html[data-tl-card-deck] .tl-card-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
html[data-tl-card-deck] .tl-card-choice {position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;min-height:104px;padding:18px 16px;border:1px solid var(--tl-hair);border-radius:var(--tl-radius-panel);background:var(--tl-paper-soft);color:var(--tl-ink);text-align:left;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.14)}
html[data-tl-card-deck] .tl-card-choice:hover {border-color:var(--tl-seal);background:var(--tl-wash)}
html[data-tl-card-deck] .tl-card-choice-glyph {font:500 44px/1.3 var(--tl-font-shodo);color:var(--tl-ink)}
html[data-tl-card-deck] .tl-card-choice-name {font:600 16px/1.4 var(--tl-font-ui);color:var(--tl-ink);overflow-wrap:anywhere}
html[data-tl-card-deck] .tl-card-choice-number {position:absolute;top:9px;right:12px;font:500 11px var(--tl-font-mono);color:var(--tl-ink-soft)}
html[data-tl-card-deck] .tl-card-pager {display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:14px;color:var(--tl-ink-soft);font:500 14px var(--tl-font-ui)}
html[data-tl-card-deck] :is(.tl-card-pager,.tl-card-nav,.tl-card-bottom,.tl-card-menu-head) button {min-width:44px;min-height:44px;padding:10px 14px;border:1px solid var(--tl-hair);border-radius:var(--tl-radius-control);background:var(--tl-paper-soft);color:var(--tl-ink);font:600 14px/1.35 var(--tl-font-ui);cursor:pointer}
html[data-tl-card-deck] button:disabled {opacity:.38;cursor:default}
html[data-tl-card-deck] .tl-card-practice-link {display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;margin-top:18px;padding:12px 0;border:0;border-top:1px solid var(--tl-hair);border-radius:0;background:transparent;color:var(--tl-seal);font:600 16px var(--tl-font-ui);text-align:left;cursor:pointer}
html[data-tl-card-deck] .tl-card-nav {display:grid;grid-template-columns:minmax(0,1fr) 44px auto 44px;align-items:center;gap:10px;margin:18px 0}
html[data-tl-card-deck] .tl-card-nav .tl-card-back {justify-self:start}
html[data-tl-card-deck] .tl-card-position {font:500 14px var(--tl-font-mono);color:var(--tl-ink-soft);text-align:center;white-space:nowrap}
html[data-tl-card-deck] .tl-card-bottom {display:flex;justify-content:space-between;gap:12px;margin:18px 0 26px}
html[data-tl-card-deck] .tl-card-nav :is(button),html[data-tl-card-deck] .tl-card-bottom button {scroll-margin-top:18px}
html[data-tl-modern="kanji"][data-tl-card-deck] .kcard {padding:26px;border:1px solid var(--tl-hair);border-radius:var(--tl-radius-surface);background:var(--tl-paper-soft)}
html[data-tl-modern="kanji"][data-tl-card-deck][data-mode="dark"] .kcard {background:var(--tl-paper-soft)!important}
html[data-tl-card-deck] .tl-practice-choice {grid-template-columns:1fr;min-height:88px;padding-right:28px}
html[data-tl-card-deck] .tl-question-choice {min-height:80px}
html[data-tl-card-deck] .tl-question-choice .tl-card-choice-glyph {font:600 24px var(--tl-font-mono)}
html[data-tl-card-deck] .tl-question-menu h2 {margin:18px 0}
html[data-tl-card-deck] .tl-card-other-results {margin-top:22px}
html[data-tl-card-deck] .tl-card-other-results h3 {font:600 18px var(--tl-font-ui);color:var(--tl-ink);margin-bottom:12px}
html[data-tl-card-deck] .tl-card-result-group {border-top:1px solid var(--tl-hair)}
html[data-tl-card-deck] .tl-card-result-group summary {min-height:50px;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;color:var(--tl-ink);font:600 16px/1.5 var(--tl-font-ui)}
html[data-tl-card-deck] .tl-card-result-group summary::after {content:'+';color:var(--tl-seal)}
html[data-tl-card-deck] .tl-card-result-group[open] summary::after {content:'−'}
html[data-tl-card-deck] .tl-card-result-list {max-height:350px;overflow:auto;overscroll-behavior:contain}
html[data-tl-card-deck] .tl-card-result {display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;min-height:64px;padding:10px 4px;border-bottom:1px solid var(--tl-hair);color:var(--tl-ink);text-decoration:none}
html[data-tl-card-deck] .tl-card-result-glyph {font:500 32px/1.4 var(--tl-font-shodo)}
html[data-tl-card-deck] .tl-card-result-copy {font:500 15px/1.5 var(--tl-font-ui)}
html[data-tl-modern="kanji"] .tl-kanji-path {margin:0 0 20px}
html[data-tl-modern="kanji"] .tl-kanji-course {font:600 14px var(--tl-font-ui);color:var(--tl-seal);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
html[data-tl-modern="kanji"] .tl-kanji-path-fields {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px}
html[data-tl-modern="kanji"] .tl-kanji-path label {display:grid;gap:6px;min-width:0;font:500 12px var(--tl-font-ui);color:var(--tl-ink-soft)}
html[data-tl-modern="kanji"] .tl-kanji-path select {width:100%;min-width:0;min-height:46px;padding:10px 8px;border:1px solid var(--tl-hair);border-radius:var(--tl-radius-control);background:var(--tl-paper-soft);color:var(--tl-ink);font:500 14px var(--tl-font-ui)}
html[data-tl-modern="kanji"] .tl-kanji-path-status:empty {display:none}
html[data-tl-modern="kanji"] .tl-kanji-path-status {font:400 14px var(--tl-font-ui);color:var(--tl-ink-soft)}
html[data-tl-card-deck] .sec:not(.ai) {margin:18px 0;padding:22px;background:var(--tl-paper-soft);border:1px solid var(--tl-hair);border-radius:var(--tl-radius-panel)}
html[data-tl-card-deck] .sec-sub {font-size:16px;color:var(--tl-ink-soft)}
html[data-tl-card-deck] .scorebar {position:static;margin:18px 0;background:transparent}
@media(max-width:600px){
 html[data-tl-card-deck] .tl-card-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 html[data-tl-card-deck] .tl-card-choice {grid-template-columns:40px minmax(0,1fr);gap:8px;min-height:90px;padding:16px 10px}
 html[data-tl-card-deck] .tl-card-choice-glyph {font-size:36px}
 html[data-tl-card-deck] .tl-card-choice-name {font-size:16px}
 html[data-tl-card-deck] .tl-practice-choice {grid-template-columns:1fr;min-height:80px;padding-right:22px}
 html[data-tl-card-deck] .tl-card-nav {gap:6px;grid-template-columns:minmax(0,1fr) 44px auto 44px}
 html[data-tl-card-deck] .tl-card-nav button {padding:10px 8px}
 html[data-tl-card-deck] .tl-card-position {font-size:12px}
 html[data-tl-modern="kanji"][data-tl-card-deck] .kcard {padding:20px 16px}
 html[data-tl-card-deck] #tl-card-menu>.tl-card-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 html[data-tl-card-deck] #tl-card-menu .tl-card-choice {display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:90px;padding:14px 4px 8px;text-align:center}
 html[data-tl-card-deck] #tl-card-menu .tl-card-choice-name {font-size:14px;overflow-wrap:normal}
 html[data-tl-card-deck] #tl-card-menu .tl-card-choice-number {font-size:9px;top:4px;right:6px}
 html[data-tl-card-deck] .tl-question-menu>.tl-card-grid {grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
 html[data-tl-card-deck] .tl-question-choice {display:flex;flex-direction:column;justify-content:center;padding:8px;gap:3px;min-height:64px;text-align:center}
 html[data-tl-card-deck] .tl-question-choice .tl-card-choice-name {font-size:12px}
}
@media print{html[data-tl-card-deck] .wrap .kcard[hidden],html[data-tl-card-deck] .wrap .sec[hidden],html[data-tl-card-deck] .wrap .q[hidden]{display:block!important}html[data-tl-card-deck] :is(.tl-card-menu,.tl-card-nav,.tl-card-bottom){display:none!important}}
