/* Credits page: a Win95 "About" dialog (uses the rn-* kit in notebook.css) */
.credits-page .container { max-width: 680px; }
.cr-window { margin: 40px auto 60px; padding: 3px; text-align: left; color: var(--nb-text); font: 13px var(--nb-ui); }
.cr-body { padding: 16px 18px 14px; }
.cr-head { display: flex; gap: 16px; align-items: flex-start; }
.cr-logo { width: 48px; height: 48px; image-rendering: pixelated; flex: none; }
.cr-window h1 { margin: 0 0 8px !important; font: bold 20px var(--nb-ui) !important; letter-spacing: 0 !important; text-transform: none !important; color: #fff; text-align: left; }
.cr-window h2 { margin: 0 0 6px !important; font: bold 13px var(--nb-ui) !important; letter-spacing: 0 !important; text-transform: none !important; color: #fff; text-align: left; }
.cr-window h1::after, .cr-window h2::after { display: none !important; }
.cr-window p { margin: 0 0 6px; color: #d8d8d8; font: 13px/1.5 var(--nb-ui); text-align: left; }
.cr-dim { color: var(--nb-dim) !important; }
.cr-sep { height: 2px; margin: 14px 0; box-shadow: inset 0 1px var(--nb-sh), inset 0 -1px var(--nb-lt); }
.cr-list { list-style: none; margin: 0; padding: 4px 10px; background: #0b0b0b; }
.cr-list li { padding: 9px 0; border-bottom: 1px solid #1e1e1e; }
.cr-list li:last-child { border-bottom: 0; }
.cr-list a, .cr-name { color: #fff; font-weight: bold; }
.cr-list a:hover { color: #9cc3ff; }
.cr-list p { margin: 3px 0 0; }
.cr-list p a { font-weight: normal; color: #cfd8ff; }
.cr-by { margin-left: 6px; color: var(--nb-dim); font-size: 12px; }
.cr-copy { margin: 0 !important; text-align: center !important; color: var(--nb-dim) !important; font-size: 12px !important; }
@media (max-width: 520px) {
  .cr-window { margin-top: 16px; }
  .cr-head { flex-direction: column; gap: 8px; }
}