/* The credits page as a plain list: tables and text, nothing more. */
.crl { max-width: 900px; padding-top: clamp(110px, 12vw, 150px); padding-bottom: clamp(50px, 7vw, 90px); }
.crl h1 { margin: 0; font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 800; color: #fff; }
.crl-lead { margin: 8px 0 0; color: var(--text-mute, #b9aee6); }
.crl-sec { margin-top: 36px; }
.crl-sec h2 { margin: 0 0 6px; font-size: 1.25rem; font-weight: 800; color: var(--gold); }
.crl-sec > p { margin: 0 0 10px; font-size: 0.95rem; color: var(--text-mute, #b9aee6); }
.crl-scroll { overflow-x: auto; }
.crl-table { width: 100%; border-collapse: collapse; font-size: 0.95rem; }
.crl-table th, .crl-table td { padding: 8px 10px; text-align: start; vertical-align: top; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.crl-table th { font-size: 0.82rem; font-weight: 800; color: var(--text-mute, #b9aee6); border-bottom-color: rgba(255, 255, 255, 0.25); }
.crl-table td { color: var(--text, #f2eefe); }
.crl-names { margin: 0; line-height: 1.8; color: var(--text, #f2eefe); }
.crl-rights { margin-top: 40px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.12); font-size: 0.88rem; line-height: 1.6; color: var(--text-mute, #b9aee6); }
@media (max-width: 700px) { .crl-table { font-size: 0.88rem; } .crl-table th, .crl-table td { padding: 7px 6px; } }