/*
  Legal pages for Pocket Power.

  Same class names and structure as the studio's other product legal pages, with
  Pocket Power's palette (deep night blue with copper and cream, matching the
  game's night-town art direction). Supports light and dark mode.
*/
:root {
  color-scheme: light dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #f7f4ec;
  color: #1c2340;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 50% 0, #e9e3d4 0, #f7f4ec 42rem); }
main { width: min(760px, calc(100% - 28px)); margin: 0 auto; padding: 36px 0 64px; }
header { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #d9d2c0; }
.eyebrow { color: #8a5a12; font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
h1 { margin: 8px 0; color: #1c2340; font-size: clamp(30px, 7vw, 48px); line-height: 1.05; }
.effective { color: #7a6a45; font-size: 14px; }
article { padding: clamp(18px, 4vw, 30px); border: 1px solid #ddd6c6; border-radius: 12px; background: linear-gradient(180deg, #ffffff, #fbf8f0); box-shadow: 0 18px 60px rgba(28, 35, 64, .08); }
h2 { margin: 28px 0 8px; color: #8a5a12; font-size: 15px; letter-spacing: .08em; text-transform: uppercase; }
p, li { color: #4a5068; font-size: 15px; line-height: 1.65; }
li + li { margin-top: 8px; }
b { color: #1c2340; }
a { color: #8a5a12; }
table { border-collapse: collapse; width: 100%; margin: 12px 0; font-size: 14px; }
th, td { border: 1px solid #ddd6c6; padding: 8px 10px; text-align: left; vertical-align: top; }
th { background: #f1ece0; font-size: 13px; }
code { background: #f1ece0; padding: .1rem .3rem; border-radius: 4px; font-size: .92em; }
footer { padding-top: 18px; color: #857f6c; font-size: 12px; text-align: center; }
footer a { color: inherit; }

@media (prefers-color-scheme: dark) {
  :root { background: #0d1220; color: #f5efe0; }
  body { background: radial-gradient(circle at 50% 0, #141b2e 0, #0d1220 42rem); }
  header { border-bottom-color: #2b365c; }
  .eyebrow { color: #e8a552; }
  h1 { color: #f5efe0; }
  .effective { color: #cdc6b4; }
  article { border-color: #2b365c; background: linear-gradient(180deg, #212a47, #161d33); box-shadow: none; }
  h2 { color: #e8a552; }
  p, li { color: #cdc6b4; }
  b { color: #f5efe0; }
  a { color: #ffc145; }
  th { background: #212a47; }
  th, td { border-color: #39456b; }
  code { background: #212a47; }
  footer { color: #8d93ad; }
}