#readingArea .topbar{display:flex}
.version-links{flex:0 0 auto;gap:0}
.versions-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:9px 14px;background:#fff;border:1px solid #d3dce6;border-radius:9px;color:#34465d;font-size:13px;font-weight:550;white-space:nowrap;box-shadow:0 2px 5px #21314b05;transition:background .15s,border-color .15s}
.versions-button:hover{background:#eef4e3;border-color:#b5c792}.versions-button[aria-expanded=true]{background:#eaf3d8;border-color:#a6bd74}
.versions-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.versions-button .versions-chevron{width:13px;height:13px;transition:transform .15s}.versions-button[aria-expanded=true] .versions-chevron{transform:rotate(180deg)}
#versionsDialog{width:min(850px,calc(100% - 32px));max-height:min(84dvh,800px);padding:0;overflow:hidden;border:1px solid #d5dee8;border-radius:18px;color:#203047;background:#f8fafc;box-shadow:0 24px 100px #14243a35}
#versionsDialog::backdrop{background:#12223770;backdrop-filter:blur(4px)}
.versions-heading{padding:26px 28px 22px;display:flex;gap:20px;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #e0e6ed;background:white}
.versions-heading .eyebrow{margin:0 0 7px;font-size:10px;letter-spacing:2px;color:#7c899a}.versions-heading h2{margin:0;font-size:25px;font-weight:600;letter-spacing:.5px}
.versions-heading p:last-child{font-size:13px;line-height:1.7;color:#748196;margin:9px 0 0;max-width:540px}
#closeVersions{width:35px;height:35px;font-size:23px;flex-shrink:0}
.versions-list{padding:22px 28px 28px;display:grid;grid-template-columns:1fr 1fr;gap:14px;max-height:calc(min(84dvh,800px) - 155px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.version-card{padding:18px;background:white;border:1px solid #dde4eb;border-radius:12px;min-width:0}
.version-card.current-version{border-color:#b9cc93;background:#f3f8e9}.version-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.version-number{font-size:17px;line-height:1.25;font-weight:650;color:#263c55}.current-badge{font-size:10px;letter-spacing:.5px;padding:4px 7px;background:#dfedc9;border-radius:5px;color:#516a29;white-space:nowrap}
.version-open{font-size:12px;line-height:1.3;text-decoration:none;color:#536b39;border:1px solid #d6e2c4;border-radius:6px;padding:6px 8px;background:#fafdf6;white-space:nowrap}.version-open:hover{background:#e8f2d8;border-color:#9fb773;text-decoration:none}
.version-card h3{margin:0 0 7px;font-size:14px;font-weight:600;line-height:1.45;color:#34465c}.version-card p{margin:0;color:#788598;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
body.focus-mode .topbar,#readingArea:fullscreen .topbar{display:flex;padding:8px 16px;justify-content:flex-end}
body.focus-mode .topbar>div,#readingArea:fullscreen .topbar>div{display:none}
@media(max-width:760px){.topbar{padding:8px 12px;justify-content:flex-end}.versions-button{min-height:36px;padding:7px 12px;font-size:12px}#versionsDialog{width:calc(100% - 20px);max-height:88dvh;border-radius:14px}.versions-heading{padding:20px 18px 17px;gap:14px}.versions-heading h2{font-size:22px}.versions-heading p:last-child{font-size:12px;max-width:95%}.versions-list{grid-template-columns:1fr;padding:16px 18px 20px;max-height:calc(88dvh - 160px);gap:11px}.version-card{padding:16px}.version-card p{font-size:13px}.version-open{padding:9px 10px;min-height:36px;display:flex;align-items:center}}
@media(prefers-reduced-motion:reduce){.versions-button,.versions-chevron{transition:none}}