/* ================================================================
   cv.css — Stylesheet for CV HTML page (navinkartik.github.io/CV/)
   Matches website aesthetic: Georgia serif, Yale blue, same link/hover colors.
   Standalone — no dependency on paper.css or mystyles.css.
   ================================================================ */

/* ── CSS Variables ───────────────────────────────────────────── */
:root {
  --bg:        #fafafa;
  --text:      #111;
  --muted:     #555;
  --link:      #1d32c0;   /* matches mystyles.css --link-blue */
  --link-hover:#c22e2e;   /* matches mystyles.css --hover-color */
  --heading:   #00356b;   /* Yale blue */
  --border:    #d0cdc8;
  --font:      Georgia, 'Times New Roman', serif;
  --max-width: 900px;
}

/* ── Reset & Base ────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 16px; scroll-behavior: smooth; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  font-size: 1rem;
  line-height: 1.7;
  margin: 0;
}

a { color: var(--link); text-decoration: none; }
a:hover { color: var(--link-hover); text-decoration: none; }

em { font-style: italic; }

/* ── Nav bar (Home button — matches bio.html/.nav-links pattern) ── */
.nav-links {
  font-size: 1.15em;
}
.nav-links a {
  color: var(--link);
  text-decoration: none;
  padding: 2px 6px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.nav-links a:hover {
  color: var(--link-hover);
  text-decoration: none;
}

/* ── Container ───────────────────────────────────────────────── */
.cv-container {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 2rem 1.5rem 5rem;
}

/* ── Header ──────────────────────────────────────────────────── */
.cv-header {
  text-align: center;
  margin-bottom: 2rem;
  padding-bottom: 1.25rem;
  border-bottom: 2px solid var(--heading);
}
.cv-header h1 {
  font-family: Georgia, serif;
  font-size: 2em;
  color: var(--heading);
  margin: 0 0 0.15rem;
  font-weight: bold;
}
.cv-subtitle {
  font-variant: small-caps;
  font-size: 1.05em;
  color: var(--muted);
  margin: 0.1rem 0;
  letter-spacing: 0.04em;
}
.cv-date {
  color: var(--muted);
  font-style: italic;
  font-size: 0.95em;
  margin: 0.25rem 0;
}
.cv-pdf-link {
  margin: 0.5rem 0 0;
  font-size: 0.95em;
}
.cv-pdf-link a { color: var(--link); }
.cv-pdf-link a:hover { color: var(--link-hover); }

/* ── Section TOC ─────────────────────────────────────────────── */
.cv-toc {
  margin: 0 0 1.75rem;
  font-size: 0.875rem;
  line-height: 1.9;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid var(--heading);
}
.cv-toc-label {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-size: 0.75rem;
  margin-right: 0.2em;
}
.cv-toc a { color: var(--link); }
.cv-toc a:hover { color: var(--link-hover); text-decoration: none; }

/* ── Section headings ────────────────────────────────────────── */
h2 {
  font-family: Georgia, serif;
  font-variant: small-caps;
  font-size: 1.1em;
  color: var(--heading);
  border-bottom: 1px solid var(--border);
  padding-bottom: 0.2rem;
  margin: 2.25rem 0 0.6rem;
  letter-spacing: 0.03em;
}

/* Linked section headings (e.g. Ph.D. Advising → students.html) */
h2 a {
  color: inherit;
  text-decoration: none;
}
h2 a:hover {
  color: var(--link-hover);
  text-decoration: none;
}

/* ── Body paragraphs ─────────────────────────────────────────── */
.cv-body p {
  margin: 0.35rem 0;
}

/* Small text (explanatory notes in Word doc) */
.cv-body small {
  font-size: 0.9em;
  color: var(--muted);
}

/* ── Footer ─────────────────────────────────────────────────── */
.cv-footer {
  text-align: center;
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border);
  font-size: 0.95em;
}

/* ── Mobile ──────────────────────────────────────────────────── */
@media (max-width: 700px) {
  .cv-toc { display: none; }
  .cv-container { padding: 1.5rem 1rem 4rem; }
  .cv-header h1 { font-size: 1.6em; }
}

/* ── Print ───────────────────────────────────────────────────── */
@media print {
  .nav-links, .cv-toc, .cv-footer { display: none; }
  body { color: #000; background: #fff; font-size: 11pt; line-height: 1.5; }
  a { color: #000; text-decoration: none; }
  h2 { color: #000; border-bottom: 1px solid #aaa; page-break-after: avoid; }
  .cv-container { padding: 0; max-width: 100%; }
  .cv-header { border-bottom: 2px solid #000; }
  .cv-header h1, .cv-subtitle { color: #000; }
}