feat(client): add PDF export via print stylesheet

apps/client/src/pages/CVViewPage.tsx

···
   useMeEducationQuery,
   useMeJobExperienceQuery,
 } from "@/generated/graphql";
+import "@/styles/print.css";
 
 export const CVViewPage = () => {
   const { id } = useParams<{ id: string }>();
···
 
   return (
     <div className="min-h-screen bg-ctp-base">
-      <div className="bg-ctp-surface0 border-b border-ctp-surface1 py-4">
+      <div className="no-print bg-ctp-surface0 border-b border-ctp-surface1 py-4">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-between">
           <div>
             <h1 className="text-2xl font-bold text-ctp-text">{cv.title}</h1>
···
             </p>
           </div>
           <div className="flex gap-3">
+            <Button onClick={() => window.print()}>Export PDF</Button>
             <ViewTransitionLink to={`/cvs/${cv.id}/edit`}>
-              <Button>Edit CV</Button>
+              <Button variant="outline">Edit CV</Button>
             </ViewTransitionLink>
             <ViewTransitionLink to="/cvs">
               <Button variant="ghost">Back to List</Button>
···
       </div>
 
       <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
-        <div className="bg-white rounded-lg shadow-lg p-8">
-          {/* CV Header */}
-          <div className="border-b border-gray-200 pb-6 mb-8">
+        <div className="cv-container bg-white rounded-lg shadow-lg p-8">
+          <div className="border-b border-gray-200 pb-6 mb-8 cv-entry">
             <h1 className="text-4xl font-bold text-gray-900 mb-2">
               {cv.title}
             </h1>
···
             )}
           </div>
 
-          {/* Education Section */}
           {loadingEducation ? (
             <div className="py-8 text-center text-gray-500">
               Loading education history...
···
               {educations.map((education) => (
                 <div
                   key={education.id}
-                  className="border-b border-gray-100 pb-6 last:border-0"
+                  className="cv-entry border-b border-gray-100 pb-6 last:border-0"
                 >
                   <div className="flex justify-between items-start mb-2">
                     <div>
···
             </div>
           )}
 
-          {/* Job Experience Section */}
           {loadingJobs ? (
             <div className="py-8 text-center text-gray-500">
               Loading job experience...
···
               {jobExperiences.map((experience) => (
                 <div
                   key={experience.id}
-                  className="border-b border-gray-100 pb-6 last:border-0"
+                  className="cv-entry border-b border-gray-100 pb-6 last:border-0"
                 >
                   <div className="flex justify-between items-start mb-2">
                     <div>

apps/client/src/styles/print.css

···
+@media print {
+  @page {
+    size: A4;
+    margin: 15mm 20mm;
+  }
+
+  body {
+    background: white !important;
+    color: black !important;
+    font-size: 11pt;
+    line-height: 1.4;
+  }
+
+  .no-print {
+    display: none !important;
+  }
+
+  .cv-container {
+    max-width: 100% !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    box-shadow: none !important;
+    border-radius: 0 !important;
+  }
+
+  .cv-entry {
+    break-inside: avoid;
+    page-break-inside: avoid;
+  }
+
+  a {
+    text-decoration: none !important;
+    color: inherit !important;
+  }
+
+  h1, h2, h3 {
+    break-after: avoid;
+    page-break-after: avoid;
+  }
+}