.doc-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--space-md);backdrop-filter:blur(4px)}.doc-modal-content{background:var(--color-surface);border-radius:20px;width:100%;max-width:800px;max-height:85vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-lg);animation:modalFadeIn .3s ease;border:1px solid var(--color-border)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.doc-modal-close{position:absolute;top:var(--space-md);right:var(--space-md);background:#0000000d;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease;z-index:10}.doc-modal-close:hover{background:#0000001a;color:var(--color-text-primary)}.doc-modal-body{padding:var(--space-xl);color:var(--color-text-primary);line-height:1.6}.doc-modal-body h1{font-size:2rem;margin-bottom:var(--space-lg);color:var(--color-primary)}.doc-modal-body h2{font-size:1.5rem;margin-top:var(--space-xl);margin-bottom:var(--space-md);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-xs)}.doc-modal-body h3{font-size:1.25rem;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.doc-modal-body p{margin-bottom:var(--space-md)}.doc-modal-body ul,.doc-modal-body ol{margin-bottom:var(--space-md);padding-left:var(--space-xl)}.doc-modal-body li{margin-bottom:var(--space-xs)}.doc-modal-body a{color:var(--color-primary);text-decoration:none}.doc-modal-body a:hover{text-decoration:underline}@media(max-width:768px){.doc-modal-content{max-height:90vh}.doc-modal-body{padding:var(--space-lg)}.doc-modal-body h1{font-size:1.5rem}}