.doc-viewer-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--overlay-scrim);display:flex;align-items:center;justify-content:center;z-index:10100;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.doc-viewer-modal{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--elevation-3);animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.doc-viewer-modal-header{display:flex;align-items:center;gap:16px;padding:24px;border-bottom:1px solid var(--neutral-200);flex-shrink:0}.doc-viewer-modal-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:#22223b33;border-radius:12px;color:var(--brand-primary);flex-shrink:0}.doc-viewer-modal-icon .material-icons{font-size:28px}.doc-viewer-modal-title-section{flex:1;min-width:0}.doc-viewer-modal-title{font-size:1.5rem;font-weight:600;margin:0 0 4px;color:var(--neutral-700)}.doc-viewer-modal-category{font-size:.875rem;color:var(--brand-primary);font-weight:500}.doc-viewer-modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;border-radius:8px;color:var(--neutral-500);transition:all .2s;flex-shrink:0}.doc-viewer-modal-close:hover{background-color:var(--neutral-100);color:var(--neutral-700)}.doc-viewer-modal-close .material-icons{font-size:24px}.doc-viewer-modal-content{padding:24px;overflow-y:auto;flex:1}.doc-viewer-modal-content p{margin:0 0 16px;line-height:1.6;color:var(--neutral-700)}.doc-viewer-modal-content h2{font-size:1.25rem;font-weight:600;margin:24px 0 12px;color:var(--neutral-700);border-bottom:2px solid rgba(34,34,59,.2);padding-bottom:8px}.doc-viewer-modal-content h3{font-size:1.1rem;font-weight:600;margin:20px 0 10px;color:var(--neutral-700)}.doc-viewer-modal-content ul,.doc-viewer-modal-content ol{margin:0 0 16px;padding-left:24px}.doc-viewer-modal-content li{margin:8px 0;line-height:1.6;color:var(--neutral-700)}.doc-viewer-modal-content strong{font-weight:600;color:var(--neutral-700)}.doc-viewer-modal-content code{background-color:#22223b14;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.doc-viewer-modal-action{margin-top:24px;padding-top:24px;border-top:1px solid var(--neutral-200)}.doc-viewer-modal-action-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background-color:var(--brand-primary);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .2s}.doc-viewer-modal-action-button:hover{background-color:var(--brand-secondary);transform:translateY(-1px);box-shadow:var(--elevation-3)}.doc-viewer-modal-action-button .material-icons{font-size:18px}@media(max-width:768px){.doc-viewer-modal-overlay{left:0}.doc-viewer-modal{max-height:95vh;border-radius:16px 16px 0 0;margin-top:auto}.doc-viewer-modal-header,.doc-viewer-modal-content{padding:20px}.doc-viewer-modal-title{font-size:1.25rem}}