/*
 * Base/reset — สกัดจาก _reference/orgcare360_design_system_preview_v4_motion_progress_standalone.html
 * (บรรทัด 88-118) ต้องโหลดหลัง tokens.css
 * หมายเหตุ: font-size/line-height ที่นี่เป็นค่าตรงในต้นฉบับ ไม่ได้ทำเป็น CSS variable
 * จึงคงไว้แบบเดิม ไม่สร้าง token ใหม่เอง
 */

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--canvas);
  color: var(--text);
  font-family: "IBM Plex Sans Thai", "Noto Sans Thai", "Leelawadee UI", "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1.58;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
a { color: inherit; }
::selection { background: color-mix(in srgb, var(--primary) 22%, transparent); }

.skip-link {
  position: fixed;
  left: 12px;
  top: -90px;
  z-index: 999;
  padding: 10px 14px;
  color: #fff;
  background: var(--brand-900);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-md);
}
.skip-link:focus { top: 12px; }