.univ-credit-page {
  --blue: #7a35ff;
  --cyan: #00b8ff;
  --green: #22c55e;
  max-width: 100%;
  overflow-x: hidden;
}

.univ-credit-page .hero-visual,
.univ-credit-page .product-frame,
.univ-credit-page .product-showcase-logo,
.univ-credit-page .download-panel,
.univ-credit-page .manual-card,
.univ-credit-page .feature-card {
  min-width: 0;
}

.univ-credit-page .shell {
  max-width: calc(100vw - 28px);
}

.univ-credit-page .download-panel {
  display: block;
  width: min(1180px, calc(100vw - 28px));
  overflow: hidden;
}

.univ-credit-page .download-panel > * {
  min-width: 0;
}

.univ-credit-page .download-panel .hero-actions,
.univ-credit-page .download-panel .button {
  max-width: 100%;
  min-width: 0;
}

.univ-credit-page .download-panel .hero-actions {
  margin-top: 24px;
}

.univ-credit-page .univ-note-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 24px;
}

.univ-credit-page .univ-note {
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 18px;
  background: var(--surface);
}

.univ-credit-page .univ-note strong,
.univ-credit-page .univ-note span {
  display: block;
}

.univ-credit-page .univ-note strong {
  color: #fff;
  font-size: 1rem;
}

.univ-credit-page .univ-note span {
  margin-top: 5px;
  color: var(--muted);
  font-size: 0.88rem;
}

.univ-credit-page .manual-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.univ-credit-page .manual-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 28px;
  background: var(--surface);
}

.univ-credit-page .manual-card h3 {
  margin: 0 0 16px;
  color: #fff;
  font-size: 1.4rem;
}

.univ-credit-page .manual-card ol {
  margin: 0;
  padding-left: 22px;
  color: var(--muted);
}

.univ-credit-page .manual-card li + li {
  margin-top: 10px;
}

.univ-credit-page .hash-line {
  max-width: 100%;
  margin-top: 16px;
  border: 1px solid rgba(32, 215, 231, 0.28);
  border-radius: 7px;
  padding: 13px 14px;
  color: #dcecff;
  background: rgba(32, 215, 231, 0.08);
  font-family: Consolas, "Cascadia Mono", monospace;
  font-size: 0.78rem;
  overflow-wrap: anywhere;
}

.univ-credit-page .download-panel .button-secondary {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

@media (max-width: 900px) {
  .univ-credit-page .univ-note-grid,
  .univ-credit-page .manual-grid {
    grid-template-columns: 1fr;
  }
}