/* DoctorAir static legal app surface.
 * Presentation only: preserve legal copy, links, anchors and document semantics.
 */
:root{
  --da-app-bg:#f4f7fc;
  --da-app-ink:#10233f;
  --da-app-muted:#5e6d82;
  --da-app-line:#dfe8f4;
  --da-app-brand:#1267d6;
  --da-app-soft:#eef5ff;
}
html{background:var(--da-app-bg)}
body{
  background:var(--da-app-bg)!important;
  color:var(--da-app-ink)!important;
  font-family:"Noto Sans Thai","Sarabun",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
header{
  position:sticky!important;
  top:0;
  z-index:30!important;
  border-bottom:1px solid rgba(223,232,244,.9)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 3px 16px rgba(25,67,116,.06);
  backdrop-filter:blur(16px)!important;
}
.nav{min-height:56px;max-width:760px!important;padding:8px 12px!important}
.brand{min-height:44px;display:inline-flex;align-items:center;font-size:15px;letter-spacing:-.015em}
.brand img{width:34px!important;height:34px!important;border-radius:11px}
.home{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  border-color:#d8e5f4!important;
  border-radius:13px!important;
  background:#eef5ff!important;
  color:#0d5ab7!important;
  padding:8px 12px!important;
  font-size:13px!important;
}
main{max-width:760px!important;margin:0 auto!important;padding:12px 12px 86px!important}
.hero,.card{
  border:1px solid var(--da-app-line)!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(25,67,116,.055)!important;
}
.hero{
  padding:20px!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,#fff 0%,#f7fbff 100%)!important;
}
.eyebrow{
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}
.hero h1{
  margin:.35rem 0 .45rem!important;
  font-size:clamp(27px,7vw,36px)!important;
  line-height:1.18!important;
  letter-spacing:-.035em!important;
}
.hero p{font-size:14px;line-height:1.65!important}
.updated{margin-top:10px!important;font-size:12px!important}
.card{margin-top:12px!important;padding:18px!important;border-radius:21px!important}
.card h2{font-size:19px!important;line-height:1.35}
.card h3{font-size:15px!important;line-height:1.45;margin-top:16px!important}
.card p,.card li{font-size:13.5px;line-height:1.72}
.notice{border-left-width:3px!important;border-radius:15px!important;padding:14px 15px!important;font-size:13px;line-height:1.65}
.toc{
  display:flex!important;
  grid-template-columns:none!important;
  gap:8px!important;
  overflow-x:auto;
  padding:2px 1px 5px;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.toc::-webkit-scrollbar{display:none}
.toc a{
  flex:0 0 auto;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  scroll-snap-align:start;
  border:1px solid #dfe8f4;
  border-radius:14px!important;
  background:#f7faff!important;
  padding:9px 12px!important;
  font-size:12.5px;
}
.contact{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
.btn{min-height:46px;align-items:center;justify-content:center;border-radius:15px!important}
.home,.btn,.toc a{transition:transform .14s ease,background-color .14s ease}
.home:active,.btn:active,.toc a:active{transform:scale(.985)}
footer{
  max-width:760px;
  margin:0 auto;
  padding:0 14px 28px!important;
  color:var(--da-app-muted)!important;
  font-size:12px!important;
}
@media(max-width:560px){
  .brand span{max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  main{padding-top:10px!important}
  .hero{padding:18px 16px!important}
  .hero h1{font-size:28px!important}
  .hero p{font-size:13.5px}
  .card{padding:16px!important;border-radius:19px!important}
  .card h2{font-size:18px!important}
  .card p,.card li{font-size:13.2px}
  .contact{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .toc{scroll-behavior:auto!important}
}