/* Page shells share alignment; illustrations may intentionally extend full bleed. */
:root .wrap,
:root body > main,
:root .uhrstark-page main,
:root .uhrschnell-page main {
  width: min(var(--layout-max), calc(100% - var(--layout-gutter) * 2));
  max-width: none;
  margin-inline: auto;
  padding-inline: 0;
}
:root app-root > main { width: auto; margin: 0; }
:root .site-footer {
  display: block;
  width: 100%;
  max-width: none;
  padding: var(--space-7) 0;
  margin: var(--space-7) 0 0;
  border-top: var(--border-thin) solid var(--separator);
  color: var(--text-secondary);
  font-size: var(--text-small);
}
.footer-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4) var(--space-6);
  width: min(var(--layout-max), calc(100% - var(--layout-gutter) * 2));
  margin-inline: auto;
}
.site-footer .brand { font: 500 var(--text-brand)/1.2 var(--font-display); text-decoration: none; color: var(--text); }
.site-footer p { margin: 0; font-size: var(--text-small); }
.footer-links { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5); width: 100%; }
.footer-links a { display: inline-flex; align-items: center; min-height: var(--control-min); text-decoration: underline; text-underline-offset: 0.2em; }