/* Yasal metin sayfaları: oyunla aynı renkler, okunaklı uzun metin düzeni */
:root {
  --bg: #050816; --panel: #0d1330; --line: rgba(140, 160, 255, 0.18);
  --txt: #e8ebf7; --mut: #8a94b8; --cyan: #22d3ee; --gold: #ffd36b;
  --font: "Inter", "SF Pro Display", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color-scheme: dark;
}
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(1200px 600px at 50% -200px, #12204d, var(--bg)); color: var(--txt); font: 16px/1.65 var(--font); min-height: 100vh; }
a { color: var(--cyan); }
.top { position: sticky; top: 0; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 12px 20px; background: rgba(5, 8, 22, 0.85); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); }
.top .brand { color: var(--txt); font-weight: 800; letter-spacing: .3px; text-decoration: none; }
.top nav { display: flex; gap: 16px; font-size: 14px; }
.top nav a { text-decoration: none; }
main { max-width: 780px; margin: 0 auto; padding: 28px 20px 40px; }
h1 { font-size: 30px; line-height: 1.2; margin: 18px 0 4px; }
h2 { font-size: 19px; margin: 30px 0 8px; }
.ver { color: var(--mut); font-size: 13px; margin: 0 0 20px; }
.draft { margin: 0; padding: 10px 14px; border-radius: 10px; border: 1px solid rgba(255, 211, 107, 0.45); background: rgba(255, 211, 107, 0.08); color: var(--gold); font-size: 13.5px; }
mark { background: rgba(255, 211, 107, 0.18); color: var(--gold); padding: 0 3px; border-radius: 4px; }
table { width: 100%; border-collapse: collapse; margin: 10px 0; font-size: 14px; display: block; overflow-x: auto; }
th, td { text-align: left; vertical-align: top; padding: 8px 10px; border-bottom: 1px solid var(--line); }
th { color: var(--mut); font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: .5px; }
code { font: 13px ui-monospace, SFMono-Regular, Menlo, monospace; background: rgba(255,255,255,0.06); padding: 1px 5px; border-radius: 5px; }
li { margin: 4px 0; }
.docs { list-style: none; padding: 0; display: grid; gap: 8px; }
.docs a { display: block; padding: 14px 16px; border-radius: 12px; border: 1px solid var(--line); background: var(--panel); color: var(--txt); text-decoration: none; font-weight: 600; }
.docs a:hover { border-color: var(--cyan); }
footer { max-width: 780px; margin: 0 auto; padding: 0 20px 40px; font-size: 14px; }