* { box-sizing: border-box; margin: 0; }
body { background: var(--md-bg-root); color: var(--md-text); font-family: 'DM Sans', ui-sans-serif, system-ui, sans-serif; min-height: 100vh; display: flex; flex-direction: column; }
.wrap { max-width: 820px; margin: 0 auto; padding: 0 20px; width: 100%; }
header { padding: 22px 0; }
.brand { font-family: 'Syne', sans-serif; font-weight: 800; font-size: 16px; text-decoration: none;
  background: var(--md-grad-accent); -webkit-background-clip: text; background-clip: text; color: transparent; }
main { flex: 1; padding-bottom: 60px; }
h1 { font-family: 'Syne', sans-serif; font-size: 28px; letter-spacing: -0.02em; margin: 10px 0 10px; }
h2 { font-size: 16px; margin: 28px 0 8px; }
.sub { color: var(--md-text-2); font-size: 14px; line-height: 1.7; max-width: 68ch; }
.sub a { color: var(--md-gold-hi); text-decoration: none; }
.tablewrap { overflow-x: auto; margin-top: 20px; border: 1px solid var(--md-border); border-radius: 12px; }
table { width: 100%; border-collapse: collapse; font-size: 13px; min-width: 640px; }
th { text-align: left; font-size: 11px; letter-spacing: .07em; text-transform: uppercase; color: var(--md-gold-hi);
  padding: 12px 14px; border-bottom: 1px solid var(--md-border); }
td { padding: 12px 14px; border-bottom: 1px solid var(--md-border); vertical-align: top; line-height: 1.6; color: var(--md-text-2); }
td:first-child { color: var(--md-text); font-weight: 600; white-space: nowrap; }
tr:last-child td { border-bottom: none; }
footer { padding: 18px 0; border-top: 1px solid var(--md-border); }
footer .wrap { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
footer span { font-size: 12px; color: var(--md-text-2); }