:root {
  --mj-bg: #f3f6f9;
  --mj-surface: #ffffff;
  --mj-ink: #1e2934;
  --mj-muted: #5f6f81;
  --mj-line: #d8e0e8;
  --mj-dark: #10293f;
  --mj-dark-2: #0b1f31;
  --mj-accent: #f4b400;
  --mj-primary: #0e5a9f;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: "Inter", "Segoe UI", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
  color: var(--mj-ink);
  background: var(--mj-bg);
}
h1, h2, h3 { margin: 0 0 10px; color: #142c3e; }
h1 { font-size: clamp(36px, 4vw, 40px); font-weight: 700; line-height: 1.2; }
h2 { font-size: clamp(28px, 3.3vw, 32px); font-weight: 700; line-height: 1.25; }
h3 { font-size: clamp(20px, 2.3vw, 22px); font-weight: 600; line-height: 1.35; }
small { font-size: 13px; font-weight: 500; }
a { color: inherit; }
img { max-width: 100%; display: block; }