@layer components{.page-legal{& .page-legal__inner{max-inline-size:42rem}& .page-legal__draft{display:flex;gap:var(--space-s);align-items:flex-start;background:var(--color-accent-surface);border-color:transparent;& svg{flex-shrink:0;margin-block-start:.15em;color:var(--color-accent-strong)}}& .page-legal__body{max-inline-size:none;margin-block-start:var(--space-l)}& .page-legal__pending{color:var(--color-text-muted);font-style:italic}& .page-legal__updated{display:block;margin-block-start:var(--space-xl);padding-block-start:var(--space-s);border-block-start:1px solid var(--color-border)}}}