/* V26: discreet auxiliary Credits & Privacy sheet. Reuses V20's approved
   paper asset, backdrop and lift animation; only content-specific rules here. */
#contact .credits-entry {
  padding: .3em 0 .7em;
  margin: .75em 0 0;
  font-size: clamp(.95rem,1.45cqw,1.6rem);
  font-weight: 600;
}
#contact .credits-entry a { text-decoration: underline; text-underline-offset: .15em; }
#contact .credits-entry a:focus-visible { outline:2px solid currentColor; outline-offset: 4px; }
.credits-dialog .lyric-sheet-heading h2 { font-size: clamp(1.35rem,2.1vw,2.4rem); }
.credits-sheet-body {
  min-height: 0;
  flex: 1;
  overflow: auto;
  overflow-x: hidden;
  overscroll-behavior-y: contain;
  padding: .05em .4em 1.1em 0;
  color: #0d0b0a;
  font-size: clamp(1.13rem,1.33vw,1.48rem);
  line-height: 1.28;
  font-weight: 600;
  scrollbar-width: thin;
  scrollbar-color: rgba(30,24,21,.62) transparent;
}
.credits-sheet-body h3 { font-size: 1.2em; font-weight: 700; margin: 0 0 .28em; line-height: 1.14; }
.credits-sheet-body h3:not(:first-child) { margin-top: .85em; }
.credits-sheet-body p { margin: 0 0 .74em; }
.credits-sheet-body a { color: inherit; text-decoration: underline; text-underline-offset:.13em; overflow-wrap: anywhere; }
.credits-sheet-body a:focus-visible,
.credits-sheet-body:focus-visible { outline: 2px solid #201915; outline-offset: 3px; }
@media (max-width:600px) {
  #contact .credits-entry { font-size: clamp(.93rem,4.1cqw,1.1rem); margin-top: .65em; padding-bottom: .5em; }
  .credits-dialog .lyric-sheet-heading h2 { font-size: clamp(1.05rem,4.5vw,1.6rem); }
  .credits-sheet-body { font-size: clamp(.99rem,4.45vw,1.24rem); line-height:1.22; }
}
