.reading-page .credits-page { width:min(1120px,calc(100% - 28px)); margin:32px auto 48px; padding-top:0; }
.credits-page h1 { font:400 clamp(30px,5vw,46px)/1.1 Georgia,serif; margin:8px 0 16px; }
.credits-lede { max-width:720px; color:var(--muted); line-height:1.7; }
.credits-jump { display:flex; flex-wrap:wrap; gap:12px 22px; padding:16px 0 24px; border-bottom:1px solid var(--line); }
.credits-section { margin-top:32px; scroll-margin-top:20px; }
.credits-section h2 { font:400 28px Georgia,serif; margin:0 0 12px; }
.credits-section h3 { margin:0; font:600 15px var(--ui-font); }
.credits-section p { margin:8px 0 0; line-height:1.65; color:var(--muted); }
.reading-page .credits-resource { display:grid; grid-template-columns:190px minmax(0,1fr) 155px; gap:22px; padding:16px 0; border:0; border-bottom:1px solid var(--line); background:transparent; }
.credits-resource p { margin:0; font-size:14px; }
.credits-resource .credit-license { font-size:12px; text-align:right; }
.credits-resource a,.credits-page a { text-underline-offset:4px; }
.credits-fonts { padding:18px; border:1px solid var(--line); margin-top:16px; background:var(--surface); border-radius:6px; }
.credits-fonts summary { cursor:pointer; font-weight:600; }
.credits-font-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 24px; margin-top:18px; }
.credits-font-grid a { font-size:13px; }
.credits-font-grid span { display:block; color:var(--muted); font-size:11px; margin-top:4px; }
.credits-community { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:16px 0; }
.credits-community article { padding:20px; border:1px solid var(--line); border-radius:6px; background:var(--surface); }
.donor-list { list-style:none; display:flex; flex-wrap:wrap; gap:8px; padding:0; }
.donor-list li { padding:8px 12px; border:1px solid var(--line); border-radius:4px; }
.donor-list li.is-anonymous { font-style:italic; color:var(--muted); }
.credits-actions { display:flex; flex-wrap:wrap; gap:14px 24px; margin-top:32px; padding-top:20px; border-top:1px solid var(--line); }
.credits-page-footer { padding:24px 14px; text-align:center; color:var(--muted); font-size:12px; border-top:1px solid var(--line); }
@media(max-width:760px) {
  .reading-page .credits-page { margin-top:24px; width:calc(100% - 20px); }
  .reading-page .credits-resource { grid-template-columns:1fr; gap:8px; padding:18px 0; }
  .credits-resource .credit-license { text-align:left; }
  .credits-community,.credits-font-grid { grid-template-columns:1fr; }
  .credits-section h2 { font-size:25px; }
}