/* Compact Editorial Exam Sheet: hierarchy, not reduced learning text. */
html:has(body[data-eju-reader]) { font-size: 16px; }
html[data-mode=light]:has(body[data-eju-reader]) { color-scheme:light!important; }
html[data-mode=dark]:has(body[data-eju-reader]) { color-scheme:dark!important; }
body[data-eju-reader] {
  --ink:var(--tl-ink); --paper:var(--tl-glass); --jo-ink:var(--tl-ink); --jo-muted:var(--tl-ink-soft); --jo-paper:var(--tl-glass); --jo-line:var(--tl-hair);
  font:var(--tl-text-body)/1.7 var(--tl-font-ui)!important;
  color:var(--tl-ink)!important; background:var(--tl-paper-soft)!important; padding:0!important;
}
body[data-eju-reader] [hidden] { display:none!important; }
body[data-eju-reader] .wrap {
  width:auto; max-width:1040px; margin:var(--tl-space-3) auto; padding:var(--tl-space-4) var(--tl-space-5) var(--tl-space-5);
  border:1px solid var(--tl-glass-border); border-radius:var(--tl-radius-panel); background:var(--tl-glass)!important; box-shadow:var(--tl-shadow); backdrop-filter:blur(var(--tl-blur));
}
body[data-eju-reader] .nav-top {
  position:static!important; display:grid; grid-template-columns:var(--tl-control-min) minmax(0,1fr) var(--tl-control-min) var(--tl-control-min);
  align-items:center; gap:var(--tl-space-2); padding:0 0 var(--tl-space-3); margin:0 0 var(--tl-space-3); border:0; border-bottom:1px solid var(--tl-hair); background:transparent; box-shadow:none;
}
body[data-eju-reader] .jr-identity { min-width:0; }
body[data-eju-reader] .jr-kicker { display:block; color:var(--tl-ink-soft); font:500 12px/1.4 var(--tl-font-ui); letter-spacing:0; }
body[data-eju-reader] .nav-top h1 { margin:var(--tl-space-1) 0 0; padding:0; font:650 22px/1.25 var(--tl-font-ui); letter-spacing:0; color:var(--tl-ink); }
body[data-eju-reader] .nav-top h1::after { display:none; }
body[data-eju-reader] .nav-top .back,body[data-eju-reader] .nav-top .jo-settings,body[data-eju-reader] #th-fab {
  position:static!important; inset:auto!important; width:var(--tl-control-min); height:var(--tl-control-min); min-width:var(--tl-control-min); min-height:var(--tl-control-min);
  display:flex!important; align-items:center; justify-content:center; padding:var(--tl-space-2)!important; margin:0!important; border:1px solid var(--tl-hair); border-radius:var(--tl-radius-control);
  color:var(--tl-ink)!important; background:transparent!important; box-shadow:none!important; transform:none!important;
}
body[data-eju-reader] .nav-top svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
body[data-eju-reader] #tl-app-content-header { position:static!important; grid-template-columns:44px minmax(0,1fr) 44px 44px; }
body[data-eju-reader] #tl-app-content-header .tl-app-scroll-progress { display:none; }
body[data-eju-reader] #tl-app-content-header h1 { margin:0; padding:0; font:650 20px/1.25 var(--tl-font-ui); color:var(--tl-ink); letter-spacing:0; }
body[data-eju-reader] #tl-app-content-header h1::after { display:none; }
body[data-eju-reader] #tl-app-content-header .jo-settings { display:flex; align-items:center; justify-content:center; width:44px; height:44px; min-height:44px; padding:var(--tl-space-2); border:1px solid var(--tl-hair); border-radius:var(--tl-radius-control); color:var(--tl-ink); background:transparent; }
body[data-eju-reader] #tl-app-content-header .jo-settings svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; }
body[data-eju-reader] #th-fab span { background:var(--tl-ink)!important; }
body[data-eju-reader] #th-drawer #th-fab { float:right; margin:0 0 var(--tl-space-2) var(--tl-space-2)!important; color:#f0eee6!important; border-color:rgba(255,255,255,.3); }
body[data-eju-reader] #th-drawer #th-fab svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.7; }
body[data-eju-reader] .reading-guide { margin:0; font:var(--tl-text-body)/1.7 var(--tl-font-ui); color:var(--tl-ink); }
body[data-eju-reader] .reading-guide-tabs { display:flex; flex-wrap:nowrap; gap:var(--tl-space-3); padding:0; margin:0 0 var(--tl-space-3); border-bottom:1px solid var(--tl-hair); }
body[data-eju-reader] .reading-guide-tabs button { min-height:44px; margin:0; padding:var(--tl-space-2) var(--tl-space-3); border:0; border-radius:0; border-bottom:2px solid transparent; background:transparent; color:var(--tl-ink-soft); font:500 16px/1.5 var(--tl-font-ui); white-space:nowrap; box-shadow:none; }
body[data-eju-reader] .reading-guide-tabs [aria-selected=true],body[data-eju-reader] .reading-guide-tabs [aria-current=page] { color:var(--tl-seal); border-bottom-color:var(--tl-seal); font-weight:650; }
body[data-eju-reader] .reading-guide [role=tabpanel] { padding:0; }
body[data-eju-reader] .jr-toolbar { display:flex; align-items:center; gap:var(--tl-space-3); flex-wrap:wrap; padding:0 0 var(--tl-space-3); margin:0; }
body[data-eju-reader] .jr-toolbar select { flex:1 1 260px; width:auto; min-width:0; max-width:100%; min-height:44px; margin:0; padding:var(--tl-space-2) var(--tl-space-3); border:1px solid var(--tl-hair); border-radius:var(--tl-radius-control); background:transparent; color:var(--tl-ink); font:500 16px/1.5 var(--tl-font-ui); text-overflow:ellipsis; }
body[data-eju-reader] .jr-progress { display:flex; flex-wrap:wrap; gap:var(--tl-space-1); margin:0; padding:0; color:var(--tl-ink-soft); font:500 13px/1.5 var(--tl-font-ui); }
body[data-eju-reader] .jr-progress b { font:inherit; color:inherit; }
body[data-eju-reader] .jr-progress-result { white-space:nowrap; }
body[data-eju-reader] .reading-save-status:not(.jr-save-ok) { margin:var(--tl-space-2) 0; padding:var(--tl-space-2); border-left:3px solid var(--tl-danger); color:var(--tl-ink); font-size:16px; }
body[data-eju-reader] .jr-save-ok,body[data-eju-reader] .jr-sr-only,body[data-eju-reader] .psg > .psg-tag,body[data-eju-reader] .psg > h2 {
  position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important;
}
body[data-eju-reader] .psg { padding:var(--tl-space-3) 0 var(--tl-space-5)!important; margin:0!important; border:0; border-top:1px solid var(--tl-hair); border-radius:0; background:transparent!important; box-shadow:none; scroll-margin-top:var(--tl-space-4); }
body[data-eju-reader] .jp-body,body[data-eju-reader] .sjp { margin:0 0 var(--tl-space-3); font:400 var(--tl-text-jp)/1.9 var(--tl-font-jp); color:var(--tl-ink)!important; letter-spacing:0; }
body[data-eju-reader] .q { margin:var(--tl-space-4) 0 0; padding:var(--tl-space-3) 0 0; border-top:1px solid var(--tl-hair); background:transparent!important; }
body[data-eju-reader] .q-stem,body[data-eju-reader] .question legend { margin:0 0 var(--tl-space-2); font:600 22px/1.8 var(--tl-font-jp); color:var(--tl-ink)!important; }
body[data-eju-reader] .opts { display:block; }
body[data-eju-reader] .opt,body[data-eju-reader] .question fieldset label {
  display:flex; align-items:flex-start; gap:var(--tl-space-2); width:100%; min-height:44px; margin:0; padding:var(--tl-space-3) var(--tl-space-2);
  border:0!important; border-bottom:1px solid var(--tl-hair)!important; border-radius:0; box-shadow:none; background:transparent!important; color:var(--tl-ink)!important; font:400 22px/1.8 var(--tl-font-jp); text-align:left;
}
body[data-eju-reader] .opt.correct { background:color-mix(in srgb,var(--tl-success) 10%,transparent)!important; }
body[data-eju-reader] .opt.wrong { background:var(--tl-wash)!important; }
body[data-eju-reader] .opt.correct::after { content:'✓'; margin-left:auto; color:var(--tl-success); }
body[data-eju-reader] .opt.wrong::after { content:'×'; margin-left:auto; color:var(--tl-danger); }
body[data-eju-reader] .q-exp,body[data-eju-reader] .feedback { padding:var(--tl-space-2) var(--tl-space-3); margin:var(--tl-space-3) 0; border-radius:0; border-left:2px solid var(--tl-seal); background:transparent!important; color:var(--tl-ink)!important; font:16px/1.8 var(--tl-font-ui); }
body[data-eju-reader] .toggles,body[data-eju-reader] .reading-guide-actions { display:flex; flex-wrap:wrap; gap:var(--tl-space-2); margin:var(--tl-space-2) 0; }
body[data-eju-reader] .tbtn,body[data-eju-reader] [data-support],body[data-eju-reader] [data-check],body[data-eju-reader] .reading-transfer button {
  min-height:44px; padding:var(--tl-space-2) var(--tl-space-3); border:1px solid var(--tl-hair)!important; border-radius:var(--tl-radius-control); color:var(--tl-ink)!important; background:transparent!important; font:500 16px/1.5 var(--tl-font-ui); text-transform:none; letter-spacing:0;
}
body[data-eju-reader] .audio-row { margin:0 0 var(--tl-space-3); }
body[data-eju-reader] .play { min-height:44px; padding:var(--tl-space-2) var(--tl-space-4); background:var(--tl-seal)!important; color:var(--tl-glass-strong)!important; border:0; border-radius:var(--tl-radius-control); font:600 16px/1.5 var(--tl-font-ui); }
body[data-eju-reader] .chart,body[data-eju-reader] .elo-chart { margin:var(--tl-space-3) 0; padding:0; border:0; border-radius:0; background:transparent; color:var(--tl-ink); }
body[data-eju-reader] .elo-transcript { margin:var(--tl-space-3) 0 0; padding:0!important; border:0; border-radius:0; }
body[data-eju-reader] .elo-transcript summary { min-height:44px; padding:var(--tl-space-2) 0; font:500 16px/1.7 var(--tl-font-ui); color:var(--tl-ink); }
body[data-eju-reader] .endnav { display:flex; justify-content:space-between; gap:var(--tl-space-3); margin:var(--tl-space-3) 0 0; padding:var(--tl-space-3) 0 0; border-top:1px solid var(--tl-hair); }
body[data-eju-reader] .endnav a { display:inline-flex; align-items:center; min-height:44px; padding:var(--tl-space-2); border:0; background:transparent; color:var(--tl-ink)!important; font:500 16px/1.5 var(--tl-font-ui); letter-spacing:0; text-transform:none; }
body[data-eju-reader] .jr-pager button { min-height:44px; padding:var(--tl-space-2) var(--tl-space-3); border:1px solid var(--tl-hair); border-radius:var(--tl-radius-control); background:transparent; color:var(--tl-ink); font:500 16px/1.5 var(--tl-font-ui); }
body[data-eju-reader] .jr-pager button:disabled { opacity:.45; cursor:default; }
html[data-mode] body[data-eju-reader] .psg .tbtn { color:var(--tl-ink)!important; background:transparent!important; border-color:var(--tl-hair)!important; }
body[data-eju-reader] :focus-visible { outline:2px solid var(--tl-focus); outline-offset:3px; }
body[data-eju-reader] .jr-settings,body[data-eju-reader] .jr-detail,body[data-eju-reader] #support-dialog { width:min(760px,calc(100vw - 24px)); max-height:88dvh; box-sizing:border-box; overflow:auto; padding:var(--tl-space-4); color:var(--tl-ink); background:var(--tl-glass-strong); border:1px solid var(--tl-hair); border-radius:var(--tl-radius-panel); font:16px/1.7 var(--tl-font-ui); }
body[data-eju-reader] .jr-settings { max-width:540px; }
body[data-eju-reader] dialog::backdrop { background:color-mix(in srgb,var(--tl-ink) 30%,transparent); backdrop-filter:blur(6px); }
body[data-eju-reader] .jr-detail header { display:flex; align-items:center; justify-content:space-between; gap:var(--tl-space-3); }
body[data-eju-reader] dialog h2 { margin:0 0 var(--tl-space-3); font:650 22px/1.4 var(--tl-font-ui); }
body[data-eju-reader] .jr-settings button,body[data-eju-reader] .jr-settings select,body[data-eju-reader] .jr-settings summary,body[data-eju-reader] .jr-settings a,body[data-eju-reader] .jr-detail button { min-height:44px; color:inherit; font:500 16px/1.5 var(--tl-font-ui); }
body[data-eju-reader] .jr-tools > a { display:flex; align-items:center; margin:var(--tl-space-2) 0; }
body[data-eju-reader] .jr-info { margin-top:var(--tl-space-4); border-top:1px solid var(--tl-hair); }
body[data-eju-reader] .jr-info .brand { display:flex; gap:var(--tl-space-2); margin:var(--tl-space-3) 0; }
body[data-eju-reader] .jr-info .brand img { width:32px; height:32px; }
body[data-eju-reader] .jr-info .breadcrumb,body[data-eju-reader] .jr-info .eyebrow { display:none; }
body[data-eju-reader] .jr-info .lede,body[data-eju-reader] .jr-info .callout,body[data-eju-reader] .jr-info footer,body[data-eju-reader] .jr-info .elo-orientation { margin:var(--tl-space-3) 0; padding:0; background:transparent; border:0; font:16px/1.7 var(--tl-font-ui); color:var(--tl-ink-soft)!important; }
body[data-eju-reader] .jr-detail .panel { display:block!important; padding:0; background:transparent!important; color:var(--tl-ink)!important; font:16px/1.8 var(--tl-font-ui); }
body[data-eju-reader] .jr-detail .vtab { display:block; max-width:100%; overflow:auto; }
body[data-eju-reader] .jr-detail .elo-transcript > summary { display:none; }
body[data-eju-reader] .chart svg text,body[data-eju-reader] .elo-chart svg text { fill:var(--tl-ink)!important; }
body[data-eju-reader] .jr-zoom { display:block; margin:var(--tl-space-1) 0 var(--tl-space-2) auto; min-height:44px; padding:var(--tl-space-2) var(--tl-space-3); border:1px solid var(--tl-hair); border-radius:var(--tl-radius-control); color:var(--tl-ink); background:transparent; font:500 16px/1.5 var(--tl-font-ui); }
body[data-eju-reader] .jr-detail .chart,body[data-eju-reader] .jr-detail .elo-chart { overflow:auto; max-width:100%; }
body[data-eju-reader] .jr-detail .chart svg,body[data-eju-reader] .jr-detail .elo-chart svg { min-width:620px; max-width:none; max-height:none; }
@media(max-width:600px) {
  body[data-eju-reader] .wrap { margin:var(--tl-space-2); padding:var(--tl-space-3); border-radius:var(--tl-radius-panel); }
  body[data-eju-reader] .nav-top { gap:var(--tl-space-1); }
  body[data-eju-reader] .nav-top h1 { font-size:20px; }
  body[data-eju-reader] .reading-guide-tabs { gap:var(--tl-space-1); }
  body[data-eju-reader] .reading-guide-tabs button { flex:1; padding:var(--tl-space-2); }
  body[data-eju-reader] .jr-toolbar { gap:var(--tl-space-2); }
  body[data-eju-reader] .jr-toolbar select { flex-basis:100%; }
  body[data-eju-reader] .jp-body,body[data-eju-reader] .sjp { font-size:22px; line-height:1.9; }
  body[data-eju-reader] .opt,body[data-eju-reader] .question fieldset label,body[data-eju-reader] .q-stem,body[data-eju-reader] .question legend { font-size:20px; }
}
html[data-jo-font=large] body[data-eju-reader] .jp-body,html[data-jo-font=large] body[data-eju-reader] .sjp { font-size:28px; }
html[data-jo-font=large] body[data-eju-reader] .opt,html[data-jo-font=large] body[data-eju-reader] .question fieldset label,html[data-jo-font=large] body[data-eju-reader] .q-stem,html[data-jo-font=large] body[data-eju-reader] .question legend { font-size:24px; }
@media(max-width:600px) { html[data-jo-font=large] body[data-eju-reader] .jp-body,html[data-jo-font=large] body[data-eju-reader] .sjp { font-size:26px; } }