/* resume.css: a static preview of the PDF instead of an embedded viewer, so it reads on phones. */
.resume { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: var(--s-6); align-items: start; padding-block: var(--s-6) 0; }
.resume .side { display: grid; gap: var(--s-4); position: sticky; top: var(--s-4); }
.resume h1 { font-size: clamp(2.6rem, 5vw, 4rem); }
.resume .actions { display: grid; gap: 0.6rem; font-size: 1.1rem; margin: 0; padding: var(--s-3) 0; border-top: 1px solid var(--hair); border-bottom: 1px solid var(--hair); }
.resume .sheet { border: 1px solid var(--hair); background: #fff; box-shadow: 0 1px 2px rgba(20, 20, 19, 0.06), 0 8px 24px -12px rgba(20, 20, 19, 0.18); }
.resume .sheet img { width: 100%; height: auto; }
@media (max-width: 860px) { .resume { grid-template-columns: minmax(0, 1fr); gap: var(--s-4); padding-top: var(--s-5); } .resume .side { position: static; } }