.journal-reading{display:grid;grid-template-columns:260px minmax(0,760px);justify-content:center;gap:clamp(30px,5vw,80px);max-width:1240px;margin:0 auto;padding:0 24px;align-items:start}
.journal-reading .journal-body{width:100%;max-width:68ch;margin:0;padding:0;min-width:0}
.reading-sidebar{position:sticky;top:100px;padding:22px 18px;background:#fffaf2;border:1px solid #e4d9c7;border-radius:16px;box-shadow:0 15px 45px #46341808}
.reading-sidebar__eyebrow{font:600 10px/1.5 system-ui,sans-serif;letter-spacing:.15em;color:#9a7b49}.reading-sidebar>p{font:13px/1.7 system-ui,sans-serif;color:#776a59;margin:10px 0 18px}.reading-sidebar details>summary{font:600 15px/1.5 system-ui,sans-serif;color:#53432e;cursor:pointer}
.reading-sidebar nav{max-height:52vh;overflow-y:auto;scrollbar-width:thin;padding:12px 0}.reading-sidebar nav a{display:block;padding:9px 10px;border-left:2px solid transparent;color:#756958;font:12px/1.5 system-ui,sans-serif;text-decoration:none;border-radius:0 6px 6px 0}.reading-sidebar nav a[data-level=h3]{padding-left:22px;font-size:11px}.reading-sidebar nav a:hover,.reading-sidebar nav a[aria-current]{border-color:#ad874d;color:#49381e;background:#f0e6d6}
.reading-controls{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid #e9dfce}.reading-controls button{padding:8px 11px;border:1px solid #dfd2bd;border-radius:7px;background:#fffdf9;color:#685336;cursor:pointer}.reading-controls button:focus-visible,.reading-sidebar a:focus-visible{outline:2px solid #a47f44;outline-offset:2px}
.reading-progress{height:3px;background:#e5dccd;border-radius:2px;margin-top:16px;overflow:hidden}.reading-progress span{display:block;width:100%;height:100%;background:#a17c3e;transform:scaleX(0);transform-origin:left}
.journal-reading.is-focused{grid-template-columns:minmax(0,760px)}.journal-reading.is-focused .reading-sidebar{position:static;padding:14px 20px}.journal-reading.is-focused .reading-sidebar details{display:none}.journal-reading.is-focused .reading-sidebar>p{display:inline;margin-left:12px}.journal-reading.is-focused .reading-controls{border:0;padding:0;margin-top:10px}
@media(max-width:960px){.journal-reading{grid-template-columns:minmax(0,760px);padding:0 20px;gap:28px}.reading-sidebar{position:static}.reading-sidebar nav{max-height:240px}.reading-controls{margin-top:12px}.journal-reading .journal-body{max-width:100%}}
@media(prefers-reduced-motion:reduce){.journal-reading *{scroll-behavior:auto!important;transition:none!important}}