/* Print rules for the homepage resume — the page with the [download as pdf]
 * button. Linked with media="print" after print.css.
 *
 * Split from print.css because these are resume-specific: the numbered
 * section column, the job/title hierarchy, and printing link destinations
 * next to each entry. None of that structure exists on the blog.
 */

:root {
  --index-w: 2.2rem;
}

section {
  display: block;
  padding: var(--section-gap) 0 0;
  border-top: 0.5pt solid var(--rule);
  /* A section that splits across pages is what makes a PDF look like a
     webpage. */
  break-inside: avoid;
}

section:first-child {
  border-top: none;
  padding-top: 0;
}

.num {
  color: #666;
  padding-top: 0;
}

.hero h1 {
  font-size: 20pt;
  margin: 0 0 0.2rem;
}

.hero .tagline {
  color: #333;
  max-width: none;
  font-size: 10.5pt;
}

.job {
  padding: 0.6rem 0;
  break-inside: avoid;
}

.job + .job {
  border-top: 0.5pt solid var(--rule);
}

.titles {
  padding-left: 0.7rem;
  margin-top: 0.4rem;
  border-left: 0.5pt solid var(--rule);
}

.title-notes {
  font-size: 9pt;
}

.period,
.title-period,
.title-department {
  color: #333;
}

/* Paper cannot be clicked, so show where a link goes. Web links only — the
   email entry already displays its own address. */
.links a[href^="http"]::after {
  content: " (" attr(href) ")";
  font-size: 8pt;
  color: #555;
  word-break: break-all;
}

.links .value {
  text-decoration: none;
}