.copy-files {
  right: 3vw;
  width: min(50vw, 840px);
  height: 76vh;
  padding: 18px;
  background: linear-gradient(145deg, rgba(190,190,186,.91), rgba(151,154,158,.88));
  border-color: rgba(228,228,224,.42);
  box-shadow: inset 0 1px rgba(255,255,255,.38), 0 28px 70px rgba(0,0,0,.52);
  backdrop-filter: blur(22px) saturate(.65) brightness(.84);
}

.copy-files-heading span,
.copy-files-heading strong {
  color: #16181c;
  font-weight: 600;
}

.copy-files-heading span { font-size: 11px; font-weight: 700; }
.copy-files-heading strong { font-size: 15px; font-weight: 700; }
.certificate-list button { font-size: 16px; font-weight: 700; }
.certificate-list button span { font-size: 12px; font-weight: 700; }
.certificate-slide h2 { font-size: clamp(36px, 2.55vw, 49px); font-weight: 700; }
.certificate-school { font-size: 10px; font-weight: 700; }
.certificate-summary { font-size: clamp(14px, .92vw, 16px); font-weight: 600; line-height: 1.65; }
.courses-label { font-size: 9px; font-weight: 700; }
.certificate-slide li { font-size: 11px; font-weight: 600; }
.certificate-meta { font-size: 10px; font-weight: 700; }

@media (max-width: 600px) {
  .copy-files-heading span { font-size: 8px; }
  .copy-files-heading strong { font-size: 10px; }
  .certificate-list button { font-size: 10px; }
  .certificate-list button span { font-size: 8px; }
  .certificate-slide h2 { font-size: 24px; }
  .certificate-summary { font-size: 11px; }
  .certificate-slide li { font-size: 9px; }
}

.copy-files-heading span { font-size: 10px; }
.copy-files-heading strong { font-size: 13px; }

.certificate-browser {
  display: grid;
  grid-template-columns: minmax(155px, 31%) minmax(0, 1fr);
  height: calc(100% - 42px);
  border-top: 1px solid rgba(15,18,23,.22);
  border-bottom: 1px solid rgba(15,18,23,.22);
}

.certificate-list {
  display: grid;
  grid-template-rows: repeat(8, 1fr);
  min-height: 0;
  border-right: 1px solid rgba(15,18,23,.2);
}

.certificate-list button {
  display: grid;
  grid-template-columns: 25px 1fr;
  align-items: center;
  gap: 7px;
  min-height: 0;
  padding: 8px 10px;
  border: 0;
  border-bottom: 1px solid rgba(15,18,23,.17);
  background: transparent;
  color: #202329;
  text-align: left;
  font: 600 14px/1.25 Manrope,sans-serif;
  cursor: pointer;
  transition: background .25s, color .25s, padding-left .25s;
}

