[v-cloak] { display: none; } /* The CV is cloned here (a DIRECT child) only while printing, so no ancestor traps its layout. Hidden on screen. */ #print-holder { display: none; } @media print { @page { size: A4; margin: 0; } html, body { background: #ffffff !important; } /* Print ONLY the cloned CV — hide the whole app UI. */ body.printing > #app { display: none !important; } body.printing > #print-holder { display: block !important; } /* The cloned CV fills the A4 page. print-color-adjust is inherited by every child, so the accent header/tags print their real colors without the user toggling anything. */ #print-paper { width: 100% !important; max-width: none !important; min-height: auto !important; margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; } }