/* ===== ABOUT PAGE (about.html) RESPONSIVE ===== */
@media screen and (max-width: 900px) {
  #about-header {
    padding: 4rem 5%;
  }

  #about-research,
  #about-academics,
  #about-leadership,
  #about-internship-impact,
  #about-skills-section,
  #about-connect {
    padding: 3.5rem 5%;
  }

  .about-edu-info h3 {
    font-size: 1.2rem;
  }

  .yoongwin-split-layout {
    grid-template-columns: 1fr;
  }

  .yoongwin-internship-video {
    max-height: 320px;
  }

  .about-connect-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
    gap: 1.2rem;
  }
}

@media screen and (max-width: 768px) {
  #about-header {
    padding: 3rem 4%;
  }

  #about {
    padding: 2.5rem 4%;
  }

  #about-research,
  #about-academics,
  #about-leadership,
  #about-internship-impact,
  #about-skills-section,
  #about-connect {
    padding: 3rem 4%;
  }

  .about-edu-info {
    padding: 1.5rem;
  }

  .about-edu-info h3 {
    font-size: 1.1rem;
    word-break: break-word;
  }

  .about-honor-card {
    padding: 1.2rem;
  }

  .about-role-card {
    padding: 1.5rem;
  }

  .yoongwin-video-card {
    padding: 0.9rem;
  }

  .yoongwin-internship-video {
    max-height: 280px;
  }

  .about-skill-category {
    padding: 1.5rem;
  }

  .about-connect-card {
    padding: 1.2rem;
    gap: 1rem;
  }

  .about-connect-card i {
    font-size: 1.5rem;
  }

  .about-highlight-card {
    padding: 1.5rem;
  }

  .internship-impact-grid {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }

  .internship-impact-card {
    padding: 1.3rem;
  }

  .wechat-qr-section {
    max-width: 100%;
    padding: 0.5rem;
  }
}

@media screen and (max-width: 600px) {
  #about-header {
    padding: 2.5rem 3%;
  }

  #about {
    padding: 2rem 3%;
  }

  #about-research,
  #about-academics,
  #about-leadership,
  #about-internship-impact,
  #about-skills-section,
  #about-connect {
    padding: 2.5rem 3%;
  }

  .about-edu-info h3 {
    font-size: 1rem;
  }

  .about-connect-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .about-connect-intro {
    font-size: 0.95rem;
    margin-bottom: 2rem;
  }

  .about-connect-card {
    padding: 1rem 1.2rem;
  }

  .about-connect-card .connect-info span {
    font-size: 0.85rem;
  }

  .about-honors-grid {
    gap: 1rem;
  }

  .about-honor-card {
    padding: 1rem;
    gap: 0.8rem;
  }

  .about-honor-card .honor-body {
    min-width: 0;
  }

  .about-honor-card .honor-body h4 {
    font-size: 0.9rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .about-honor-card .honor-body p {
    font-size: 0.82rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .about-leadership-grid {
    gap: 1.5rem;
  }

  .about-role-card {
    padding: 1.2rem;
  }

  .yoongwin-split-layout {
    gap: 1rem;
  }

  .yoongwin-video-card {
    padding: 0.8rem;
  }

  .yoongwin-internship-video {
    max-height: 220px;
  }

  .about-highlight-card {
    padding: 1.2rem;
  }

  .about-publications h3 {
    font-size: 1.1rem;
  }

  .about-bio-card {
    padding: 1.5rem;
  }

  .about-lang-item {
    padding: 1rem;
  }

  .internship-impact-card {
    padding: 1.1rem;
  }

  .internship-impact-card h3 {
    font-size: 1rem;
  }

  .internship-impact-card li {
    font-size: 0.95rem;
    line-height: 1.6;
    overflow-wrap: break-word;
    word-break: break-word;
  }
}

@media screen and (max-width: 480px) {
  .about-connect-card i {
    font-size: 1.4rem;
  }

  .about-honor-card .honor-icon {
    font-size: 1.3rem;
  }

  .about-highlight-icon {
    font-size: 1.5rem;
  }

  .about-role-card .role-title {
    font-size: 0.9rem;
  }

  .about-role-card h3 {
    font-size: 1rem;
  }

  .about-skill-category h3 {
    font-size: 0.95rem;
  }

  .wechat-qr-section .wechat-qr-img {
    width: 130px;
    height: 130px;
  }
}