:root {
  --ink: #102b3e;
  --navy: #0c2638;
  --teal: #087f7b;
  --teal-dark: #05605d;
  --paper: #f5f6f1;
  --white: #ffffff;
  --muted: #607889;
  --line: #d5e0de;
  --yellow: #f4bd38;
  color: var(--ink);
  background: var(--paper);
  font-family: "Noto Sans Thai", "DM Sans", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { min-width: 320px; margin: 0; background: var(--paper); }
button, a { font: inherit; }
button { cursor: pointer; }
.container { width: min(1140px, calc(100% - 40px)); margin: 0 auto; }
.eyebrow { margin: 0 0 13px; color: var(--teal); font: 500 11px/1.2 "DM Mono", monospace; letter-spacing: .11em; }

@media (max-width: 680px) {
  .container { width: min(100% - 28px, 580px); }
}