.session-route{list-style:none;display:flex;gap:0;padding:0;margin:24px 0 34px;border-bottom:1px solid var(--bjt-line);font-size:14px}.session-route li{flex:1;padding:12px 6px;color:var(--bjt-muted)}.session-route [aria-current]{border-bottom:3px solid var(--bjt-oxide);color:inherit;font-weight:700}
.learning-session{max-width:920px;margin:auto;min-height:65vh;padding-bottom:30px}.learning-session h1{font:600 clamp(28px,4vw,44px)/1.3 var(--tl-font-jp,serif);margin:0 0 20px;max-width:780px}.learning-session h1:focus{outline:none}.session-intro{font-size:18px;line-height:1.6;max-width:770px}.session-orientation{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;margin:28px 0}.mission-list,.review-missions{list-style:none;padding:0}.mission-list li{display:flex;align-items:baseline;gap:16px;border-bottom:1px solid var(--bjt-line)}.mission-list li>span{font-family:var(--tl-font-mono);color:var(--bjt-oxide)}.session-purpose{border-left:2px solid var(--bjt-oxide);padding-left:24px}.session-purpose .jp{font:32px/1.7 var(--tl-font-jp,serif);color:var(--bjt-oxide)}
.session-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.session-primary,.session-secondary{min-height:48px;padding:12px 22px;border-radius:12px;font:600 16px/1.4 var(--tl-font-ui,system-ui);cursor:pointer}.session-primary{background:#3a5d59;color:#fffdf5;border:1px solid #3a5d59}.session-secondary{background:transparent;color:inherit;border:1px solid var(--bjt-line)}.session-primary:disabled,.session-secondary:disabled{opacity:.5;cursor:default}.session-note{font-size:14px;line-height:1.6;color:var(--bjt-muted);margin-top:20px}.reading-tools{display:flex;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-block:24px}.reading-tools details{flex:1;min-width:220px}.learning-session summary{min-height:44px;padding:10px 0;cursor:pointer;font-weight:600}.learning-session dt{font:22px var(--tl-font-jp,serif);margin-top:16px}.learning-session dd{margin:6px 0 12px}.source-canvas{border-top:1px solid var(--bjt-line)}.source-paragraph{display:block;width:100%;background:none;color:inherit;text-align:left;border:0;border-bottom:1px solid var(--bjt-line);padding:20px 12px;cursor:pointer}.source-paragraph .paragraph-index{display:block;font:600 13px var(--tl-font-ui,system-ui);color:var(--bjt-muted);margin-bottom:8px}.source-paragraph .jp,.chosen-evidence .jp,.learning-session details .jp{display:block;font:22px/1.8 var(--tl-font-jp,serif)}.source-paragraph .translation{display:block;margin-top:12px;font:16px/1.7 var(--tl-font-ui,system-ui)}.source-paragraph[aria-pressed=true]{background:rgba(162,91,67,.09);box-shadow:inset 3px 0 var(--bjt-oxide)}.source-paragraph[aria-pressed=true] .paragraph-index{color:var(--bjt-oxide)}
.learning-session fieldset{border:0;padding:0;margin:0}.learning-session legend{font:24px/1.65 var(--tl-font-jp,serif);margin-bottom:24px}.session-option{display:flex;align-items:center;gap:16px;min-height:60px;padding:15px 10px;border-bottom:1px solid var(--bjt-line);font:22px/1.6 var(--tl-font-jp,serif);cursor:pointer}.session-option input{accent-color:#3a5d59;width:20px;height:20px;flex-shrink:0}.session-option:has(input:checked){box-shadow:inset 3px 0 var(--bjt-oxide);background:rgba(162,91,67,.07)}.chosen-evidence{margin-top:24px;border-block:1px solid var(--bjt-line)}.answer-result{display:flex;gap:24px;align-items:flex-start;margin-block:36px;padding-block:24px;border-block:1px solid var(--bjt-line)}.result-symbol{font-size:44px;color:var(--bjt-oxide)}.answer-result h2{margin:0}.answer-result p{font-size:20px}.draft-label{display:block;font-weight:700;margin-block:24px 12px}#session-draft{width:100%;font:21px/1.7 var(--tl-font-jp,serif);color:inherit;background:transparent;border:1px solid var(--bjt-line);border-radius:12px;padding:16px;resize:vertical}.review-missions button{display:flex;width:100%;text-align:left;justify-content:space-between;gap:20px;padding:18px 0;min-height:60px;border:0;border-bottom:1px solid var(--bjt-line);background:none;color:inherit;font:16px/1.6 var(--tl-font-ui,system-ui);cursor:pointer}.review-missions strong{white-space:nowrap;color:var(--bjt-oxide)}.learning-session button:focus-visible,.learning-session summary:focus-visible,.learning-session input:focus-visible{outline:2px solid var(--bjt-oxide);outline-offset:4px}
html[data-mode=dark] .session-route li,html[data-mode=dark] .session-note,html[data-mode=dark] .paragraph-index{color:#d7ddd7}html[data-mode=dark] .session-primary{background:#41665e;color:#fffdf5}html[data-mode=dark] .session-purpose .jp,html[data-mode=dark] .review-missions strong,html[data-mode=dark] .result-symbol,html[data-mode=dark] .source-paragraph[aria-pressed=true] .paragraph-index{color:#e4b7a1}
@media(max-width:700px){.session-route{margin:18px 0 26px;font-size:12px}.session-route li{padding-inline:3px}.session-orientation{grid-template-columns:1fr;gap:24px}.session-purpose{display:none}.session-actions>*{flex:1 1 100%}.source-paragraph{padding:18px 6px}.source-paragraph .jp{font-size:21px}.session-option{font-size:21px}.review-missions button{display:block}.review-missions strong{display:block;margin-top:6px}.reading-tools details{min-width:100%}}

.selected-answer{border-left:2px solid var(--bjt-oxide);padding-left:18px;margin-top:26px}.selected-answer span{display:block;font-size:14px;color:var(--bjt-muted)}.selected-answer strong{display:block;font:22px/1.7 var(--tl-font-jp,serif);margin-top:6px}html[data-mode=dark] .selected-answer span{color:#d7ddd7}

.cue-tabs{display:flex;gap:12px;margin:24px 0}.cue-tabs button{flex:1;min-height:48px;padding:8px;border:0;border-bottom:2px solid var(--bjt-line);background:none;color:inherit;font:24px var(--tl-font-jp,serif)}.cue-tabs button[aria-pressed=true]{border-color:var(--bjt-oxide);color:var(--bjt-oxide);font-weight:700}.cue-map{margin:30px 0;display:grid;grid-template-columns:1fr 50px 1fr;gap:20px;align-items:center}.cue-map>div{border-top:2px solid var(--bjt-oxide);padding-top:16px;min-width:0}.cue-map>div>span{font-size:14px;font-weight:700;color:var(--bjt-muted)}.cue-map p{font:24px/1.7 var(--tl-font-jp,serif);margin:12px 0}.cue-arrow{font-size:32px;transform:rotate(-90deg);text-align:center;color:var(--bjt-oxide)}html[data-mode=dark] .cue-map>div>span{color:#d7ddd7}html[data-mode=dark] .cue-tabs button[aria-pressed=true],html[data-mode=dark] .cue-arrow{color:#e4b7a1}@media(max-width:700px){.cue-map{grid-template-columns:1fr;gap:8px;margin:22px 0}.cue-arrow{transform:none}.cue-map p{font-size:22px}.cue-tabs{gap:6px}.cue-tabs button{font-size:20px}}
@media(max-width:700px){.learning-session h1{font-size:26px;margin-bottom:14px}.cue-map{margin:16px 0;gap:6px}.cue-map>div{padding-top:10px}.cue-map p{font-size:21px;line-height:1.6;margin:8px 0}.cue-arrow{font-size:24px;line-height:1}.cue-tabs{margin:16px 0}.session-actions{margin-top:20px}}

.cue-relationship{font-size:30px;text-align:center;color:var(--bjt-oxide)}html[data-mode=dark] .cue-relationship{color:#e4b7a1}.cue-tabs button{overflow-wrap:anywhere;font-size:clamp(16px,2vw,24px)}@media(max-width:700px){.cue-relationship{font-size:24px}.cue-tabs button{font-size:16px}}

.class-work{border-top:1px solid var(--bjt-line);margin-block:26px;padding-top:18px}.class-work h2{font-size:24px}#class-work-status:empty{display:none}

#checkpoint-notice{border-left:3px solid var(--bjt-oxide);padding:12px 18px;margin-block:18px}#checkpoint-notice p{font-size:15px}#checkpoint-notice[hidden]{display:none}

.session-primary[href]{display:inline-flex;align-items:center;text-decoration:none}

#draft-conflict-dialog{width:min(720px,calc(100% - 32px));max-height:90vh;overflow:auto;padding:26px;background:var(--bjt-wash);color:var(--tl-ink);border:1px solid var(--tl-hair);border-radius:22px}#draft-conflict-dialog::backdrop{background:rgba(0,0,0,.5)}#draft-conflict-dialog label{display:block;margin:18px 0}#draft-conflict-dialog textarea{display:block;width:100%;font:20px/1.7 var(--tl-font-jp);padding:12px;background:var(--tl-paper);color:inherit;border:1px solid var(--tl-hair);border-radius:12px}

html[data-mode=dark] #draft-conflict-dialog{background:var(--bjt-dark)}
/* Read the source before opening supplementary vocabulary and guidance. */
.session-route{margin:var(--tl-space-3) 0;gap:var(--tl-space-2);font:500 13px/1.5 var(--tl-font-ui)}
.session-route li{padding:var(--tl-space-2) 0}
.learning-session>.eyebrow{margin:var(--tl-space-2) 0;font-size:12px;letter-spacing:.04em}
.learning-session h1{font:650 23px/1.4 var(--tl-font-ui);margin:0 0 var(--tl-space-3)}
.source-paragraph{padding:var(--tl-space-3) var(--tl-space-1)}
.reading-tools{margin:var(--tl-space-3) 0;gap:var(--tl-space-2)}
@media(max-width:700px){.session-route{margin:var(--tl-space-2) 0}.learning-session h1{font-size:21px;margin-bottom:var(--tl-space-2)}.reading-tools details{min-width:0;flex:1}.source-paragraph{padding:var(--tl-space-3) var(--tl-space-1)}}
