:root {
  --ink: #172033;
  --muted: #647084;
  --line: #d8dee8;
  --paper: #f6f8fb;
  --surface: #ffffff;
  --primary: #255f85;
  --primary-dark: #123b5a;
  --teal: #0f766e;
  --amber: #8a5a0a;
  --rose: #b23a48;
  --shadow: 0 18px 45px rgba(23, 32, 51, 0.10);
}

* {
  box-sizing: border-box;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  margin: -1px;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 96px;
}

body {
  margin: 0;
  min-width: 320px;
  background: var(--paper);
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  line-height: 1.5;
}

button,
input,
select {
  font: inherit;
}

a {
  color: inherit;
}

button,
a {
  touch-action: manipulation;
}

.summary-card strong,
.price-row strong,
.price-row small,
.score,
.compare-table th,
.compare-table td,
.mobile-dock strong {
  font-variant-numeric: tabular-nums;
}