/* Shared styling for the legal pages (terms.html, privacy.html). They're
   plain documents, read inside the app in an iframe — dark to match the game,
   and wide enough to stay readable on a phone in landscape. */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0; padding: 30px 20px 60px;
  background: #0d1117; color: #c9d1d9;
  font: 16px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.sheet { max-width: 720px; margin: 0 auto; }
h1 { color: #fff; font-size: 26px; margin: 0 0 4px; line-height: 1.2; }
h2 { color: #fff; font-size: 19px; margin: 32px 0 8px; }
h3 { color: #fff; font-size: 16px; margin: 20px 0 6px; }
p { margin: 10px 0; }
.rev { color: #8b949e; font-size: 13px; margin: 0 0 18px; }
a { color: #f59f0b; }
ul { padding-left: 20px; margin: 8px 0; }
li { margin: 5px 0; }
table { border-collapse: collapse; width: 100%; margin: 12px 0; font-size: 14px; }
th, td { text-align: left; padding: 8px 10px; border: 1px solid #21262d; vertical-align: top; }
th { background: #161b22; color: #fff; font-weight: 600; }
.nav { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 20px; }
.nav a {
  display: inline-block; padding: 8px 14px;
  background: #161b22; border: 1px solid #21262d; border-radius: 8px;
  color: #c9d1d9; text-decoration: none; font-size: 14px;
}
.nav a:hover { border-color: #f59f0b; color: #fff; }
.promise {
  background: #161b22; border: 1px solid #21262d; border-left: 3px solid #f59f0b;
  border-radius: 8px; padding: 14px 16px; margin: 22px 0;
}
.promise h3 { margin-top: 0; }
.note {
  background: #161b22; border: 1px solid #21262d; border-left: 3px solid #f59f0b;
  border-radius: 8px; padding: 12px 14px; margin: 16px 0; font-size: 15px;
}
/* placeholders the operator still has to fill in — deliberately loud, so a
   draft can't be published looking finished */
.todo {
  background: #3d1d1d; border: 1px solid #7a3030; border-radius: 5px;
  padding: 1px 7px; color: #ffb4a8; font-weight: 600; font-size: .92em;
}