.greeting-with-credit #home-title { margin-bottom: 9px; }
.greeting-with-credit .greeting-artist-credit { margin: 0 0 25px; font-size: .75rem; line-height: 1.5; color: var(--ink); opacity: .8; }
.greeting-artist-credit a, .background-artist-credit a, .decoration-credit-entry a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.greeting-artist-credit a { font-weight: 800; }
.greeting-artist-credit a:hover, .background-artist-credit a:hover, .decoration-credit-entry a:hover { color: var(--accent); }
.greeting-artist-credit a:focus-visible, .background-artist-credit a:focus-visible, .decoration-credit-entry a:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; border-radius: 2px; }
.page-footer { container: credit-footer / inline-size; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 16px 24px; }
.footer-site-info { display: flex; flex-direction: column; gap: 3px; margin-left: auto; max-width: 100%; text-align: right; overflow-wrap: anywhere; line-height: 1.8; }
.background-artist-credit { margin: 0; max-width: 100%; color: var(--ink); font-size: .8125rem; line-height: 1.8; text-align: left; }
.background-artist-credit > span:first-child { display: block; color: var(--muted); }
.background-artist-names { font-weight: 700; }
.background-artist-credit .full-credits-link { display: block; width: fit-content; margin: 2px 0 0; font-weight: 400; }
.content:has(#credits:not([hidden])) .full-credits-link { display: none; }
.preview-fursuit, .navigation a[href="#fursona"] { display: none; }
.preview-label { position: fixed; top: max(8px, env(safe-area-inset-top)); right: max(12px, env(safe-area-inset-right)); z-index: 20; margin: 0; padding: 3px 8px; border: 1px solid var(--line); border-radius: 4px; background: var(--paper); color: var(--ink); font-size: .6875rem; font-weight: 800; line-height: 1.5; letter-spacing: .08em; pointer-events: none; }
.credit-introduction { max-width: 48ch; margin: 0 0 8px; color: var(--ink); font-size: clamp(1.125rem, 2vw, 1.375rem); line-height: 1.4; font-weight: 400; letter-spacing: 0; }
.decoration-credit-list { margin-top: 0; }
.decoration-credit-entry { display: grid; grid-template-columns: 165px minmax(0, 1fr); align-items: center; gap: 25px; padding: 23px 0; border-top: 1px solid var(--line); }
.credit-art-samples { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 5px; }
.credit-art-samples img { width: 50px; height: 64px; object-fit: contain; }
.credit-art-samples img:only-child { width: 84px; height: 84px; }
.decoration-credit-entry h3 { margin: 0 0 8px; font-size: 1.125rem; letter-spacing: 0; }
.decoration-credit-entry p { margin: 0; max-width: 62ch; font-size: .9375rem; }
.credit-usage-list { margin: 0; padding-left: 1.2em; max-width: 62ch; font-size: .9375rem; list-style: disc; }
.credit-usage-list li + li { margin-top: 8px; }
.credit-gallery-note { margin-top: 24px; color: var(--muted); font-size: .875rem; }
@media (max-width: 600px) {
  .greeting-with-credit .greeting-artist-credit { margin-bottom: 23px; }
  .background-artist-credit .full-credits-link { padding: 5px 0; }
  .background-artist-names { display: block; }
  .background-artist-names a { display: inline-block; padding: 5px 0; }
  .decoration-credit-entry { grid-template-columns: 1fr; gap: 12px; padding: 21px 0; }
  .credit-art-samples { max-width: 210px; margin-inline: auto; }
  .credit-art-samples img { width: 62px; height: 68px; }
}
@container credit-footer (width < 620px) {
  .background-artist-credit { flex-basis: 100%; text-align: right; }
  .background-artist-credit .full-credits-link { margin-left: auto; }
}
