.site-colophon {
  position: relative;
  z-index: 30;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 2px 24px;
  padding: 12px max(24px, 3.6vw);
  border-top: 1px solid #32382d20;
  background: #eae7df;
  color: #606258;
  font: 11px/1.8 Arial, "Microsoft YaHei", sans-serif;
  letter-spacing: .02em;
}
.site-filings { display:flex; flex-wrap:wrap; gap:2px 24px; }
.site-colophon a { display:inline-flex; align-items:center; min-height:28px; color:inherit; text-decoration:none; }
.site-colophon a:hover { text-decoration:underline; text-underline-offset:4px; }
.site-colophon a:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
body:has(.wp-header) .site-colophon { background:#0d1321; color:#aeb9cb; border-color:#ffffff20; }
.site-colophon[data-home-footer] { background:#f4c320; color:#5b4f29; border-top:0; padding-top:4px; }
/* Keep the compact filing strip above the fixed soundtrack transport. */
body[data-sound-page="library"] .site-colophon { margin-bottom:110px; }
body[data-sound-page="library"] .sound-library { padding-bottom:36px; }
@media(max-width:760px) {
  body[data-sound-page="library"] .site-colophon { margin-bottom:166px; }
}
@media(max-width:600px) {
  .site-colophon { align-items:flex-start; gap:0; padding:8px 7% 14px; text-align:left; line-height:20px; }
  .site-signoff { display:none; }
  .site-filings { width:100%; justify-content:space-between; gap:4px 10px; font-size:clamp(9px,2.5vw,10px); letter-spacing:0; }
  .site-colophon a { min-height:24px; white-space:nowrap; }
}