/* /ica/assets/css/style.css
   --------------------------------------------------------------
   สไตล์หลัก: Noto Sans Thai + Neumorphism + Responsive tweaks
   -------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;700&display=swap');

:root{
  --base:#e0e0e0;
  --shadow:#bebebe;
  --light:#ffffff;
}

html,body{ height:100%; }
body{
  font-family:'Noto Sans Thai',sans-serif;
  background:var(--base);
  color:#374151;
}

/* Neumorphism */
.neu-card{
  border-radius:20px;
  background:var(--base);
  box-shadow: 8px 8px 16px var(--shadow), -8px -8px 16px var(--light);
}

.neu-input{
  border-radius:12px;
  background:var(--base);
  box-shadow: inset 6px 6px 12px var(--shadow), inset -6px -6px 12px var(--light);
  padding:12px;
  width:100%;
}

.neu-button{
  border-radius:12px;
  background:var(--base);
  box-shadow: 6px 6px 12px var(--shadow), -6px -6px 12px var(--light);
  transition: all .2s ease;
}
.neu-button:active{
  box-shadow: inset 6px 6px 12px var(--shadow), inset -6px -6px 12px var(--light);
}

/* Device-specific tweaks */
@media (max-width:640px){       /* iPhone */
  h1{ font-size:1.6rem; }
  .neu-card{ padding:18px; }
}
@media (min-width:641px) and (max-width:1024px){ /* iPad */
  h1{ font-size:2rem; }
}
@media (min-width:1025px){      /* Windows/Desktop */
  h1{ font-size:2.2rem; }
}

/* for PDPA prose box */
.prose{ line-height:1.7; }
.prose p{ margin-bottom:.6rem; }