/* Shared footer groups, without changing page or reading widths. */
.page #quartz-body > .site-footer.refined-footer,
body:has(> main#content) > footer.refined-footer {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  gap: 14px;
  padding: 28px;
  border-top: 1px solid color-mix(in srgb, currentColor 18%, transparent);
  text-align: center;
  font: 12px/1.7 Inter, Arial, sans-serif;
  color: var(--reading-muted);
}
.refined-footer .footer-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px 28px;
}
.refined-footer .footer-links .footer-social-links { margin: 0; gap: 2px; }
.refined-footer .footer-links .webring {
  margin: 0;
  gap: 2px;
  padding: 0 6px;
  border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
  border-radius: 6px;
  font: 12px/1.5 Inter, Arial, sans-serif;
}
.refined-footer .footer-links .webring > a {
  min-height: 44px;
  min-width: 44px;
  padding: 0 6px;
  border-radius: 3px;
}
.refined-footer .footer-links .webring > a:nth-child(2) { padding-inline: 10px; }
.page #quartz-body > .site-footer.refined-footer > p,
body:has(> main#content) > footer.refined-footer > p { margin: 0; flex: 0 1 auto; }
.refined-footer .footer-credit { display:flex;flex-direction:column;align-items:center;gap:6px;max-width:100%;font:500 13px/1.6 Inter,Arial,sans-serif;letter-spacing:.01em;text-wrap:balance; }
.refined-footer .footer-message { color:var(--reading-ink); }
.refined-footer .footer-heart { display:inline-block;margin-inline:3px;font-size:14px; }
.refined-footer .footer-aside { display:inline-block;font-size:12px;font-weight:400; }
.refined-footer .footer-builders { display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:400;letter-spacing:normal; }
.refined-footer .footer-copyright { font-size: 11px; }
.refined-footer .footer-copyright a { font-weight: 500; }
.refined-footer .footer-credit .builder-badge { margin-inline: 2px; vertical-align: baseline; }
@media (max-width: 600px) {
  .page #quartz-body > .site-footer.refined-footer,
  body:has(> main#content) > footer.refined-footer { padding: 24px 16px; }
  .refined-footer .footer-links { flex-direction: column; gap: 10px; }
}