.resume .reading-text { font-size: 1.125rem; line-height: 1.5; }
.resume__intro { display: flex; align-items: flex-start; gap: var(--space-32); margin-bottom: var(--space-48); }
.resume__export { flex-shrink: 0; }
.resume__summary { max-width: 550px; }
.resume__section { max-width: 550px; }
.resume__jobs { display: grid; gap: 36px; }
.resume__details { display: grid; gap: 44px; margin-top: 44px; max-width: 550px; }
.resume__section + .resume__section { margin-top: 44px; }
.resume__section h2 { margin-bottom: var(--space-20); }
.resume .micro { line-height: 14px; }
.resume__job + .resume__job { margin-top: 36px; }
.resume__job-head { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.resume h3 { font: inherit; font-size: 17px; line-height: 22px; }
.resume__dates { flex-shrink: 0; color: var(--ink-soft); font-variant-numeric: tabular-nums; }
.resume__company { margin-top: var(--space-4); color: var(--ink-soft); }
.resume__company + p, .resume__projects { margin-top: var(--space-16); }
.resume__projects { padding-left: var(--space-20); }
.resume__projects > div + div { margin-top: var(--space-16); }
.resume h4 { font: inherit; margin-bottom: var(--space-4); }
.resume__projects a { position: relative; display: inline-block; }
.resume__projects a::before { content: ""; position: absolute; inset: -10px 0; }
.resume__export .icon { transition: background-color 120ms var(--ease-fade); }
.resume__export:focus-visible .icon { background-color: var(--site-accent); }
@media (hover: hover) and (pointer: fine) {
  .resume__export:hover .icon { background-color: var(--site-accent); }
}
@media (prefers-reduced-motion: reduce) {
  .resume__export .icon { transition: none; }
}
.resume__earlier { list-style: none; }
.resume__earlier li { display: flex; flex-direction: column; gap: var(--space-4); }
.resume__earlier li + li { margin-top: var(--space-12); }

@media (min-width: 1200px) {
  .resume__intro { display: grid; }
  .resume__intro, .resume__jobs, .resume__details {
    grid-template-columns: repeat(2, minmax(0, 550px));
    column-gap: var(--editorial-gap);
  }
  .resume__intro, .resume__section--experience, .resume__details { max-width: calc(1100px + var(--editorial-gap)); }
  .resume__export { justify-self: end; }
}

@media (max-width: 799px) {
  .resume__intro { flex-direction: column; gap: var(--space-16); margin-bottom: 36px; }
}