.reader{max-width:var(--w-app);margin:0 auto;background:var(--surface);
  border:1px solid var(--border);min-height:70vh;display:flex;flex-direction:column}

.rd-head{display:flex;align-items:center;gap:16px;padding:14px var(--pad-frame);
  border-bottom:1px solid var(--rule);position:sticky;top:0;background:var(--surface);z-index:10}
.rd-label{font-size:var(--t-small);color:var(--ink-2);line-height:1.35}
.rd-ring{flex:none}
.rd-ring circle{fill:none;stroke-width:3}
.rd-ring .bg{stroke:var(--ink-4)}
.rd-ring .fg{stroke:var(--ink);stroke-linecap:round;transition:stroke-dashoffset .2s linear}
.rd-flag{background:none;border:0;color:var(--ink-3);
  padding:8px 4px;font-size:var(--t-small);cursor:pointer;flex:none;
  text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.rd-flag:hover,.rd-flag:focus-visible{color:var(--ink)}

.rd-body{flex:1;padding:clamp(24px,4vw,44px) var(--pad-frame) 96px}
.rd-foot{position:sticky;bottom:0;background:var(--surface);
  border-top:1px solid var(--rule);padding:14px var(--pad-frame);
  display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}

.psg{max-width:var(--w-read);margin:0 auto;font-family:var(--reading-font,'Literata',Georgia,serif);
  font-size:var(--reading-size,var(--t-lead-lg));line-height:1.55;color:var(--ink)}
@media (max-width:520px){.psg{font-size:var(--reading-size,var(--t-lead))}}
.psg__blk{margin:0 0 1.15em}
.psg__blk--h{font-family:var(--sans);font-size:var(--t-ui);font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:1.8em 0 .6em}
.psg__blk--bullet{padding-left:22px;position:relative}
.psg__blk--bullet::before{content:'—';position:absolute;left:0;color:var(--ink-3)}

.psg--chunk .psg__ln{display:block;margin:0 0 .12em}
.psg--chunk .psg__ln[data-i="1"]{padding-left:1.6em}
.psg--chunk .psg__ln[data-i="2"]{padding-left:3.2em}
.psg--chunk .psg__ln[data-i="3"]{padding-left:4.8em}

.psg--block .psg__ln{display:inline}
.psg--block .psg__ln::after{content:' '}

.psg--shade .psg__blk[data-r="skip"]{color:var(--ink-4)}

.psg__w{cursor:pointer;border-radius:2px}
.psg--gloss .psg__w:hover{background:var(--lime-soft)}
.psg__w[data-looked=true]{border-bottom:1px dotted var(--ink-3)}
.gloss{display:block;font-family:var(--sans);font-size:var(--t-ui);
  color:var(--blue);background:var(--lime-soft);border:1px solid var(--lime-deep);
  padding:7px 10px;margin:6px 0}

.psg__blk[data-marked=true]{box-shadow:-4px 0 0 var(--lime-deep);padding-left:10px}
.psg__blk[data-holding=true]{background:var(--lime-soft)}

.psg__ln[data-speaking=true]{background:var(--lime);box-shadow:0 0 0 2px var(--lime)}

.qz{max-width:560px;margin:0 auto;padding:clamp(24px,4vw,44px) 0}
.qz__bar{height:3px;background:var(--rule);margin:0 0 8px}
.qz__bar span{display:block;height:100%;background:var(--ink);transition:width .25s}
.qz__count{font-size:var(--t-small);color:var(--ink-2);margin:0 0 22px}
.qz__q{font-size:var(--d-s);font-family:var(--serif);line-height:1.2;margin:0 0 6px}
.qz__es{font-size:var(--t-lead);color:var(--blue);margin:0 0 18px}
.qz__opts{margin:18px 0 0}

.res{max-width:var(--w-read);margin:0 auto;padding:clamp(24px,4vw,44px) 0}
.res__nums{display:flex;flex-wrap:wrap;gap:28px 48px;margin:0 0 22px}
.res__n{font-family:var(--serif);font-size:var(--d-l);line-height:1;display:block}
.res__k{font-size:var(--t-small);color:var(--ink-2)}
.res__line{font-size:var(--t-lead);line-height:1.6;margin:0 0 14px;max-width:56ch}
.res__insight{background:var(--card);border:1px solid var(--border);
  padding:20px 22px;margin:22px 0;font-size:var(--t-lead);line-height:1.6}
.ease{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}

.rv__hit{background:var(--lime-soft);box-shadow:0 0 0 2px var(--lime-soft)}
.rv__panel{font-family:var(--sans);background:var(--card);border:1px solid var(--ink);
  padding:16px 18px;margin:10px 0;font-size:var(--t-body)}
.rv__panel dt{font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-2);margin:10px 0 3px}
.rv__panel dd{margin:0;font-size:var(--t-body-lg)}