:root{--paper:#071219;--panel:#10232b;--ink:#eaf4ef;--muted:#afc3c2;--line:#365050;--accent:#a8e3df;--warm:#e5b986;color-scheme:dark}
body.aoa-reading{--paper:#f5f2e9;--panel:#fffef9;--ink:#203632;--muted:#647570;--line:#dddcd0;--accent:#356757;--warm:#a44020;color-scheme:light}
*{box-sizing:border-box}body.reading-page{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent);text-underline-offset:.2em}a:hover{color:var(--warm)}a:focus-visible,summary:focus-visible{outline:3px solid var(--warm);outline-offset:4px}h1,h2,h3{line-height:1.25;overflow-wrap:anywhere}h1{font-size:clamp(2rem,5vw,3rem);margin:.6em 0}h2{font-size:1.55rem;margin-top:1.6em}h3{font-size:1.15rem}p{margin:.7em 0 1em}.reading-nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;border-bottom:1px solid var(--line);padding:16px max(18px,calc((100vw - 1100px)/2))}.reading-nav a{min-height:44px;display:inline-flex;align-items:center}.reading-brand{font-weight:800;text-decoration:none;letter-spacing:.05em}.reading-main{max-width:900px;margin:auto;padding:28px 24px 64px}.reading-breadcrumbs{font-size:.9rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 15px}.reading-kicker,.eyebrow{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--warm)}.reading-intro{font-size:1.1rem;color:var(--muted)}.reading-actions,.reading-pagination{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:24px 0}.reading-actions a,.reading-pagination a{min-height:44px;border:1px solid var(--line);padding:9px 14px;border-radius:8px;text-decoration:none}.reading-pagination{border-top:1px solid var(--line);padding-top:24px;justify-content:space-between}.reading-index{padding-left:1.6em}.reading-index li{padding:7px 0}.reading-index a{display:inline-block;padding:3px 0}.reading-index p{margin:.2em 0 .7em;color:var(--muted);font-size:.95rem}.reading-note{color:var(--muted);font-size:.92rem}.reading-takeaway,.point{border-left:3px solid var(--accent);padding-left:18px;margin:24px 0}.reading-checkpoint{margin:24px 0}.reading-checkpoint details,.reading-glossary details{border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin:12px 0}summary{cursor:pointer;font-weight:650;min-height:30px}.defined-term{border-bottom:1px dotted var(--accent);text-decoration:none}.reading-glossary section{scroll-margin-top:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}.reading-glossary h2{font-size:1.3rem}.reading-footer{max-width:900px;margin:auto;padding:20px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.reading-table-wrap{overflow-x:auto;margin:20px 0}table{border-collapse:collapse;width:100%}th,td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}th{background:var(--panel)}.han{font-size:1.5rem;line-height:1.55}.pinyin{color:var(--warm)}.phrase-card{border:1px solid var(--line);border-radius:10px;padding:18px;margin:16px 0;background:var(--panel)}audio{display:block;max-width:100%;width:340px;margin:12px 0}.demo{padding:18px;border:1px solid var(--line);border-radius:10px;margin:24px 0;background:var(--panel)}.flow,.relation-grid,.rel-grid,.rel-cards,.rel-columns,.diagram-cards{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:12px 0}.node,.rel-card,.diagram-cards>div{border:1px solid var(--line);padding:12px;flex:1;min-width:150px;border-radius:8px}.rel-card span{display:block;font-size:.9rem;color:var(--muted)}.arrow{color:var(--warm)}.demo .small,.demo .muted{color:var(--muted)}.demo svg{max-width:100%;height:auto}.diagram-row{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.diagram-row span{padding:10px;border:1px solid var(--line);flex:1;min-width:150px}.aoa-speed-panel{border:1px solid var(--line);border-radius:8px;padding:16px;margin:18px 0}.aoa-speed-heading,.aoa-speed-track{display:flex;gap:12px;align-items:center;justify-content:space-between}.aoa-speed-track input{flex:1;min-width:80px}.aoa-speed-panel button{font:inherit;padding:8px 12px;margin-top:12px}.aoa-speed-panel p{font-size:.9rem}.reading-skip{position:absolute;left:12px;top:-100px}.reading-skip:focus{top:12px;background:var(--panel);padding:10px;z-index:30}
.reading-links{font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;margin:18px auto;padding:14px 18px;border:1px solid currentColor;border-radius:9px;max-width:1120px}.reading-links a{color:inherit;text-decoration:underline;text-underline-offset:4px;display:inline-block;min-height:44px;padding:9px 6px}.reading-links strong{margin-right:12px}.reading-links a:focus-visible{outline:3px solid currentColor;outline-offset:3px}
@media(max-width:600px){.reading-main{padding:22px 18px 44px}.reading-nav{padding:12px 18px;gap:4px 16px}.reading-nav a{font-size:.9rem}.reading-table-wrap table{min-width:420px}.reading-breadcrumbs{font-size:.82rem}.node,.rel-card{min-width:120px}}@media print{body.reading-page{background:white;color:black}.reading-nav,.reading-actions,.reading-pagination,audio,.aoa-speed-slot{display:none}.reading-main{padding:0;max-width:none}a{color:black}.demo{break-inside:avoid}.reading-checkpoint details{break-inside:avoid}}