@charset "utf-8";

:root { --bg: #0F0F0F; --surf: #171614; --line: #272522; --gold: #FFD700; --ink: #FFFFFF; --ink-2: #E0E0E0; --ink-3: #B0B0B0; --ink-4: #5C5C5C; --font-d: 'Fraunces',Georgia,serif; --font-b: 'Figtree',sans-serif; }

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

html { background: var(--bg); }

body { font-family: var(--font-b); font-size: 16px; line-height: 1.7; color: var(--ink-2); background: var(--bg); min-height: 100vh; }

header { padding: 24px 20px 16px; text-align: center; border-bottom: 1px solid var(--line); }

header h1 { font-family: var(--font-d); font-size: 28px; color: var(--gold); letter-spacing: -0.02em; }

header p { color: var(--ink-3); font-size: 14px; margin-top: 4px; }

.container { max-width: 720px; margin: 0px auto; padding: 32px 20px 60px; }

h2 { font-family: var(--font-d); font-size: 22px; color: var(--gold); margin: 32px 0px 12px; letter-spacing: -0.01em; }

h3 { font-family: var(--font-d); font-size: 18px; color: var(--ink); margin: 24px 0px 10px; }

p { margin-bottom: 14px; }

ul, ol { margin: 0px 0px 16px 24px; }

li { margin-bottom: 8px; }

strong { color: var(--ink); }

a { color: var(--gold); text-decoration: none; }

a:hover { text-decoration: underline; }

.back-link { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border-radius: 999px; border: 1px solid var(--line); color: var(--ink-3); font-size: 14px; margin-bottom: 24px; transition: 0.2s; }

.back-link:hover { border-color: var(--gold); color: var(--gold); text-decoration: none; }

footer { text-align: center; padding: 32px 20px; border-top: 1px solid var(--line); color: var(--ink-4); font-size: 13px; }

footer a { color: var(--ink-3); margin: 0px 12px; }

footer a:hover { color: var(--gold); }

.last-updated { background: var(--surf); border: 1px solid var(--line); border-radius: 12px; padding: 16px 20px; margin-bottom: 32px; font-size: 14px; color: var(--ink-3); }

.data-table { width: 100%; border-collapse: collapse; margin: 16px 0px; font-size: 14px; }

.data-table th, .data-table td { padding: 12px 16px; text-align: left; border: 1px solid var(--line); }

.data-table th { background: var(--surf); color: var(--gold); font-weight: 600; }

@media (max-width: 480px) {
  header h1 { font-size: 24px; }
  .container { padding: 24px 16px 40px; }
  h2 { font-size: 20px; }
  .data-table { font-size: 13px; }
  .data-table th, .data-table td { padding: 8px 10px; }
}