/* Compact activity grids retain all 53 weeks on small screens. */
@media (max-width:640px) {
  .contribution-section .contribution-grid { grid-template-columns:repeat(53,11px); grid-auto-columns:11px; grid-template-rows:repeat(7,11px); width:100%; aspect-ratio:auto; gap:2px; overflow-x:auto; overflow-y:hidden; padding-bottom:4px; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
  .contribution-section .contribution-grid::-webkit-scrollbar { display:none; }
  .contribution-section .contribution-grid .day { width:11px; height:11px; }
  .leetcode-section .contribution-grid { grid-template-columns:repeat(26,minmax(0,1fr)); grid-auto-columns:auto; grid-template-rows:repeat(7,minmax(0,1fr)); width:100%; max-width:none; aspect-ratio:26/7; gap:3px; overflow:visible; padding-bottom:0; }
  .leetcode-section .contribution-grid .day { width:100%; height:100%; }
  .activity-title span { font-size:9px; }
  .about-layout { gap:18px; }
  .about-lede { font-size:15px; line-height:1.6; }
  .about-detail { grid-template-columns:1fr; gap:18px; }
  .about-detail p,.about-detail blockquote { font-size:12px; }
  .contribution-section { padding-top:28px; padding-bottom:26px; }
  .contribution-section .section-title-row { align-items:center; margin-bottom:16px; }
  .contribution-section .section-title-row h2 { font-size:11px; }
  .contribution-section .section-title-row a { font-size:11px; }
  .contribution-section .contribution-foot { flex-direction:column; align-items:flex-start; gap:8px; margin-top:11px; }
  .contribution-section .contribution-foot span:last-child { display:flex; align-items:center; font-size:10px; }
  .contribution-section .legend { width:9px; height:9px; margin-bottom:0; }
  .experience-item { grid-template-columns:14px minmax(0,1fr); gap:0 11px; padding-bottom:24px; }
  .experience-rail i { margin-top:3px; }
  .experience-item time { grid-column:2; margin-top:6px; font-size:10px; }
  .experience-heading { gap:3px 7px; }
  .experience-heading h3 { font-size:13px; }
  .experience-heading a,.experience-heading strong { font-size:12px; }
  .experience-main > div:last-child { font-size:11px; }
  .other-section { padding-bottom:40px; }
  .other-row { grid-template-columns:24px minmax(0,1fr); gap:8px 10px; padding:13px 0; }
  .other-row a { grid-column:2; justify-self:start; margin-top:2px; }
}