.certificates {
  margin: 0 12px;
  padding: clamp(56px, 7vw, 100px) 4.2%;
  min-height: calc(100svh - var(--nav-clearance, 88px));
  display: grid;
  align-items: center;
  background: var(--bg);
}
.certificates-inner { width: 100%; max-width: 1120px; margin-inline: auto; }
.certificates-heading { text-align: center; margin-bottom: 48px; }
.certificates-eyebrow { color: var(--orange); font-size: 12px; font-weight: 600; letter-spacing: .14em; }
.certificates-heading h2 { font-size: clamp(34px, 4.2vw, 56px); font-weight: 600; line-height: 1.08; margin: 20px 0 18px; }
.certificates-heading p { color: var(--muted); font-size: 14px; line-height: 1.7; }
.certificates-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.certificate-card { min-width: 0; display: flex; flex-direction: column; padding: 8px; border: 1px solid #ffffff12; border-radius: 24px; background: #262626; box-shadow: 0 12px 30px #0002; }
.certificate-summary { flex: 1; padding: 22px; border-radius: 17px; background: #141414; }
.certificate-topline { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 26px; font-size: 13px; font-weight: 600; }
.certificate-index { color: #90908b; font-size: 11px; }
.certificate-symbol { display: block; font-size: 27px; color: var(--orange); margin: 24px 0 14px; font-family: monospace; }
.certificate-summary h3 { margin: 0 0 16px; font-size: clamp(25px, 2.8vw, 36px); line-height: 1.15; font-weight: 600; letter-spacing: -.04em; }
.certificate-summary p { color: #afafaa; font-size: 13px; line-height: 1.65; margin: 0; }
.certificate-topics { list-style: none; padding: 0; margin: 23px 22px; display: grid; gap: 12px; font-size: 13px; color: #c2c2bc; }
.certificate-topics li::before { content: '✓'; color: var(--orange); margin-right: 10px; }
.certificate-status { margin: auto 14px 14px; min-height: 44px; padding: 6px 7px 6px 16px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-radius: 30px; background: #131313; font-size: 11px; font-weight: 600; }
.certificate-status span { display: grid; place-items: center; flex: 0 0 30px; height: 30px; border-radius: 50%; background: var(--orange); color: #23170f; font-size: 19px; }
.certificate-featured { background: var(--orange); border-color: #ff914f; color: #26170f; }
.certificate-featured .certificate-summary { background: #ffffff24; }
.certificate-badge { padding: 5px 9px; border-radius: 20px; background: #23170f; color: #fff4eb; font-size: 10px; white-space: nowrap; }
.certificate-featured .certificate-symbol, .certificate-featured .certificate-topics li::before { color: #492510; }
.certificate-featured .certificate-summary p, .certificate-featured .certificate-topics { color: #482510; }
.certificate-featured .certificate-status { background: #fff8f1; color: #26170f; }
.certificates-note { margin: 28px 0 0; text-align: center; color: var(--muted); font-size: 12px; line-height: 1.7; }
.footer-nav-links { flex-wrap: wrap; }
.social-list > a { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 17px 0; border-bottom: 1px solid var(--line); font-size: 15px; }
.social-list > a:hover { color: var(--orange); }
.contact-float small { overflow-wrap: anywhere; }
/* Match the other sections' viewport-height desktop composition. */
@media (min-width: 801px) {
  .certificates { padding-block: clamp(16px, 3svh, 36px); }
  .certificates-heading { margin-bottom: clamp(16px, 3svh, 30px); }
  .certificates-heading h2 { font-size: clamp(30px, 4.8svh, 48px); margin: 12px 0; }
  .certificates-heading p { margin: 0; }
  .certificate-summary { padding: clamp(14px, 2svh, 22px); }
  .certificate-symbol { font-size: 24px; margin: clamp(8px, 1.5svh, 18px) 0 8px; }
  .certificate-summary h3 { font-size: clamp(25px, 3.6svh, 34px); margin-bottom: 10px; }
  .certificate-topics { margin-block: clamp(12px, 2svh, 20px); gap: 8px; }
  .certificate-status { margin-bottom: 8px; }
  .certificates-note { margin-top: 16px; }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .nav-status { display: none; }
  .nav-link { padding-inline: 10px; }
}
@media (max-width: 800px) {
  .certificates { margin-inline: 6px; padding: 56px 22px; min-height: 0; }
  .certificates-inner { min-width: 0; }
  .certificates-grid {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: min(88%, 360px);
    gap: 16px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    padding: 4px 0 16px;
    scrollbar-width: thin;
    scrollbar-color: var(--orange) #ffffff12;
  }
  .certificates-grid .certificate-card { scroll-snap-align: start; }
  .certificates-grid:focus-visible { outline: 2px solid var(--orange); outline-offset: 4px; }
  .certificates-heading { margin-bottom: 32px; }
  .certificate-summary h3 { font-size: clamp(24px, 6.5vw, 34px); overflow-wrap: anywhere; }
}
@media (max-width: 360px) {
  .certificates { padding-inline: 14px; }
  .certificate-summary { padding: 18px; }
  .certificate-status { margin-inline: 8px; }
}