.certificate-list button:last-child { border-bottom: 0; }
.certificate-list button:hover { background: rgba(255,196,107,.2); }
.certificate-list button.active { padding-left: 14px; background: #181b20; color: #fff; }
.certificate-list button span { color: #5f5141; font: 600 11px DM Mono,monospace; }
.certificate-list button.active span { color: var(--amber); }
.certificate-list button:focus-visible { outline: 2px solid #b77922; outline-offset: -3px; }

.certificate-stage {
  height: auto;
  min-height: 0;
  border: 0;
}

.certificate-slide {
  padding: 92px 6% 5%;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #4e5359 rgba(30,33,38,.14);
  color: #111317;
}

.certificate-slide::after {
  content: "";
  position: absolute;
  top: 18px;
  left: 50%;
  width: clamp(150px, 14vw, 205px);
  aspect-ratio: 3840 / 887;
  background: url("assets/vulogo.png") center / contain no-repeat;
  transform: translateX(-50%);
  pointer-events: none;
}

.certificate-slide::-webkit-scrollbar { width: 7px; }
.certificate-slide::-webkit-scrollbar-track { background: rgba(30,33,38,.14); }
.certificate-slide::-webkit-scrollbar-thumb { background: #4e5359; border-radius: 999px; }

.certificate-number { color: #5c6067; font-size: 9px; }
.certificate-slide h2 {
  max-width: 88%;
  color: #090b0f;
  font-size: clamp(33px, 2.35vw, 45px);
  font-weight: 600;
  line-height: 1.02;
  text-shadow: none;
}

.certificate-school {
  color: #704813;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.45;
}

.certificate-summary {
  max-width: 100%;
  color: #23262b;
  font-size: clamp(15px, 1.04vw, 18px);
  font-weight: 600;
  line-height: 1.62;
}

.courses-label { color: #454950; font-size: 10px; font-weight: 600; }
.certificate-slide ul { gap: 9px 16px; }
.certificate-slide li { color: #15181c; font-size: 11px; line-height: 1.45; font-weight: 600; }
.certificate-meta { color: #3f4349; font-size: 11px; font-weight: 600; }
.certificate-progress { display: none; }

@media (max-width: 1000px) {
  .copy-files { width: 54vw; right: 2vw; }
  .certificate-browser { grid-template-columns: minmax(135px, 34%) 1fr; }
  .certificate-list button { font-size: 11px; padding-inline: 7px; }
  .certificate-slide h2 { font-size: 30px; }
}

@media (max-width: 600px) {
  .copy-files { top: 46%; left: 12px; right: 12px; width: auto; height: 50vh; padding: 9px; }
  .certificate-browser { grid-template-columns: 38% 62%; height: calc(100% - 31px); }
  .certificate-list button { grid-template-columns: 18px 1fr; gap: 3px; padding: 4px; font-size: 9px; }
  .certificate-list button.active { padding-left: 7px; }
  .certificate-list button span { font-size: 8px; }
  .certificate-slide { padding: 63px 6% 6%; }
  .certificate-slide::after { top: 12px; left: 50%; width: 120px; }
  .certificate-slide h2 { font-size: 23px; }
  .certificate-school { font-size: 8px; }
  .certificate-summary { font-size: 11px; line-height: 1.48; }
  .certificate-slide li { font-size: 9px; }
  .certificate-meta { font-size: 9px; }
}

/* Larger, bolder pane typography */
.copy-files-heading span { font-size: 11px; font-weight: 700; }
.copy-files-heading strong { font-size: 15px; font-weight: 700; }
.certificate-list button { font-size: 16px; font-weight: 700; }
.certificate-list button span { font-size: 12px; font-weight: 700; }
.certificate-slide h2 { font-size: clamp(36px,2.55vw,49px); font-weight: 700; }
.certificate-school { font-size: 12px; font-weight: 700; }
.certificate-summary { font-size: clamp(16px,1.12vw,19px); font-weight: 700; line-height: 1.62; }
.courses-label { font-size: 11px; font-weight: 700; }
.certificate-slide li { font-size: 12px; font-weight: 700; }
.certificate-meta { font-size: 12px; font-weight: 700; }
@media (max-width:1000px){.certificate-list button{font-size:13px}.certificate-slide h2{font-size:33px}.certificate-summary{font-size:15px}}
@media (max-width:600px){.copy-files-heading span{font-size:8px}.copy-files-heading strong{font-size:10px}.certificate-list button{font-size:10px}.certificate-list button span{font-size:8px}.certificate-slide h2{font-size:25px}.certificate-school{font-size:9px}.certificate-summary{font-size:12px}.courses-label{font-size:9px}.certificate-slide li{font-size:10px}.certificate-meta{font-size:10px}}
.ai-logo-strip{position:absolute;z-index:6;left:-230px;bottom:-34px;display:grid;grid-template-columns:repeat(2,82px);grid-template-rows:repeat(2,82px);place-items:center;gap:22px;pointer-events:none}.ai-logo-strip img{display:block;width:78px;height:78px;object-fit:contain;background:transparent;filter:drop-shadow(0 9px 11px rgba(0,0,0,.46));transform:translateZ(0)}@media(max-width:1150px){.ai-logo-strip{left:-165px;bottom:-24px;grid-template-columns:repeat(2,60px);grid-template-rows:repeat(2,60px);gap:15px}.ai-logo-strip img{width:56px;height:56px}}@media(max-width:850px){.ai-logo-strip{left:-125px;bottom:-16px;grid-template-columns:repeat(2,46px);grid-template-rows:repeat(2,46px);gap:11px}.ai-logo-strip img{width:44px;height:44px}}@media(max-width:600px){.ai-logo-strip{left:18px;top:auto;bottom:-3px;grid-template-columns:repeat(2,43px);grid-template-rows:repeat(2,43px);gap:9px}.ai-logo-strip img{width:41px;height:41px}}