diff --git a/templates/download.template b/templates/download.template
index 506cb32..b1e87c0 100644
--- a/templates/download.template
+++ b/templates/download.template
@@ -1,5 +1,5 @@
 <div id="download-bar" style="position: sticky; top: 0; background: #f5f5f5; padding: 10px; text-align: center; border-bottom: 1px solid #ddd; z-index: 100;">
   Download: 
-  <a href="/resume/{{ web_pdf }}">Resume (web PDF)</a>
-  <a href="/resume/{{ ats_pdf }}">Resume (ats-friendly PDF)</a>
+  <a href="/resume/{{ web_pdf }}">Web PDF</a> | 
+  <a href="/resume/{{ ats_pdf }}">ATS PDF</a>
 </div>
diff --git a/templates/resume-ats.template b/templates/resume-ats.template
index 421f131..e3aa1f4 100644
--- a/templates/resume-ats.template
+++ b/templates/resume-ats.template
@@ -1,55 +1,123 @@
 <!DOCTYPE html>
 <html>
+
 <head>
+  <meta charset="UTF-8">
+  <title>{{ name }}</title>
   <style>
-    @page { size: letter; margin: 0.75in; }
+    /* PDF page settings - Weasyprint */
+    @page {
+      size: letter;
+      margin: 0.75in;
+    }
+
+    /* Hide web version, show ATS version */
+    .web-only {
+      display: none !important;
+    }
     
-    /* Hide web version */
-    .web-only { display: none !important; }
-    .ats-only { display: block; }
-    
-    /* Simple, ATS-friendly styling */
-    body { 
-      font-family: Arial, sans-serif; 
-      font-size: 11pt; 
+    .ats-only {
+      display: block;
+    }
+
+    /* reset body - let @page handle margins */
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: Arial, sans-serif;
+      font-size: 11pt;
       line-height: 1.4;
+      color: #000;
     }
-    
-    h1 { 
-      font-size: 18pt; 
-      margin: 0 0 5pt 0; 
-      text-align: center;
-    }
-    
-    h2 { 
-      font-size: 12pt; 
+
+    /* contact section - centered and simple */
+    #contact .ats-only h1 {
+      font-size: 20pt;
       font-weight: bold;
-      margin: 12pt 0 6pt 0;
+      text-align: center;
+      margin: 0 0 6pt 0;
+    }
+
+    #contact .ats-only p {
+      text-align: center;
+      font-size: 10pt;
+      margin: 0 0 12pt 0;
+    }
+
+    /* section headers */
+    h3 {
+      font-size: 12pt;
+      font-weight: bold;
+      margin-top: 12pt;
+      margin-bottom: 6pt;
+      padding-bottom: 2pt;
       border-bottom: 1pt solid #333;
     }
-    
-    h3 { 
-      font-size: 11pt; 
-      font-weight: bold; 
-      margin: 8pt 0 2pt 0; 
+
+    /* first section no top margin */
+    #summary h3 {
+      margin-top: 0;
     }
-    
-    p { margin: 4pt 0; }
-    
-    ul { 
-      margin: 4pt 0; 
-      padding-left: 20pt; 
+
+    /* Job entry headers */
+    .job-entry .ats-only h3 {
+      font-size: 11pt;
+      font-weight: bold;
+      margin: 10pt 0 2pt 0;
+      padding: 0;
+      border: none;
     }
-    
-    li { margin-bottom: 2pt; }
-    
-    /* Center contact info */
-    #contact p {
-      text-align: center;
+
+    .job-entry .ats-only p {
+      font-size: 10pt;
+      margin: 2pt 0 6pt 0;
+    }
+
+    .job-entry {
+      margin-bottom: 12pt;
+      page-break-inside: avoid;
+    }
+
+    .job-entry:last-child {
+      margin-bottom: 0;
+    }
+
+    /* paragraphs */
+    p {
+      margin: 4pt 0;
+      font-size: 10pt;
+    }
+
+    /* lists */
+    ul {
+      margin: 4pt 0 8pt 0;
+      padding-left: 20pt;
+      list-style-type: disc;
+    }
+
+    li {
+      margin-bottom: 2pt;
+      font-size: 10pt;
+      line-height: 1.3;
+    }
+
+    /* sections */
+    div[id] {
+      margin-bottom: 10pt;
+    }
+
+    strong {
+      font-weight: bold;
     }
   </style>
 </head>
+
 <body>
   {{ content }}
 </body>
+
 </html>
diff --git a/templates/resume-web.template b/templates/resume-web.template
index ef006b3..c77e337 100644
--- a/templates/resume-web.template
+++ b/templates/resume-web.template
@@ -1,28 +1,193 @@
 <!DOCTYPE html>
 <html>
+
 <head>
+  <meta charset="UTF-8">
+  <title>{{ name }}</title>
   <style>
-    @page { size: letter; margin: 0.5in 0.75in; }
-    
-    /* Hide ATS version */
-    .ats-only { display: none !important; }
-    .web-only { display: block; }
-    
-    /* Your current beautiful styling */
-    #contact-table {
-      width: 100%;
-      table-layout: fixed;
-      /* ... rest of your styling ... */
+    /* PDF page settings - Weasyprint */
+    @page {
+      size: letter;
+      margin: 0.5in 0.75in;
+    }
+
+    /* Show web version, hide ATS version */
+    .web-only {
+      display: table;  /* For tables */
     }
     
-    .experience-table {
+    .ats-only {
+      display: none !important;
+    }
+
+    /* reset body - let @page handle margins */
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: Arial, sans-serif;
+      font-size: 11pt;
+      line-height: 1.3;
+      color: #000;
+    }
+
+    /* contact section */
+    #contact {
+      margin-bottom: 12pt;
+    }
+
+    #contact-table {
       width: 100%;
