/* Approved reading hierarchy, D01–D14 except D04/D10/D12. V2 page bodies only.
   Keep the user's font/background ramp, classic pages and scroll owners intact. */
.content.wxp{background:var(--canvas)}
.wxp .page{padding-top:24px;gap:20px}
.wxp .phead{gap:16px;margin-bottom:4px}
.wxp .phead h1{font-size:26px;font-weight:750;line-height:1.2}
.wxp .phead p{font-size:13px;line-height:1.5;margin-top:4px}
.wxp .card{border-color:var(--line-2);box-shadow:var(--shadow-1)}
.wxp .ch{min-height:52px}
.wxp .ch h2,.wxp .ch h3{font-size:15px;font-weight:750}
.wxp .dtable,.wxp .ctable{font-size:14px}
.wxp .dtable td,.wxp .ctable td{height:52px}
.wxp .dtable th,.wxp .ctable th{background:var(--side);color:var(--ink-2);font-weight:750}
.wxp .btn{min-height:36px;height:auto;padding-top:6px;padding-bottom:6px;border-radius:8px}
.wxp .btn.sm{min-height:30px;padding-top:4px;padding-bottom:4px}
.wxp .btn.ai{background:var(--sel);color:var(--sel-ink);border:1px solid var(--line-2);box-shadow:none}
.wxp .aicard,.wxp .aicard>div{background:var(--card);box-shadow:none}
.wxp .aicard{border:1px solid var(--line-2)}
.wxp .aicard::before,.wxp .aicard::after{display:none}
.wxp .aicard .orb,.wxp .phead .tile.big{background:var(--sel);color:var(--sel-ink);box-shadow:none}
.wxp :focus-visible{outline:3px solid var(--sel-ink);outline-offset:3px}
.wxp .wx-reading-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.wxp .wx-reading-overview .st{border:1px solid var(--line-2);border-radius:12px;padding:20px;background:var(--card);min-width:0}
.wxp .wx-reading-overview .st:first-child{border-top:3px solid var(--pri);padding-top:18px}
.wxp .wx-reading-overview .lb{font-size:13px;font-weight:650;color:var(--ink-2)}
.wxp .wx-reading-overview .v{font-size:32px;font-weight:750;line-height:1.25;margin:8px 0;overflow-wrap:anywhere}
.wxp .wx-reading-overview .s{font-size:12px;color:var(--ink-3);white-space:normal}
.wxp .wx-reading-fold{border:1px solid var(--line-2);border-radius:12px;background:var(--card);min-width:0}
.wxp .wx-reading-fold>summary{padding:16px;cursor:pointer;font-weight:700;font-size:14px;list-style-position:inside}
.wxp .wx-reading-fold>summary small{display:block;color:var(--ink-3);font-size:12px;font-weight:500;margin-top:4px}
.wxp .wx-reading-fold>.wxh-kg{padding:0 16px 16px}
.wxp .wx-reading-fold>.card{border:0;box-shadow:none}
.wxp .wx-reading-tools{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px;border-bottom:1px solid var(--line)}
.wxp .wx-reading-density{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:4px 8px;margin:0;border:1px solid var(--line-2);border-radius:8px;min-width:0}
.wxp .wx-reading-density legend{font-size:12px;color:var(--ink-2);padding:0 4px}
.wxp .wx-reading-density label{display:flex;align-items:center;gap:4px;padding:4px;font-size:12px;cursor:pointer}
.wxp .wx-reading-density input{accent-color:var(--pri);margin:0}
.wxp .wx-reading-table[data-density=compact] :is(.ctable,.dtable){font-size:13px}
.wxp .wx-reading-table[data-density=compact] :is(.ctable,.dtable) td{height:40px}
.wxp .wx-reading-table[data-density=compact] :is(.ctable td.nm,.dtable td.w){padding-top:5px;padding-bottom:5px}
.wxp .wx-reading-filters{padding:12px 16px;border:1px solid var(--line-2);border-radius:10px;background:var(--card);min-width:0;font-size:12px}
.wxp .wx-reading-chips{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px}
.wxp .wx-reading-chip{background:var(--sel);color:var(--sel-ink);padding:3px 8px;border-radius:6px;overflow-wrap:anywhere;max-width:100%}
.wxp .wx-reading-pending{margin:6px 0 0;color:var(--ink-3)}
.wxp .wx-reading-pending[data-dirty=true]{color:var(--ink);font-weight:650;border-left:3px solid var(--orange);padding-left:10px}
.wxp .wx-reading-jumps{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;background:var(--card);border:1px solid var(--line-2);border-radius:10px;font-size:12px}
.wxp .wx-reading-jumps a{color:var(--sel-ink);background:var(--sel);padding:6px 10px;border-radius:6px}
.wxp .wx-reading-anchor{scroll-margin-top:72px}
.wxp #ao-live.bad{height:auto;background:var(--loss-bg);color:var(--loss);border:1px solid var(--loss);padding:7px 10px;font-weight:750;white-space:normal;line-height:1.5;border-radius:8px}
.wxp .wx-reading-paused{display:inline-block;background:var(--warn-bg-2);color:var(--warn-ink);border:1px solid var(--line-2);padding:7px 10px;white-space:normal;line-height:1.5;border-radius:8px;font-size:12px;margin-left:8px}
.wxp .wx-reading-audience{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;font-weight:650}
@container(max-width:1050px){.wxp .wx-reading-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@container(max-width:760px){.wxp .wx-reading-table[data-density=compact] .oft tr{padding-top:8px;padding-bottom:8px;gap:4px 12px}}
@container(max-width:480px){.wxp .phead h1{font-size:23px}.wxp .wx-reading-overview .st{padding:12px}.wxp .wx-reading-overview .v{font-size:23px}}
@media(prefers-reduced-motion:reduce){.wxp *,.wxp *::before,.wxp *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}