.avatar img {
  border-radius: inherit;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.site-footer {
  background: #090c10;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 12px;
  padding: 32px max(20px, calc((100vw - var(--max)) / 2));
}
.site-footer nav { display: flex; flex-wrap: wrap; gap: 18px; margin-bottom: 12px; }
.site-footer a { color: var(--text); }
.site-footer p { margin: 0; }
.legal-page { margin: 0 auto; padding: 48px 0 90px; width: min(900px, calc(100% - 40px)); }
.legal-page h1 { font-size: 42px; }
.legal-page article { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 28px; }
.legal-warning { background: #312714; border: 1px solid #6c5223; border-radius: 8px; color: var(--warning); padding: 14px; }