/* legal.css — shared styling for the standalone content pages (privacy, terms,
 * support) hosted alongside the game at play.revenuearc.com. Reuses the color
 * variables from styles.css; adds a readable long-form-text layout instead of
 * the game's fixed-viewport board layout.
 */
body.legal {
  overflow: auto;
  height: auto;
  min-height: 100dvh;
  display: block;
  padding: calc(28px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right))
           calc(40px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));
}
.legal-wrap { max-width: 720px; margin: 0 auto; }
.legal-nav { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; flex-wrap: wrap; }
.legal-nav a { color: #f3f3f3; opacity: .8; text-decoration: none; font-size: 14px; }
.legal-nav a:hover { opacity: 1; text-decoration: underline; }
.legal-nav .brand-link { display: flex; align-items: center; gap: 8px; opacity: 1; font-weight: 700; margin-right: auto; }
.legal-nav .brand-link .logo-tile { font-size: 22px; line-height: 1; }
.legal-card {
  background: rgba(13,44,36,.78); border: 1px solid rgba(233,196,106,.35); border-radius: 18px;
  padding: 32px clamp(20px, 5vw, 44px); box-shadow: 0 20px 60px rgba(0,0,0,.5); backdrop-filter: blur(3px);
}
.legal-card h1 { font-size: 26px; margin: 0 0 4px; color: var(--gold); }
.legal-card .updated { opacity: .6; font-size: 13px; margin-bottom: 22px; }
.legal-card h2 { font-size: 17px; color: var(--gold); margin: 26px 0 8px; }
.legal-card h3 { font-size: 14.5px; margin: 16px 0 6px; opacity: .95; }
.legal-card p, .legal-card li { font-size: 14.5px; line-height: 1.65; opacity: .92; }
.legal-card ul { padding-left: 20px; margin: 6px 0 14px; }
.legal-card li { margin-bottom: 4px; }
.legal-card a { color: var(--gold); }
.legal-card strong, .legal-card b { color: #fff; }
.legal-card .lede { font-size: 15px; opacity: .95; margin-bottom: 4px; }
.legal-card table { width: 100%; border-collapse: collapse; margin: 10px 0 18px; font-size: 13px; }
.legal-card th, .legal-card td { text-align: left; padding: 6px 8px; border-bottom: 1px solid rgba(255,255,255,.1); }
.legal-card th { opacity: .7; font-weight: 600; }
.legal-foot { text-align: center; opacity: .5; font-size: 12px; margin-top: 22px; }
.legal-foot a { color: inherit; }