/* ── RESUME PAGE ─────────────────────────────────────────── */
.timeline-entry{
  display:grid;
  grid-template-columns:1fr auto;
  gap:16px;
  padding:28px 0;
  border-bottom:1px solid var(--cell-border);
}
.timeline-entry:last-child{border-bottom:none}

/* Make the left column container a grid child that spans both columns */
.timeline-entry > *:first-child {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
}

.entry-role{
  font-family:'Lora',serif;
  font-weight:600;
  font-size:1rem;
  color:var(--text);
  margin-bottom:2px;
  grid-column: 1;
}
.entry-org{
  font-size:0.8rem;
  color:var(--accent2);
  margin-bottom:12px;
  letter-spacing:0.05em;
  grid-column: 1;
}
.entry-date{
  font-size:0.7rem;
  color:var(--text-dim);
  letter-spacing:0.1em;
  white-space:nowrap;
  text-align:right;
  padding-top:4px;
  grid-column: 2;
}
.entry-bullets{
  list-style:none;
  padding:0;
  grid-column: 1 / -1; /* Span both columns */
  margin-top:8px;
}
.entry-bullets li{
  font-size:0.82rem;
  color:var(--text-dim);
  line-height:1.7;
  padding-left:16px;
  position:relative;
  margin-bottom:4px;
}
.entry-bullets li::before{
  content:'—';
  position:absolute;
  left:0;
  color:var(--cell-border)
}
.edu-entry{
  padding:24px 0;
  border-bottom:1px solid var(--cell-border)
}
.edu-entry:last-child{border-bottom:none}
.edu-degree{
  font-family:'Lora',serif;
  font-weight:600;
  color:var(--text);
  font-size:1rem
}
.edu-school{
  font-size:0.8rem;
  color:var(--accent2);
  margin:4px 0 8px
}
.edu-date{
  font-size:0.7rem;
  color:var(--text-dim);
  letter-spacing:0.1em;
  white-space:nowrap;
  text-align:right;
  padding-top:4px;
}
.edu-detail{
  font-size:0.78rem;
  color:var(--text-dim);
  line-height:1.7
}
.skills-grid{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px
}
.skill-tag{
  font-size:0.7rem;
  letter-spacing:0.05em;
  background:var(--cell);
  border:1px solid var(--cell-border);
  color:var(--text-dim);
  padding:4px 12px;
  border-radius:4px;
}