/* Thai CLM minimal styles */
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif; line-height: 1.6; color: #1f2937; background: #f7fafc; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.container { max-width: 980px; margin: 0 auto; padding: 1.25rem; }
.navbar { background: #0f172a; color: #fff; }
.nav-inner { display: flex; align-items: center; justify-content: space-between; }
.brand { font-weight: 700; font-size: 1.1rem; letter-spacing: .2px; }
.nav-links a { color: #cbd5e1; margin-left: 1rem; font-weight: 500; }
.nav-links a:hover { color: white; }
.hero { background: linear-gradient(135deg,#2563eb,#06b6d4); color: white; padding: 4rem 0; }
.hero h1 { margin: 0 0 .25rem; font-size: 2.2rem; }
.hero p { margin: .25rem 0 0; opacity: .95; max-width: 680px; }
.card { background: white; border: 1px solid #e5e7eb; border-radius: 12px; padding: 1rem; margin: 1rem 0; box-shadow: 0 2px 6px rgba(0,0,0,0.03); }
.card h3 { margin-top: 0; }
.button { display: inline-block; padding: .6rem .9rem; border-radius: 10px; border: 1px solid #2563eb; color: #2563eb; font-weight: 600; }
.button.primary { background: #2563eb; color: white; }
.footer { background: #0f172a; color: #cbd5e1; padding: 2rem 0; margin-top: 3rem; }
.meta { color: #6b7280; font-size: .9rem; }
.grid { display: grid; grid-template-columns: repeat(12,1fr); grid-gap: 1rem; }
.col-8 { grid-column: span 8; }
.col-4 { grid-column: span 4; }
input, textarea { width: 100%; padding: .65rem .7rem; border: 1px solid #e5e7eb; border-radius: 10px; }
form .row { display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem; }
.tag { display:inline-block; font-size: .8rem; background:#eff6ff; color:#1d4ed8; padding:.15rem .5rem; border-radius:999px; border:1px solid #bfdbfe; margin-right:.25rem; }
hr.sep { border:0; border-top:1px solid #e5e7eb; margin:1.25rem 0; }