/* Responsive styles for zachholloway.com */
@media (max-width: 768px) {

  /* ── All containers: reduce horizontal padding ── */
  [style*="max-width:1180px"] {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* ── Nav ── */
  [data-screen-label] > div:first-child {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
  [data-screen-label] > div:first-child > div:last-child {
    gap: 14px !important;
    font-size: 13px !important;
  }
  /* Hide logo name text on mobile, keep logo image */
  .nav-logo-name { display: none !important; }

  /* ── Hero headings ── */
  [style*="font-size:74px"] { font-size: 36px !important; letter-spacing: -.02em !important; }
  [style*="font-size:58px"] { font-size: 32px !important; }
  [style*="font-size:56px"] { font-size: 32px !important; }
  [style*="font-size:52px"] { font-size: 30px !important; }

  /* ── Homepage: work item rows (5-col → 3-col, hide thumb + tag) ── */
  [style*="grid-template-columns:30px 104px 1fr 156px 52px"] {
    grid-template-columns: 24px 1fr auto !important;
    gap: 10px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  [style*="grid-template-columns:30px 104px 1fr 156px 52px"] > div {
    display: none !important;
  }
  [style*="grid-template-columns:30px 104px 1fr 156px 52px"] > span:nth-child(4) {
    display: none !important;
  }
  [style*="grid-template-columns:30px 104px 1fr 156px 52px"] > span:first-child {
    font-size: 12px !important;
  }
  [style*="grid-template-columns:30px 104px 1fr 156px 52px"] > span:nth-child(3) {
    font-size: 17px !important;
  }

  /* ── Homepage: contact CTA ── */
  [style*="padding:72px 60px"] { padding: 36px 22px !important; }
  [style*="padding:64px 60px"] { padding: 36px 22px !important; }
  [style*="font-size:48px"] { font-size: 26px !important; }
  [style*="font-size:42px"] { font-size: 24px !important; }
  [style*="display:flex; gap:14px; align-items:center; flex-wrap:wrap"] {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  [style*="display:flex; gap:14px; align-items:center; flex-wrap:wrap"] > a {
    text-align: center !important;
  }

  /* ── Resume: 2-col layout → stack ── */
  [style*="grid-template-columns:300px 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  /* Resume: experience rows ── */
  [style*="grid-template-columns:1fr 180px"] {
    grid-template-columns: 1fr !important;
  }
  [style*="grid-template-columns:1fr 180px"] > [style*="text-align:right"] {
    text-align: left !important;
    padding-top: 2px !important;
  }
  /* Resume: header button row */
  [style*="display:flex; gap:12px"] {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
  /* Resume: case study list rows */
  [style*="grid-template-columns:1fr 180px 70px"] {
    grid-template-columns: 1fr auto !important;
  }
  [style*="grid-template-columns:1fr 180px 70px"] > span:nth-child(2) {
    display: none !important;
  }

  /* ── Work pages: 2-col sidebar+content → stack ── */
  [style*="grid-template-columns:280px 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  [style*="position:sticky; top:40px"] {
    position: static !important;
  }
  /* Work pages: stats row */
  [style*="grid-template-columns:repeat(3,1fr)"] {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  /* Work pages: feature image grids */
  [style*="grid-template-columns:repeat(2,1fr)"] {
    grid-template-columns: 1fr !important;
  }

  /* ── About: hero 2-col → stack ── */
  [style*="grid-template-columns:1fr 400px"] {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  /* About: photo grid 6-col → 2-col ── */
  [style*="grid-template-columns:repeat(6,1fr)"] {
    grid-template-columns: repeat(2,1fr) !important;
  }
  [style*="grid-column:span 2"],
  [style*="grid-column:span 3"] {
    grid-column: span 1 !important;
  }
  /* About: skyline banner */
  [style*="height:360px; border-radius:16px"] {
    height: 200px !important;
  }
  /* Work page: hero image */
  [style*="height:460px; border-radius:14px"] {
    height: 200px !important;
  }
}