@layer components {
  .linkrow { display: flex; gap: 1rem; align-items: center; justify-content: center; flex-wrap: wrap; color: var(--pw-fg-faint); }
  .linkrow--start { justify-content: flex-start; }
  .linkrow a { font-size: var(--pw-fs-sm); color: var(--pw-fg-meta); &:hover { color: var(--pw-fg-strong); } }

  .legal-file {
    margin: 0;
    padding: 1.5rem;
    border: 1px solid var(--pw-border);
    border-radius: var(--pw-r-md);
    background: var(--pw-bg-card);
    font-family: var(--pw-font-mono);
    font-size: var(--pw-fs-xs);
    line-height: 1.75;
    color: var(--pw-fg-meta);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }
}