/* Local visual refinements for Index and About. Publication layouts are unchanged. */
.home-page main > section[id] {
  padding-block: 56px;
  margin-bottom: 0;
  scroll-margin-top: 80px;
}
.home-page main > section[id] .section-title { margin-bottom: 36px; }
.home-page #profile .practical-method { margin-top: 48px; }
.home-page #competence .competence-art { height: 170px; }
.home-page #competence .competence-art img { width: 170px; height: 170px; }
.home-page #competence .competence-item { min-height: 80px; }
.home-page #competence .competence-item img { width: 56px; height: 56px; }

/* One frame for all selected publications; retain the complete image. */
.home-page #latestContent .thumb-wrapper {
  display: grid;
  place-items: center;
  aspect-ratio: 3 / 2;
  padding: 12px;
  box-sizing: border-box;
  background: #0c1625;
  border: 1px solid rgba(148, 163, 184, .18);
}
.home-page #latestContent .article-thumb {
  width: 100%;
  height: 100%;
  min-height: 0;
  aspect-ratio: auto;
  object-fit: contain;
  border-radius: 4px;
}

.about-page main > section { margin-bottom: 20px; }
.about-page #career-timeline { padding-bottom: 32px; }
.about-page #about-qa { padding-block: 48px; }
.about-page #about-qa .section-title { margin-bottom: 32px; }
.about-page #certificates .cert-thumb {
  box-sizing: border-box;
  height: 174px;
  padding: 12px;
  background: #0c1625;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 10px;
  object-fit: contain;
}

@media (max-width: 800px) {
  .home-page main > section[id] { padding-block: 36px; }
  .home-page main > section[id] .section-title { margin-bottom: 28px; }
  .home-page #profile .practical-method { margin-top: 36px; }
  .home-page #competence .competence-item { min-height: 76px; }
  .home-page #competence .competence-item img { width: 45px; height: 45px; }
  .home-page #competence .competence-art { height: 140px; }
  .home-page #competence .competence-art img { width: 140px; height: 140px; }
  .about-page .education-art { width: 110px; }
}

@media (max-width: 700px) {
  .about-page main > section { margin-bottom: 12px; }
  .about-page .split-section { padding-block: 22px; }
  .about-page #web { padding-top: 100px; }
  .about-page .editorial-panel { gap: 24px; }
  .about-page .editorial-panel img[src="images/audit-refined.webp"],
  .about-page .editorial-panel img[src="images/team-refined.webp"],
  .about-page .editorial-panel .lab-concept {
    display: block;
    width: min(100%, 240px);
    height: auto;
    margin-inline: auto;
    object-fit: contain;
  }
  .about-page #certificates { padding-bottom: 28px; }
  .about-page #about-qa { padding-block: 32px; }
}