.reader-body{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#eaf0f5}.reader-header{display:flex;align-items:center;gap:24px;min-height:74px;padding:12px 26px;background:#fff;flex-shrink:0}.reader-header h1{font-size:1.13rem;letter-spacing:0;line-height:1.5;margin:0;flex:1;color:var(--deep)}.return-link{font-size:.9rem;white-space:nowrap}.reader-links{display:flex;align-items:center;gap:20px;font-size:.85rem}.reader-links button{background:none;color:var(--blue);border:0;padding:9px;display:none}.reader-layout{display:flex;flex:1;min-height:0}.reader-sidebar{width:265px;flex-shrink:0;padding:23px 22px;background:white;overflow-y:auto;border-right:1px solid var(--line)}.reader-sidebar h2{font-size:.85rem;color:var(--muted);font-weight:500;margin:0 0 8px}.reader-sidebar h2:not(:first-child){margin-top:20px}.reader-sidebar nav a{display:block;padding:7px 10px;margin:2px -10px;font-size:.9rem;color:var(--ink);border-left:3px solid transparent}.reader-sidebar nav a[aria-current]{background:var(--paper);border-left-color:var(--blue);color:var(--blue);font-weight:600}.reader-sidebar>p{font-size:.83rem;color:var(--muted);padding-top:18px;border-top:1px solid var(--line);margin-top:22px}#reader-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.reader-toolbar{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);background:#f7f9fb;flex-shrink:0}.reader-toolbar button{min-height:36px;min-width:36px;border:1px solid var(--line);background:white;color:var(--deep);padding:3px 9px;font-size:.9rem}.reader-toolbar button:hover:enabled{background:#e0ebf5;border-color:#9db8cc}.reader-toolbar button:disabled{opacity:.4;cursor:default}#page-form{display:flex;align-items:center;gap:7px;font-size:.86rem;white-space:nowrap}#page-number{width:61px;text-align:center;min-height:36px;border:1px solid var(--line);padding:3px;background:white;color:var(--ink);font-variant-numeric:tabular-nums}.toolbar-separator{width:1px;height:24px;background:var(--line);margin:0 8px}#reader-status{font-size:.83rem;color:var(--muted);margin:0;padding:7px 18px;text-align:center;min-height:36px;flex-shrink:0}#reader-status.error{color:#a02c2c}#page-scroll{overflow:auto;min-height:0;flex:1;padding:0 22px 18px;text-align:center}#page-stage{position:relative;display:inline-block;vertical-align:top;background:white;box-shadow:0 3px 14px #1c365520;line-height:0}#page-canvas{display:block;max-width:none}.reader-hint{font-size:.77rem;color:var(--muted);text-align:center;flex-shrink:0;margin:0;padding:8px 12px 11px}#document-search label{font-size:.85rem;font-weight:600;color:var(--deep);display:block;margin-bottom:7px}.reader-search-box{display:flex;gap:5px}.reader-search-box input{width:100%;min-width:0;font-size:.83rem;padding:8px;border:1px solid var(--line)}.reader-search-box button{font-size:.82rem;padding:8px;background:var(--blue);color:white;border:0;white-space:nowrap}#reader-results{font-size:.82rem;margin-top:10px;color:var(--muted)}#reader-results button{display:block;text-align:left;width:100%;border:0;border-top:1px solid var(--line);background:white;color:var(--blue);font-size:.81rem;padding:9px 0;line-height:1.7}
@media(max-width:900px){.reader-sidebar{width:225px;padding:20px 18px}.reader-header{padding:12px 18px;gap:18px}.reader-links{gap:12px}}@media(max-width:700px){.reader-header{min-height:90px;flex-wrap:wrap;gap:4px 16px;padding:10px 16px}.reader-header h1{font-size:1rem;order:3;flex-basis:100%;margin-top:3px}.reader-links{margin-left:auto;font-size:.83rem}.reader-links button{display:block;min-height:36px}.return-link{font-size:.85rem}.reader-sidebar{display:none;position:fixed;left:0;top:90px;bottom:0;z-index:10;width:min(320px,88vw);box-shadow:8px 0 20px #10385822}.reader-sidebar.open{display:block}.reader-toolbar{gap:5px;padding:9px 8px}.reader-toolbar button{min-width:34px;padding:3px 7px}#page-number{width:53px}.toolbar-separator{margin:0 3px}#page-scroll{padding:0 10px 12px}.reader-toolbar .go{display:none}.reader-hint{font-size:.72rem;padding:8px}#reader-status{font-size:.78rem;padding:6px 10px;min-height:32px}}@media(max-width:360px){.reader-links{gap:7px}.reader-toolbar{gap:3px}.reader-toolbar button{min-width:30px}.reader-toolbar #zoom-fit{font-size:.8rem}}