@media (max-width: 1199px) {
  :root {
    --profile-width: 240px;
    --section-gap: var(--space-8);
  }
  .header-inner {
    padding-right: var(--space-4);
  }
  .nav-list li:last-child {
    margin-left: var(--space-6);
  }
  .readme-content {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
  }
  .activity-wrap {
    display: flex;
    align-items: center;
    gap: var(--space-4);
  }
  .activity-grid {
    margin: 0;
  }
  .readme-panel {
    padding: var(--card-padding);
  }
  .split-heading,
  .story-panel,
  .experience-intro {
    gap: var(--space-6);
  }
  .technology-row {
    gap: var(--space-4);
  }
  .technology-list {
    gap: var(--space-2);
  }
  .timeline-card {
    grid-template-columns: 145px minmax(0, 1fr) minmax(0, 1.35fr);
  }
}
@media (max-width: 767px) {
  :root {
    --section-gap: var(--space-8);
    --hero-card-height: auto;
  }
  .site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    margin-top: var(--gutter);
  }
  .header-inner {
    gap: var(--space-2);
    padding-inline: var(--space-3);
  }
  .nav-list {
    gap: var(--space-3);
  }
  .nav-list li:last-child {
    margin-left: 0;
  }
  .repo-window {
    padding-inline: 0;
  }
  .window-bar {
    padding-inline: var(--space-3);
    flex-wrap: wrap;
    padding-block: var(--space-3);
  }
  .window-title {
    font-size: var(--text-sm);
  }
  .repo-body,
  .split-heading,
  .story-panel,
  .experience-intro {
    grid-template-columns: minmax(0, 1fr);
  }
  .profile-panel {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: var(--space-1) var(--space-8);
  }
  .profile-avatar {
    grid-row: span 2;
  }
  .profile-name {
    margin-top: var(--space-1);
  }
  .profile-role {
    margin: 0;
  }
  .profile-specialties,
  .profile-link {
    grid-column: 1 / -1;
  }
  .profile-specialties {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-1);
  }
  .profile-link {
    margin-top: var(--space-1);
  }
  .readme-panel {
    padding: var(--space-4);
  }

  .hero-copy {
    margin-top: var(--space-4);
  }
  .activity-wrap {
    margin-top: var(--space-2);
    display: flex;
    flex-direction: column;
  }
  .hero-note {
    line-height: 1.7;
  }
  .skills-section {
    margin-top: var(--space-8);
  }
  .chip-list {
    width: 100%;
    padding: 0;
  }
  .technology-row {
    align-items: start;
    flex-direction: column;
    margin-top: var(--space-5);
  }
  .technology-mark {
    width: 100px;
  }
  .story-panel {
    padding: var(--space-4);
  }
  .build-log {
    min-height: 180px;
    padding-bottom: var(--space-2);
  }
  .capability-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
  }
  .capability-card {
    min-height: auto;
    padding: var(--space-4);
  }
  .experience-summary {
    gap: var(--space-4);
  }
  .experience-summary > a {
    align-self: start;
    margin: 0;
  }
  .timeline-card {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
    padding: var(--space-4);
  }
  .footer-inner {
    align-items: start;
    flex-direction: column;
  }
  .desktop-break {
    display: none;
  }
}
@media (max-width: 390px) {
  .wordmark {
    gap: var(--space-1);
    font-size: var(--text-2xs);
  }
  .nav-list {
    gap: var(--space-2);
  }
  .profile-specialties {
    grid-template-columns: minmax(0, 1fr);
  }
  .chip-list {
    grid-template-columns: minmax(0, 1fr);
  }
}