/* GlassWall public info pages: /about, /privacy, /terms (2026-10-22). */
.gw-legal { max-width: 760px; margin: 0 auto; }
.gw-legal article { background: var(--gw-surface); border: 1px solid var(--gw-divider); border-radius: var(--gw-radius-lg); padding: var(--gw-space-6) var(--gw-space-6) var(--gw-space-5); }
.gw-legal h1 { margin: 0 0 var(--gw-space-2); font-size: var(--gw-text-4xl); line-height: 1.25; color: var(--gw-ink); }
.gw-legal h2 { margin: var(--gw-space-6) 0 var(--gw-space-2); font-size: var(--gw-text-2xl); line-height: 1.3; color: var(--gw-ink); }
.gw-legal h3 { margin: var(--gw-space-4) 0 var(--gw-space-1); font-size: var(--gw-text-xl); color: var(--gw-ink); }
.gw-legal p, .gw-legal li { font-size: var(--gw-text-lg); line-height: 1.6; color: var(--gw-ink); }
.gw-legal p { margin: 0 0 var(--gw-space-3); }
.gw-legal ul { margin: 0 0 var(--gw-space-3); padding-left: 22px; }
.gw-legal li { margin: 0 0 6px; }
.gw-legal .gw-legal__meta { color: var(--gw-ink-muted); font-size: var(--gw-text-md); margin-bottom: var(--gw-space-5); }
.gw-legal .gw-legal__box { background: var(--gw-bg); border-radius: var(--gw-radius-md); padding: var(--gw-space-4); margin: var(--gw-space-3) 0 var(--gw-space-4); }
.gw-legal a { color: var(--gw-base); text-decoration: underline; text-underline-offset: 2px; }
.gw-legal-foot { max-width: 760px; margin: var(--gw-space-5) auto 0; display: flex; flex-wrap: wrap; gap: var(--gw-space-4); justify-content: center; font-size: var(--gw-text-sm); color: var(--gw-ink-muted); }
.gw-legal-foot a { color: var(--gw-ink-muted); }
@media (max-width: 640px) { .gw-legal article { padding: var(--gw-space-5) var(--gw-space-4); } }
.gw-legal, .gw-legal article { min-width: 0; overflow-wrap: anywhere; }
.gw-legal code { font-family: var(--gw-font-mono); font-size: 0.9em; word-break: break-all; }

/* Fix 2026-10-22: gw-customer.css gives .wrap (min-width 900px) side padding of (100% - 1120px) / 2,
   which left ~50px of text width on wide screens. Legal pages manage their own width. */
body.gw .gw-page .wrap.gw-legal { box-sizing: border-box; width: 100%; max-width: 808px; padding-left: 24px; padding-right: 24px; margin-left: auto; margin-right: auto; }
body.gw .gw-page .gw-legal-foot { padding-left: 24px; padding-right: 24px; box-sizing: border-box; }