#progress{position:sticky;top:0;height:4px;background:#1d2a40;z-index:5}#progress div{height:4px;width:0;background:#c9ced6}
.reader{max-width:1100px;margin:0 auto;padding:16px}
#shelf{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}#shelf a{border:1px solid #c9ced6;border-radius:16px;padding:4px 12px;text-decoration:none;color:#0b1f3a;background:#fff;font-size:14px}#shelf a.on{background:#0b1f3a;color:#fff}
#doc h1{font-family:Georgia,serif;color:#0b1f3a;margin-bottom:4px}.meta{color:#556;font-size:14px;margin-bottom:18px}
.sec{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;border-top:1px solid #dde;padding:14px 0}
.sec .orig{font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.7;color:#111}.sec .orig p{margin:0 0 .8em}
.sec aside{font-size:14px;color:#334;background:#f2f4f7;border-left:3px solid #0b1f3a;padding:10px;border-radius:4px;align-self:start;position:sticky;top:12px}
.sec.hl{background:#fff9e0}.sec h2{grid-column:1/-1;margin:0;font-size:18px;color:#0b1f3a}
@media(max-width:760px){.sec{grid-template-columns:1fr}.sec aside{position:static}}