Improve CV HTML formatting to match PDF layout

- Fix header spacing: reduce name-title gap, add space after Director and USA
- Add block spacers for text block separation (matching LaTeX \\[Xcm])
- Extract and display footnotes as section notes under headers
- Make Undergraduate Advisees section 2-column layout
- Fix sub-heading weights: h3/h4 now normal weight (matching LaTeX \mdseries)
- Reduce paragraph margins for tighter spacing
- Update download bar structure to match CSS expectations
- Remove duplicate "Last updated" text

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <[email protected]>

Author: jeremymanning

css/cv.css

@@ -41,8 +41,8 @@
    ========================================================================== */
 
 :root {
-    --primary-green: rgb(0, 112, 60);
-    --bg-green: rgba(0, 112, 60, 0.2);
+    --primary-green: rgb(0, 105, 62);
+    --bg-green: rgba(0, 105, 62, 0.2);
     --dark-text: rgba(0, 0, 0, 0.7);
     --light-gray: #f5f5f5;
     --border-gray: #e0e0e0;
@@ -62,7 +62,7 @@
 body {
     font-family: 'Dartmouth Ruzicka', Georgia, serif;
     font-size: 11pt;
-    line-height: 1.6;
+    line-height: 1.35;
     color: var(--dark-text);
     background-color: white;
     padding-top: 60px; /* Space for sticky download bar */
@@ -137,59 +137,64 @@ body {
    ========================================================================== */
 
 .cv-header {
-    text-align: center;
-    margin-bottom: 3rem;
-    padding-bottom: 2rem;
-    border-bottom: 2px solid var(--primary-green);
+    text-align: left;
+    margin-bottom: 1.5rem;
+    padding-bottom: 0;
+    border-bottom: none;
 }
 
 .cv-header h1 {
-    font-size: 2.5rem;
-    font-weight: bold;
-    color: var(--primary-green);
-    margin-bottom: 1rem;
-    letter-spacing: 0.5px;
+    font-size: 17pt;
+    font-weight: normal;
+    color: var(--dark-text);
+    margin-bottom: 0;
+    letter-spacing: 0;
 }
 
 .cv-header .contact-info {
-    font-size: 0.95rem;
-    line-height: 1.8;
+    font-size: 11pt;
+    line-height: 1.3;
     color: var(--dark-text);
 }
 
 .cv-header .contact-info p {
-    margin: 0.25rem 0;
+    margin: 0;
+}
+
+.cv-header .contact-info p.space-after {
+    margin-bottom: 0.5rem;
 }
 
 /* Headings
    ========================================================================== */
 
 h2 {
-    font-size: 1.4rem;
-    font-weight: bold;
-    color: var(--primary-green);
-    margin-top: 2rem;
-    margin-bottom: 1rem;
-    padding-bottom: 0.5rem;
-    border-bottom: 1px solid var(--border-gray);
-    text-transform: uppercase;
-    letter-spacing: 1px;
+    font-size: 1.3rem;
+    font-weight: normal;
+    color: var(--dark-text);
+    margin-top: 2.5rem;
+    margin-bottom: 0.75rem;
+    padding-bottom: 0;
+    border-bottom: none;
+    text-transform: none;
+    letter-spacing: 0;
 }
 
 h3 {
-    font-size: 1.1rem;
-    font-weight: bold;
+    font-size: 1.05rem;
+    font-weight: normal;
     color: var(--dark-text);
     margin-top: 1.5rem;
-    margin-bottom: 0.75rem;
+    margin-bottom: 0.5rem;
 }
 
 h4 {
     font-size: 1rem;
-    font-weight: bold;
+    font-weight: normal;
+    font-style: italic;
     color: var(--dark-text);
-    margin-top: 1rem;
-    margin-bottom: 0.5rem;
+    margin-top: 0.75rem;
+    margin-bottom: 0.25rem;
 }
 
 /* Lists
@@ -201,41 +206,47 @@ ul, ol {
 }
 
 li {
-    margin-bottom: 0.75rem;
-    line-height: 1.6;
+    margin-bottom: 0.5rem;
+    line-height: 1.35;
 }
 
 /* Reverse-numbered lists for publications and awards */
+/* Use native browser support for reversed lists */
 ol[reversed] {
-    list-style: none;
-    counter-reset: item;
+    list-style-position: outside;
+    padding-left: 2.5rem;
 }
 
 ol[reversed] > li {
-    counter-increment: item -1;
-    position: relative;
-    padding-left: 2.5rem;
+    padding-left: 0.5rem;
 }
 
-ol[reversed] > li::before {
-    content: counter(item) ".";
-    position: absolute;
-    left: 0;
-    font-weight: bold;
-    color: var(--primary-green);
-    min-width: 2rem;
-    text-align: right;
-    padding-right: 0.5rem;
+ol[reversed] > li::marker {
+    font-weight: normal;
+    color: var(--dark-text);
 }
 
 /* Paragraphs
    ========================================================================== */
 
 p {
-    margin-bottom: 1rem;
+    margin-bottom: 0.25rem;
+    margin-top: 0;
     text-align: justify;
 }
 
+/* Reduce spacing for paragraphs in section content (like Advisor/Dissertation lines) */
+section p {
+    margin-bottom: 0.1rem;
+}
+
+/* Section notes (from footnotes) */
+.section-note {
+    font-size: 0.9rem;
+    margin-bottom: 0.75rem;
+    color: var(--dark-text);
+}
+
 /* Links
    ========================================================================== */
 
@@ -270,6 +281,11 @@ strong, b {
     font-weight: bold;
 }
 
+.block-spacer {
+    display: block;
+    height: 0.4rem;
+}
+
 /* Two-Column Lists
    ========================================================================== */