+      border-collapse: collapse;
       table-layout: fixed;
-      /* ... */
+    }
+
+    #contact-table td {
+      vertical-align: top;
+      font-size: 9pt;
+      line-height: 1.3;
+      padding: 0;
+    }
+
+    #contact-table td:first-child {
+      width: 33%;
+      text-align: left;
+    }
+
+    #contact-table td:nth-child(2) {
+      width: 34%;
+      text-align: center;
+    }
+
+    #contact-table td:last-child {
+      width: 33%;
+      text-align: right;
+    }
+
+    #contact-table h1 {
+      font-size: 22pt;
+      font-weight: bold;
+      margin: 0;
+    }
+
+    /* section headers */
+    h3 {
+      font-size: 11pt;
+      font-weight: bold;
+      margin-top: 10pt;
+      margin-bottom: 4pt;
+      padding-bottom: 2pt;
+      border-bottom: 1pt solid #333;
+    }
+
+    /* first section no top margin */
+    div[id]:first-of-type h3 {
+      margin-top: 0;
+    }
+
+    #experience {
+      width: 100%;
+      margin: 0;
+      padding: 0;
+    }
+
+    .job-entry {
+      margin-bottom: 12pt;
+      page-break-inside: avoid;
+    }
+
+    .job-entry:last-child {
+      margin-bottom: 0;
+    }
+
+    /* experience tables */
+    #experience-table {
+      width: 100%;
+      border-collapse: collapse;
+      margin: 0 0 4pt 0;
+      table-layout: fixed;
+    }
+
+    #experience-table td {
+      vertical-align: top;
+      font-size: 10pt;
+      padding: 0;
+      border: none;
+    }
+
+    #experience-table td:first-child {
+      width: 33%;
+      text-align: left;
+    }
+
+    #experience-table td:nth-child(2) {
+      width: 34%;
+      text-align: center;
+    }
+
+    #experience-table td:last-child {
+      width: 33%;
+      text-align: right;
+    }
+
+    #experience-table b,
+    table b {
+      font-weight: bold;
+      font-size: 10pt;
+    }
+
+    /* paragraphs */
+    p {
+      margin: 4pt 0;
+      font-size: 10pt;
+    }
+
+    /* lists */
+    ul {
+      margin: 4pt 0 8pt 0;
+      padding-left: 18pt;
+      list-style-type: disc;
+    }
+
+    li {
+      margin-bottom: 2pt;
+      font-size: 10pt;
+      line-height: 1.3;
+    }
+
+    /* sections */
+    div[id] {
+      margin-bottom: 10pt;
+    }
+
+    /* Hide download bar in PDF */
+    #download-bar {
+      display: none;
+    }
+
+    /* web only styles */
+    @media screen {
+      body {
+        max-width: 8.5in;
+        margin: 20px auto;
+        padding: 30px;
+        background: white;
+        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+      }
+
+      #download-bar {
+        display: block !important;
+      }
     }
   </style>
 </head>
+{{ download }}
+
 <body>
   {{ content }}
 </body>
+
 </html>
