/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer base {
  *, ::after, ::before { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; }
  html { line-height: 1.5; -webkit-text-size-adjust: 100%; font-family: Kanit, sans-serif; }
}
@layer utilities {
  /* Layout */
  .grid { display: grid; }
  .\!grid { display: grid !important; }
  .flex { display: flex; }
  .\!flex { display: flex !important; }
  .flex-col { flex-direction: column; }
  .items-center { align-items: center; }
  .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .gap-8 { gap: 2rem; }
  
  /* Colors - เพิ่ม !important เพื่อสู้กับ Template หลัก */
  .text-white { color: #fff !important; }
  .\!text-white { color: #fff !important; }
  .text-blue-300 { color: #93c5fd !important; }
  .text-blue-50 { color: #eff6ff !important; }
  .text-green-400 { color: #4ade80 !important; }
  .text-\[\#003859\] { color: #003859 !important; }
  .bg-\[\#003859\] { background-color: #003859 !important; }
  .bg-white { background-color: #fff !important; }
  
  /* Typography & Others */
  .font-bold { font-weight: 700 !important; }
  .text-2xl { font-size: 1.5rem !important; }
  .p-8 { padding: 2rem !important; }
  .rounded-2xl { border-radius: 1rem !important; }
  .\!list-none { list-style-type: none !important; }
  .\!p-0 { padding: 0 !important; }
  .\!m-0 { margin: 0 !important; }

  @media (min-width: 768px) {
    .md\:\!grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  }
}
.nt-dc-update { font-family: Kanit, sans-serif !important; }
/* บังคับสีขาวสำหรับ h3 และ span ในกล่องสีน้ำเงิน */
.nt-dc-update .bg-\[\#003859\] h3, 
.nt-dc-update .bg-\[\#003859\] span,
.nt-dc-update .bg-\[\#003859\] strong { color: #ffffff !important; }