/* About-page certificate gallery; all rules are scoped to this section. */
.about-certificates {
  margin-top: clamp(38px, 4.3vw, 72px);
  border-top: 1px solid var(--rule);
  padding-top: clamp(25px, 2.6vw, 44px);
}
.about-certificates .section-head { margin-bottom: 26px; }
.about-certificates .certificate-hint {
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.6;
}
.about-certificates .certificate-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(24px, 3.4vw, 48px);
}
.about-certificates .certificate-item { margin: 0; min-width: 0; }
.about-certificates .certificate-image {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(18px, 2vw, 28px);
  background: #eef3f5;
  color: var(--accent);
  text-decoration: none;
}
.about-certificates .certificate-image img {
  display: block;
  width: 100%;
  height: clamp(340px, 35vw, 500px);
  object-fit: contain;
}
.about-certificates .certificate-image:hover { background: #e4edf0; }
.about-certificates .certificate-image:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}
.about-certificates figcaption { padding-top: 22px; }
.about-certificates h3 {
  margin: 0 0 8px;
  font-family: inherit;
  font-size: clamp(20px, 1.6vw, 24px);
  font-weight: 700;
  line-height: 1.5;
  color: var(--text);
}
.about-certificates .certificate-name {
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 1.6;
  color: var(--muted);
}
.about-certificates .certificate-details { margin: 0; font-size: 16px; line-height: 1.75; }
.about-certificates .certificate-details > div { display: flex; gap: 20px; }
.about-certificates .certificate-details dt { width: 4em; flex-shrink: 0; color: var(--muted); }
.about-certificates .certificate-details dd { margin: 0; color: var(--text); font-variant-numeric: tabular-nums; }
@media (max-width: 760px) {
  .about-certificates .certificate-grid { grid-template-columns: 1fr; gap: 36px; }
  .about-certificates .section-head { margin-bottom: 20px; }
  .about-certificates .certificate-image { padding: 18px; }
  .about-certificates .certificate-image img { height: auto; max-height: 560px; }
  .about-certificates figcaption { padding-top: 18px; }
}