/* /instiv2/credits/: photo credits (generated by instiv2-tools/photo-credits.mjs). Light and dark from the page tokens. */
.cr-head { padding: calc(var(--hdr) + 76px) var(--pad) 24px; background: var(--page); color: var(--page-text); }
.cr-sec { padding: 8px var(--pad) 72px; background: var(--page); color: var(--page-text); }
.cr-in { max-width: 980px; margin: 0 auto; }
.cr-head .kicker { color: var(--page-faint); }
.cr-head .sub { max-width: 66ch; color: var(--page-muted); font-size: 16px; line-height: 1.6; }
.cr-sec h2 { margin: 40px 0 16px; }
.cr-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.cr-item { padding: 18px 20px; border-radius: 18px; background: var(--page-2); box-shadow: 0 0 0 1px var(--page-line); }
.cr-file { margin: 0 0 8px; font: 500 12.5px/1.3 "JetBrains Mono", "JBM Fallback", monospace; color: var(--page-faint); overflow-wrap: anywhere; }
.cr-src { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.cr-src li { display: grid; gap: 2px; font-size: 15px; line-height: 1.45; }
.cr-src b { font-weight: 600; overflow-wrap: anywhere; }
.cr-src span, .cr-ed, .cr-on { color: var(--page-muted); }
.cr-ed, .cr-on { margin: 8px 0 0; font-size: 14px; line-height: 1.5; }
.cr-on span { color: var(--page-faint); }
.cr-item a, .cr-raw a { color: var(--page-text); text-decoration: underline; text-underline-offset: 3px; }
.cr-raw { margin: 28px 0 0; color: var(--page-muted); }