/* ส่งส่ง · เว็บสาธารณะ songsong.co
   สีและฟอนต์ลอกจาก app/lib/core/theme.dart ให้ตรงกับในแอป */
:root{
  --paper:#FDF9F3; --surface:#FFFFFF; --ink:#2B2320; --muted:#8F8077;
  --prose:#5A4D45; --line:#ECE0D2; --line-strong:#DCCDB9;
  --turmeric:#A85F14; --turmeric-dark:#8A5A12; --primary-soft:#FBF0DD;
  --pandan:#3D7A4E; --pandan-soft:#E6F0E8; --pandan-dark:#2F5D3D;
  --brick:#B3382C; --brick-soft:#FBEAE7; --tint-warm:#F5EFE6;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:'Sarabun',system-ui,sans-serif; font-size:17px; line-height:1.75;
}
h1,h2,h3,.brand{font-family:'Mitr',system-ui,sans-serif; font-weight:500; line-height:1.4}
h1{font-size:28px; margin:0 0 10px}
h2{font-size:21px; margin:34px 0 10px}
h3{font-size:18px; margin:24px 0 6px}
p,li{color:var(--prose); margin:0 0 12px}
a{color:var(--turmeric-dark)}
.wrap{max-width:720px; margin:0 auto; padding:0 20px}

header{background:var(--pandan); color:#fff}
header .wrap{display:flex; align-items:center; gap:14px; padding-top:16px; padding-bottom:16px; flex-wrap:wrap}
.brand{font-size:24px; color:#fff; text-decoration:none}
nav{margin-left:auto; display:flex; gap:16px; flex-wrap:wrap}
nav a{color:#BCDCC6; text-decoration:none; font-size:15px}
nav a:hover,nav a[aria-current]{color:#fff}

main{padding:28px 0 56px}
.lead{font-size:19px; color:var(--ink)}
.card{background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:18px 20px; margin:18px 0}
.card h3{margin-top:0}
.note{background:var(--tint-warm); border-radius:14px; padding:14px 18px; margin:18px 0}
.warn{background:var(--brick-soft); color:var(--brick); border-radius:14px; padding:14px 18px; margin:18px 0}
.ok{background:var(--pandan-soft); color:var(--pandan-dark); border-radius:14px; padding:14px 18px; margin:18px 0}
.note p:last-child,.warn p:last-child,.ok p:last-child,.card p:last-child{margin-bottom:0}
.warn p,.ok p{color:inherit}

table{width:100%; border-collapse:collapse; margin:16px 0; font-size:15.5px}
th,td{text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); vertical-align:top}
th{font-family:'Mitr',sans-serif; font-weight:500; color:var(--ink); background:var(--tint-warm)}
td{color:var(--prose)}

label{display:block; font-family:'Mitr',sans-serif; font-size:16px; margin:18px 0 6px}
.hint{font-size:14.5px; color:var(--muted); margin:-2px 0 8px}
input[type=text],input[type=tel],textarea,select{
  width:100%; padding:12px 14px; font:inherit; font-size:17px; color:var(--ink);
  background:#FDFAF6; border:1px solid var(--line-strong); border-radius:12px;
}
textarea{min-height:92px; resize:vertical}
input:focus,textarea:focus,select:focus{outline:2px solid var(--pandan); outline-offset:1px}
button{
  width:100%; margin-top:22px; padding:15px; font-family:'Mitr',sans-serif; font-size:18px;
  color:#fff; background:var(--pandan); border:0; border-radius:14px; cursor:pointer;
}
button:disabled{background:var(--line-strong); cursor:not-allowed}
.hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}

footer{border-top:1px solid var(--line); padding:24px 0 40px; font-size:15px; color:var(--muted)}
footer a{color:var(--muted)}
footer .wrap{display:flex; gap:18px; flex-wrap:wrap}