/* What signed-out visitors see at / (page-designs/FrontPage.dc.html). Tokens only; loaded by personal/new/front.html. */

.ms-page.fp-page { align-content: center; justify-items: center; padding: var(--space-12) var(--space-4); }
.fp-wrap { width: 100%; max-width: 720px; display: grid; justify-items: center; gap: var(--space-8); text-align: center; }
.fp-brand { display: flex; align-items: center; gap: var(--space-3); }
.fp-logo { display: block; width: 48px; height: 48px; }
.fp-name { font-size: 20px; line-height: 28px; font-weight: 600; color: var(--foreground); }
.fp-text { display: grid; gap: var(--space-3); }
.fp-title { margin: 0; font: var(--type-display); line-height: 44px; letter-spacing: var(--type-display-tracking); color: var(--foreground); text-wrap: balance; }
.fp-lines { display: grid; gap: var(--space-1); font-size: 17px; line-height: 26px; color: var(--muted-foreground); text-wrap: balance; }
.fp-lines p { margin: 0; }
.fp-lines strong { font-weight: 600; color: var(--foreground); }
.fp-signin { height: 44px; padding-inline: var(--space-6); border-radius: var(--radius-md); }
.fp-note { margin: 0; font-size: 14px; line-height: 20px; color: var(--muted-foreground); }
.fp-footer { padding: var(--space-6); text-align: center; font-size: 13px; color: var(--muted-foreground); }