body.site {
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

.site-size-15 { font-size: var(--type-title-size); }
.site-size-20 { font-size: var(--space-step-20); }

.site-home { position: relative; color: var(--ink); text-decoration: none; }

.site-account > .btn--quiet { margin-inline-end: calc(-1 * var(--button-padding-x)); }

.site-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-step-16); }
.site-foot-lockup { color: var(--ink); }
.site-foot-links { display: flex; flex-wrap: wrap; gap: var(--space-step-4); }
.site-foot-link {
  display: inline-flex; align-items: center; min-block-size: var(--space-target);
  padding: var(--space-step-4) var(--space-step-8); border-radius: var(--radius-control-inner);
  color: var(--muted); text-decoration: none;
}
@media (hover: hover) {
  .site-foot-link:hover { background: var(--fill); color: var(--ink); }
}

@media (pointer: coarse) {
  .site-home::after {
    content: ""; position: absolute; top: 50%; left: 50%; translate: -50% -50%;
    inline-size: max(100%, var(--space-touch)); block-size: max(100%, var(--space-touch));
  }
  .site-foot-link { min-block-size: var(--space-touch); }
}