body[data-reading-owner="v2"] [hidden]{display:none!important}
body[data-reading-owner="v2"] h1{font-size:1.9rem;line-height:1.3}
.reading-guide [aria-current="page"]{font-weight:700;border-bottom-width:3px}
.reading-guide .psg{border:0;border-top:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:0;padding:16px 0;background:transparent}
.reading-guide .psg h2{margin-top:0}.reading-guide .chart{padding:12px;color:var(--ink);background:transparent;border-radius:0}
body[data-reading-owner="v2"] .chart svg text{fill:currentColor;font-size:20px;font-family:var(--sans)}
.chart table{width:100%;border-collapse:collapse;font-size:.9rem}.chart td,.chart th{text-align:left;border-bottom:1px solid color-mix(in srgb,currentColor 25%,transparent);padding:8px}.chart caption,.chart figcaption{font-size:.86rem;margin:12px 0;text-align:left}
.reading-guide fieldset legend{font-weight:650;font-size:1.05rem}.reading-guide input:focus-visible,.reading-guide button:focus-visible,.reading-guide select:focus-visible,dialog button:focus-visible{outline:3px solid var(--jade);outline-offset:3px}
.feedback{border-left:3px solid var(--jade);padding-left:14px;margin:12px 0}.feedback:empty{display:none}.evidence-mark{background:color-mix(in srgb,var(--gold) 25%,transparent);text-decoration:underline;text-decoration-color:var(--gold-deep);text-underline-offset:5px}.worked{border-top:1px solid currentColor;margin-top:28px;padding-top:6px}
#wrong-list{display:grid;gap:10px}#wrong-list button{text-align:left}.reading-guide-actions{flex-wrap:wrap}.reading-guide .reading-transfer button{margin-bottom:4px}
dialog{position:fixed;inset:0;margin:auto;border:1px solid var(--gold);border-radius:14px;width:min(760px,calc(100vw - 24px));max-height:85dvh;padding:24px;background:var(--paper);color:var(--ink);font:1rem/1.8 var(--sans);overflow:auto}dialog::backdrop{background:rgba(0,0,0,.45)}dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px}dialog button{font:inherit;color:inherit;background:transparent;border:1px solid currentColor;border-radius:8px;padding:8px 16px;min-height:44px}dialog ul,dialog ol{padding-left:24px}dialog li,dialog p{margin:12px 0}dialog a{color:inherit}dialog .vtab{display:block;overflow:auto}dialog h2{font-size:1.3rem}dialog h3{font-size:1.1rem}
@media(max-width:600px){body[data-reading-owner="v2"] .wrap{padding-left:18px;padding-right:18px}.reading-guide .psg{padding-left:0;padding-right:0}.reading-guide select{width:100%}.reading-guide .chart{padding:0;border:0}.reading-guide .chart svg{min-height:190px}.reading-guide .chart th,.reading-guide .chart td{padding:8px 3px}.reading-guide .reading-guide-tabs button{padding:10px 8px}.reading-guide-actions{gap:8px}dialog{padding:16px}}

@media(max-width:600px){body[data-reading-owner="v2"] .chart svg text{font-size:28px}body[data-reading-owner="v2"] .nav-top{padding-right:48px;align-items:flex-start;flex-wrap:wrap}.nav-top .back{margin-top:6px}}
html[data-mode="dark"] body[data-reading-owner="v2"] .psg{background:transparent!important}

dialog textarea{display:block;width:100%;height:260px;padding:12px;font:16px/1.6 var(--sans);background:var(--paper);color:var(--ink);border:1px solid currentColor;margin:16px 0}dialog a[download]{display:inline-block;min-height:44px;padding:10px 0}

/* UX R2: menu scrolls with document; controls keep compact text with 44px targets. */
body[data-reading-owner="v2"] #th-fab{position:absolute!important}
body[data-reading-owner="v2"] .back,body[data-reading-owner="v2"] .breadcrumb a,body[data-reading-owner="v2"] footer a,body[data-reading-owner="v2"] #th-drawer a,body[data-reading-owner="v2"] #th-drawer button,body[data-reading-owner="v2"] #th-drawer summary{min-height:44px;min-width:44px;display:inline-flex;align-items:center}
body[data-reading-owner="v2"] .breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:0 8px}
body[data-reading-owner="v2"] .feedback:focus{outline:2px solid var(--jade);outline-offset:5px}
