/* Cross-device foundation only. Component layout belongs in desktop.css or mobile.css. */
:root {
  --bg: #ffffff;
  --muted: #f4f6f8;
  --ink: #111827;
  --text: #4b5563;
  --line: #d9e1ea;
  --brand: #25465f;
  --brand-dark: #152d3f;
  --accent: #6f8798;
  --radius: 8px;
  --shadow: 0 18px 45px rgba(17, 24, 39, 0.08);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--ink);
  background: var(--bg);
  line-height: 1.6;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }