html{background:#f5f7fb}body{margin:0}#root{min-height:100dvh}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;min-height:100%;margin:0}body{background:linear-gradient(#f7f9fc 0%,#f2f5f9 100%);min-height:100dvh}body.viewer-drawer-open{overflow:hidden}button,input,textarea,select{font:inherit}button,select{touch-action:manipulation}button{color:inherit}.app-shell{min-height:100dvh}.topbar{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #dce3ec;align-items:center;gap:12px;height:64px;padding:0 22px;display:flex;position:sticky;top:0}.brand-logo-wrap{border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.brand-logo{object-fit:contain;object-position:center;width:38px;height:38px;display:block}.brand-copy{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.brand-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.brand-copy span{color:#718096;font-size:12px}.desktop-view-controls{flex:none;align-items:center;display:flex}.view-mode-control{color:#667085;background:#fff;border:1px solid #d8e0e8;border-radius:9px;align-items:center;gap:8px;height:36px;padding-left:11px;font-size:12px;display:flex}.view-mode-control select{color:#253047;cursor:pointer;background:#fff;border:0;border-left:1px solid #e4e9ef;border-radius:0 8px 8px 0;outline:0;height:34px;padding:0 30px 0 9px}.mobile-controlbar{display:none}.viewer-layout{grid-template-columns:minmax(230px,300px) minmax(0,1fr);min-height:calc(100dvh - 64px);display:grid}.sidebar{background:#fff;border-right:1px solid #dde4ed;min-width:0}.sidebar-heading{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:12px;height:54px;padding:0 18px;font-size:13px;font-weight:700;display:flex}.sidebar-heading-actions{align-items:center;gap:8px;display:flex}.node-count{color:#0c727a;background:#eaf5f6;border-radius:999px;place-items:center;min-width:24px;height:22px;padding:0 7px;font-size:11px;display:grid}.drawer-close{display:none}.tree-scroll{overscroll-behavior:contain;height:calc(100dvh - 118px);padding:10px 8px 24px;overflow:auto}.tree-root,.tree-children{margin:0;padding:0;list-style:none}.tree-children{border-left:1px solid #e3e8ef;margin-left:18px;padding-left:7px}.tree-item{margin:1px 0}.tree-row{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:14px 22px minmax(0,1fr);align-items:center;gap:4px;width:100%;min-height:38px;padding:6px 9px;display:grid}.tree-row:hover{background:#f4f7fa}.tree-row-selected{color:#075d65;background:#e9f5f6;font-weight:650}.tree-row-selected:hover{background:#e1f1f3}.tree-expander{color:#8a96a8;text-align:center;width:14px;font-size:11px}.tree-icon{text-align:center;width:22px;font-size:15px}.tree-label{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.sidebar-state{color:#7a8798;padding:16px 12px;font-size:13px;line-height:1.6}.sidebar-error{gap:10px;padding:8px;display:grid}.drawer-overlay{display:none}.content-area{min-width:0;padding:28px}.content-area-pages{padding-bottom:110px}.document-panel{background:#fff;border:1px solid #e1e6ed;border-radius:14px;width:min(100%,1040px);min-height:calc(100dvh - 120px);margin:0 auto;padding:34px 44px 70px;box-shadow:0 10px 34px #232d420d}.document-panel-pages{min-height:0;margin-bottom:20px;padding-bottom:26px}.document-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:34px;padding-bottom:22px;display:flex}.document-kicker{color:#0b7b84;letter-spacing:.12em;margin-bottom:5px;font-size:11px;font-weight:800}.document-header h1{color:#172033;margin:0;font-size:clamp(24px,3vw,34px);line-height:1.2}.document-meta-stack{flex:none;justify-items:end;gap:9px;display:grid}.publish-meta{color:#7a8797;align-items:center;gap:8px;font-size:11px;display:flex}.version-badge{color:#0c7179;background:#eef7f7;border-radius:999px;justify-content:center;align-items:center;min-width:34px;height:26px;padding:0 9px;font-weight:700;display:inline-flex}.copy-link-button{color:#5d697a;cursor:pointer;background:#fff;border:1px solid #dbe3eb;border-radius:8px;min-height:32px;padding:0 10px;font-size:11px}.copy-link-button:hover{color:#253047;background:#f8fafc;border-color:#b9c8d6}.published-content{color:#202938;overflow-wrap:anywhere;word-break:normal;font-size:15px;line-height:1.72}.published-content h1,.published-content h2,.published-content h3{color:#182234;line-height:1.3}.published-content h1{margin:34px 0 14px;font-size:28px}.published-content h2{margin:30px 0 12px;font-size:22px}.published-content h3{margin:24px 0 10px;font-size:18px}.published-content p{margin:10px 0}.published-content ul,.published-content ol{padding-left:26px}.published-content li{margin:4px 0}.published-content a{color:#087a86;text-underline-offset:2px;overflow-wrap:anywhere;text-decoration:underline}.table-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;width:100%;margin:18px 0;overflow-x:auto}.published-content table{border-collapse:collapse;table-layout:auto;width:max-content;min-width:100%;margin:0}.published-content th,.published-content td{vertical-align:top;border:1px solid #cfd7e1;min-width:80px;padding:9px 10px}.published-content th{background:#f4f7fa;font-weight:700}.published-content img{max-width:100%;height:auto}.published-content figure{max-width:100%;margin:18px auto}.published-content iframe{max-width:100%}.published-content figure.editor-image{width:100%;max-width:100%;margin:22px 0}.published-content img[data-media-id],.published-content img.docx-inline-image,.published-content figure.editor-image img{object-fit:contain;border-radius:6px;max-width:100%;height:auto}.published-content figure.editor-image img{display:block}.published-content figure.youtube-embed{width:min(100%,860px);margin:24px auto}.published-content .youtube-frame-wrap{aspect-ratio:16/9;background:#0f172a;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 10px 28px #0f172a1f}.published-content .youtube-frame-wrap iframe{border:0;width:100%;max-width:none;height:100%;display:block}.published-content .youtube-caption{color:#667085;align-items:center;gap:9px;min-height:30px;margin-top:8px;font-size:12px;display:flex}.published-content .youtube-badge{color:#c62828;background:#fff0f0;border-radius:999px;align-items:center;height:22px;padding:0 8px;font-size:11px;font-weight:750;display:inline-flex}.published-content .youtube-caption a{color:#667085;text-decoration:none}.published-content .youtube-caption a:hover{color:#087a86;text-decoration:underline}.pages-view{touch-action:pan-y;perspective:1400px;place-items:start center;min-height:70vh;display:grid;position:relative;overflow:hidden}.page-card{aspect-ratio:210/297;background:#fff;border:1px solid #d9e0e8;max-width:100%;min-height:0;padding:48px 48px 56px;position:relative;overflow:visible;box-shadow:0 10px 34px #232d4214}.page-card .published-content{min-width:0}.page-footer{color:#98a2b3;font-size:10px;position:absolute;bottom:18px;right:28px}.page-card-loading{display:block}.page-enter-forward{transform-origin:0;animation:.22s ease-out page-flip-forward}.page-enter-backward{transform-origin:100%;animation:.22s ease-out page-flip-backward}@keyframes page-flip-forward{0%{opacity:.35;transform:translate(26px)rotateY(-4deg)}to{opacity:1;transform:translate(0)rotateY(0)}}@keyframes page-flip-backward{0%{opacity:.35;transform:translate(-26px)rotateY(4deg)}to{opacity:1;transform:translate(0)rotateY(0)}}.page-navigator{left:50%;bottom:max(18px, env(safe-area-inset-bottom));z-index:45;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #d7dee7;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:5px 8px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #232d4226}.page-navigator button{color:#253047;cursor:pointer;background:#f2f6f8;border:0;border-radius:50%;place-items:center;width:34px;height:34px;font-size:22px;line-height:1;display:grid}.page-navigator button:hover:not(:disabled){color:#086b73;background:#e4f0f1}.page-navigator button:disabled{opacity:.35;cursor:default}.page-navigator span{color:#596579;text-align:center;min-width:82px;font-size:12px}.pagination-measure{contain:layout style;z-index:-9999!important;visibility:hidden!important;pointer-events:none!important;position:fixed!important;top:0!important;left:-100000px!important}.pagination-page-measure{width:100%}.error-card{color:#a23535;background:#fff7f7;border:1px solid #f0c1c1;border-radius:9px;padding:12px 14px;font-size:13px;line-height:1.55}.error-panel{gap:12px;min-height:0;display:grid}.retry-button{color:#344054;cursor:pointer;background:#fff;border:1px solid #cfd8e3;border-radius:8px;justify-self:start;min-height:36px;padding:0 14px;font-size:12px;font-weight:600}.retry-button:hover{background:#f7f9fb}.empty-state{color:#778497;text-align:center;place-content:center;justify-items:center;min-height:calc(100dvh - 160px);display:grid}.empty-icon{margin-bottom:10px;font-size:40px}.empty-state h2{color:#344054;margin:0 0 7px;font-size:20px}.empty-state p{margin:0;font-size:13px}.document-skeleton{min-height:480px}.skeleton-title{background:linear-gradient(90deg,#eef2f6 25%,#f8fafc 50%,#eef2f6 75%) 0 0/200% 100%;border-radius:8px;width:48%;height:34px;margin-bottom:34px;animation:1.2s linear infinite skeleton-pulse}.loading-lines{gap:13px;display:grid}.loading-line{background:linear-gradient(90deg,#eef2f6 25%,#f8fafc 50%,#eef2f6 75%) 0 0/200% 100%;border-radius:999px;height:13px;animation:1.2s linear infinite skeleton-pulse;display:block}.tree-skeleton{padding:10px 8px}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=820px){.topbar{height:58px;padding:0 14px}.brand-logo-wrap{border-radius:10px;width:42px;height:42px}.brand-logo{width:40px;height:40px}.brand-copy strong{font-size:14px}.brand-copy span{font-size:11px}.desktop-view-controls{display:none}.mobile-controlbar{z-index:28;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border-bottom:1px solid #dce3ec;justify-content:space-between;align-items:center;gap:10px;height:52px;padding:6px 12px;display:flex;position:sticky;top:58px}.mobile-tree-button,.mobile-view-select{color:#344054;background:#fff;border:1px solid #d8e0e8;border-radius:9px;min-height:40px;font-size:13px}.mobile-tree-button{cursor:pointer;align-items:center;gap:8px;padding:0 13px;font-weight:650;display:flex}.mobile-view-select{min-width:128px;padding:0 30px 0 11px}.viewer-layout{min-height:calc(100dvh - 110px);display:block}.sidebar{z-index:60;border-right:1px solid #d8e0e8;width:min(88vw,340px);transition:transform .18s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:14px 0 36px #0f172a29}.sidebar-open{transform:translate(0)}.sidebar-heading{height:58px;padding:0 14px 0 16px}.drawer-close{color:#475467;cursor:pointer;background:#f3f6f9;border:0;border-radius:9px;place-items:center;width:38px;height:38px;font-size:25px;line-height:1;display:grid}.tree-scroll{height:calc(100dvh - 58px);padding-bottom:calc(28px + env(safe-area-inset-bottom))}.tree-row{min-height:46px;padding:8px 9px}.tree-label{font-size:14px}.drawer-overlay{z-index:55;opacity:0;pointer-events:none;background:#0f172a57;border:0;transition:opacity .18s;display:block;position:fixed;inset:0}.drawer-overlay-visible{opacity:1;pointer-events:auto}.content-area{padding:12px 12px calc(24px + env(safe-area-inset-bottom))}.content-area-pages{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.document-panel{border-radius:10px;min-height:0;padding:22px 18px 42px}.document-panel-pages{margin-bottom:14px;padding-bottom:20px}.document-header{flex-direction:column;gap:14px;margin-bottom:24px;padding-bottom:18px}.document-header h1{font-size:26px}.document-meta-stack{justify-items:start;width:100%}.publish-meta{flex-wrap:wrap}.copy-link-button{min-height:40px;padding:0 12px}.published-content{font-size:16px;line-height:1.65}.published-content h1{margin-top:28px;font-size:25px}.published-content h2{margin-top:25px;font-size:21px}.published-content h3{margin-top:21px;font-size:18px}.published-content ul,.published-content ol{padding-left:22px}.table-scroll{margin:16px 0}.published-content th,.published-content td{min-width:92px;padding:9px 10px}.published-content figure.youtube-embed{margin:18px auto}.published-content .youtube-frame-wrap{border-radius:9px}.published-content .youtube-caption{flex-wrap:wrap}.pages-view{min-height:60vh}.page-card{border-radius:3px;max-width:100%;padding:22px 20px 40px}.page-card .published-content{font-size:16px;line-height:1.62}.page-footer{bottom:12px;right:18px}.page-navigator{bottom:max(10px, env(safe-area-inset-bottom))}.empty-state{min-height:calc(100dvh - 150px)}}@media (width<=420px){.content-area{padding-left:8px;padding-right:8px}.document-panel{padding-left:15px;padding-right:15px}.page-card{padding-left:17px;padding-right:17px}.mobile-tree-button{padding:0 11px}.mobile-view-select{min-width:120px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}