.resume-layout {
  display: grid;
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
  gap: clamp(1rem, 3vw, 2rem);
  align-items: start;
}
.resume-sidebar,
.resume-card {
  background: linear-gradient(180deg, rgba(24,29,31,.94), rgba(18,22,23,.94));
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: 0 24px 60px var(--shadow);
}
.resume-sidebar {
  position: sticky;
  top: 96px;
  padding: clamp(1.1rem, 3vw, 1.5rem);
}
.resume-sidebar p,
.resume-card p {
  color: var(--muted);
}
.resume-stack {
  display: grid;
  gap: 1rem;
}
.resume-card {
  padding: clamp(1.1rem, 3vw, 1.45rem);
}
.resume-kicker,
.resume-state {
  color: var(--cyan) !important;
  font-family: var(--mono);
  font-size: .72rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.resume-kicker {
  margin-bottom: .6rem;
}
.resume-state {
  display: inline-block;
  margin-top: .6rem;
}
@media (max-width: 920px) {
  .resume-layout { grid-template-columns: 1fr; }
  .resume-sidebar { position: static; }
}
@media (max-width: 680px) {
  .resume-card,
  .resume-sidebar { padding: 1rem; }
}