.doc-viewer-page{min-height:100vh;background-color:var(--surface-base)}.doc-viewer-page-container{max-width:900px;margin:0 auto;padding:40px 20px}.doc-viewer-page-loading,.doc-viewer-page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.doc-viewer-page-error h1{font-size:2rem;margin-bottom:16px;color:var(--neutral-700)}.doc-viewer-page-error button{margin-top:24px;padding:12px 24px;background-color:var(--brand-primary);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.doc-viewer-page-error button:hover{background-color:var(--brand-secondary)}.doc-viewer-page-header{margin-bottom:32px}.doc-viewer-page-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;background:none;border:1px solid var(--neutral-200);border-radius:8px;cursor:pointer;color:var(--neutral-500);font-size:.95rem;transition:all .2s}.doc-viewer-page-back:hover{background-color:var(--neutral-100);color:var(--neutral-700)}.doc-viewer-page-back .material-icons{font-size:20px}.doc-viewer-page-title-section{display:flex;align-items:center;gap:20px}.doc-viewer-page-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:#22223b40;border-radius:16px;color:var(--brand-primary);flex-shrink:0}.doc-viewer-page-icon .material-icons{font-size:36px}.doc-viewer-page-title{font-size:2.5rem;font-weight:600;margin:0 0 8px;color:var(--neutral-700)}.doc-viewer-page-category{font-size:1rem;color:var(--brand-primary);font-weight:500}.doc-viewer-page-content{line-height:1.8;color:var(--neutral-700)}.doc-viewer-page-content p{margin:0 0 20px}.doc-viewer-page-content h2{font-size:1.75rem;font-weight:600;margin:32px 0 16px;color:var(--neutral-700);border-bottom:2px solid rgba(34,34,59,.2);padding-bottom:12px}.doc-viewer-page-content h3{font-size:1.5rem;font-weight:600;margin:28px 0 14px;color:var(--neutral-700)}.doc-viewer-page-content ul,.doc-viewer-page-content ol{margin:0 0 20px;padding-left:28px}.doc-viewer-page-content li{margin:12px 0}.doc-viewer-page-content strong{font-weight:600;color:var(--neutral-700)}.doc-viewer-page-content code{background-color:#22223b14;padding:3px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.doc-viewer-page-action{margin-top:40px;padding-top:32px;border-top:1px solid var(--neutral-200)}.doc-viewer-page-action-button{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background-color:var(--brand-primary);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .2s}.doc-viewer-page-action-button:hover{background-color:var(--brand-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #22223b40}.doc-viewer-page-action-button .material-icons{font-size:20px}@media(max-width:768px){.doc-viewer-page-container{padding:24px 16px}.doc-viewer-page-title{font-size:2rem}.doc-viewer-page-title-section{flex-direction:column;align-items:flex-start;gap:16px}.doc-viewer-page-icon{width:56px;height:56px}.doc-viewer-page-icon .material-icons{font-size:32px}}