/* Shared look for FUN4ALL legal pages: the app's golden world with one
   readable clay card. Long-form text uses the system stack on purpose,
   Fredoka is display-only. */

@font-face {
  font-family: Fredoka;
  src: url('/fonts/fredoka-var.woff2') format('woff2');
  font-weight: 300 700;
  font-display: swap;
}

:root { color-scheme: light; }

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: #2b2320;
  background: linear-gradient(180deg, #ffce46 0%, #f2a70a 55%, #d17f00 100%) fixed;
  min-height: 100vh;
  padding: 24px 20px 64px;
}

.top {
  max-width: 760px;
  margin: 0 auto 20px;
}

.top a { display: inline-block; }

.card {
  max-width: 760px;
  margin: 0 auto;
  background: linear-gradient(180deg, #fffefb 0%, #fdf1d8 100%);
  border-radius: 28px;
  box-shadow: 0 24px 48px rgba(56, 31, 0, 0.35),
              inset 0 8px 16px rgba(255, 255, 255, 0.9),
              inset 0 -12px 22px rgba(196, 126, 12, 0.18);
  padding: 36px 32px 40px;
}

h1 {
  font-family: Fredoka, inherit;
  font-weight: 600;
  font-size: 30px;
  color: #35156e;
  margin-bottom: 4px;
}

.effective { color: #8a7f74; font-size: 14px; margin-bottom: 26px; }

h2 { font-size: 18px; color: #6d28d9; margin: 30px 0 10px; }

p, li { line-height: 1.65; margin-bottom: 10px; }

ul, ol { padding-left: 22px; margin-bottom: 12px; }

a { color: #6d28d9; font-weight: 600; }

strong { color: #35156e; }

.note {
  margin-top: 26px;
  padding: 16px 18px;
  border-radius: 16px;
  background: rgba(109, 40, 217, 0.08);
  color: #4a2f7d;
  font-size: 14.5px;
  line-height: 1.55;
}

.foot {
  max-width: 760px;
  margin: 26px auto 0;
  text-align: center;
  font-size: 14px;
  color: #6b4a12;
}

.foot a { color: #4a2f7d; margin: 0 10px; }