:root { --red:#ed1651; --red-h:#c91144; --red-r:rgba(237,22,81,.12); }
  /* #national_id { font-family: ui-monospace, monospace; letter-spacing:.1em; } */
  .pill-label {
    display:inline-flex; align-items:center; gap:6px; font-size:12px;
    background:#fff; border:1px solid #e5e7eb; border-radius:99px;
    padding:5px 14px; cursor:pointer; color:#6b7280; transition:all .13s;
    white-space:nowrap;
  }
  .pill-label:hover { border-color:var(--red); background:#fff0f4; color:var(--red-h); }
  .pill-label input[type=radio], .pill-label input[type=checkbox] {
    accent-color:var(--red); width:auto !important; padding:0 !important;
    border:none !important; box-shadow:none !important; background:transparent !important;
  }
  input:focus, select:focus, textarea:focus {
    outline:none !important; border-color:var(--red) !important;
    box-shadow:0 0 0 3px var(--red-r) !important;
  }
  .btn-primary { background:var(--red); transition:background .15s, transform .1s; }
  .btn-primary:hover { background:var(--red-h); }
  .btn-primary:active { transform:scale(.97); }
  #national-id-feedback.text-emerald-600 { color:#059669 !important; }
  #national-id-feedback.text-red-500    { color:var(--red) !important; }
  #national-id-feedback.text-gray-500   { color:#9ca3af !important; }

  /* ---- Responsive overrides ---- */
  @media (max-width: 639px) {
    /* ชื่อไทย/EN: คำนำหน้าเต็มแถว, ชื่อ+นามสกุลคอลัมน์ละครึ่ง */
    .name-row-th, .name-row-en { display:grid !important; grid-template-columns:1fr 1fr !important; gap:10px !important; }
    .name-row-th .title-col,
    .name-row-en .title-col    { grid-column:1 / -1 !important; }

    /* ติดต่อ: สแต็กทั้งหมด */
    .contact-row { display:grid !important; grid-template-columns:1fr !important; gap:10px !important; }

    /* การศึกษา, ชื่อเล่น, ผู้ปกครอง: สแต็ก */
    .two-col-sm { display:grid !important; grid-template-columns:1fr !important; gap:10px !important; }

    /* padding card เล็กลง */
    .card-body   { padding-left:1rem !important; padding-right:1rem !important; }
    .card-header { padding-left:1rem !important; padding-right:1rem !important; }
    .card-footer { padding-left:1rem !important; padding-right:1rem !important; }
    .section-box { padding:1rem !important; }

    /* header badge ซ่อน */
    .header-badge { display:none !important; }

    /* footer ปุ่ม full-width บน mobile */
    .footer-inner { flex-direction:column-reverse !important; gap:12px !important; align-items:stretch !important; }
    .footer-inner .btn-primary { justify-content:center !important; }
    .footer-inner .back-link   { justify-content:center !important; }
  }