:root{--brand:#0b5fa5;--brand-dark:#083f6e;--accent:#1a7fc4;--bg:#eef1f5;--card:#ffffff;--text:#222;--muted:#6b7280;--border:#d8dde3;--field:#fafbfc;--danger:#d64545;--ok:#2e9e5b;--radius:8px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Sarabun,TH Sarabun New,Tahoma,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.55}.wrap{max-width:960px;margin:0 auto;padding:20px 16px 70px}.doc-head{text-align:center;padding:16px 0 6px}.doc-head .company{font-size:17px;font-weight:800;color:var(--brand-dark)}.doc-head .title{font-size:20px;font-weight:800;margin-top:4px}.doc-head .subtitle{font-size:12px;color:var(--muted);margin-top:2px}.doc-head .formno{font-size:11px;color:var(--muted);margin-top:4px}.stepper{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:16px 0 20px}.stepper button{border:1px solid var(--border);background:var(--card);color:var(--muted);padding:7px 14px;border-radius:20px;font-size:12.5px;font-family:inherit;cursor:pointer}.stepper button.active{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:600}.stepper button.done{border-color:var(--ok);color:var(--ok)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:18px;box-shadow:0 1px 2px #0000000a}.section-title{font-size:14px;font-weight:700;color:var(--brand-dark);border-left:4px solid var(--brand);padding-left:10px;margin:0 0 16px}.section-sub{font-size:12px;color:var(--muted);font-weight:400;margin-left:6px}.grid{display:grid;gap:13px 18px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}@media (max-width:680px){.g2,.g3,.g4{grid-template-columns:1fr}}.col-span2{grid-column:span 2}@media (max-width:680px){.col-span2{grid-column:auto}}label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}label .req{color:var(--danger)}input[type=text],input[type=tel],input[type=email],input[type=date],input[type=number],select,textarea{width:100%;padding:9px 11px;font-size:14px;font-family:inherit;color:var(--text);background:var(--field);border:1px solid var(--border);border-radius:6px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--brand);background:#fff}input.err,select.err{border-color:var(--danger);background:#fff6f6}textarea{resize:vertical;min-height:64px}.inline{display:flex;flex-wrap:wrap;gap:14px 18px;padding-top:4px}.inline label{display:flex;align-items:center;gap:6px;color:var(--text);font-size:14px;margin:0;cursor:pointer}.photo-row{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap}.photo-box{text-align:center}.photo-preview{width:118px;height:150px;border:2px dashed var(--border);border-radius:6px;background:var(--field);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;overflow:hidden}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-btn{display:inline-block;margin-top:8px;font-size:12px;color:var(--accent);cursor:pointer;text-decoration:underline}.photo-note{font-size:10px;color:var(--muted);margin-top:4px;max-width:120px}.photo-box input[type=file]{display:none}.doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 20px}@media (max-width:680px){.doc-grid{grid-template-columns:1fr}}.doc-grid label{display:flex;align-items:center;gap:7px;color:var(--text);font-size:13px;margin:0}.block{border:1px dashed var(--border);border-radius:6px;padding:14px;margin-bottom:12px;position:relative}.block-head{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:10px}.add-btn{background:transparent;border:1px dashed var(--brand);color:var(--brand-dark);padding:7px 14px;border-radius:6px;font-size:13px;cursor:pointer;font-family:inherit}.add-btn:hover{background:#eef5fb}.rm-btn{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--danger);cursor:pointer;font-size:12px}table.score{width:100%;border-collapse:collapse;font-size:13px}table.score th,table.score td{border:1px solid var(--border);padding:6px 8px;text-align:center}table.score th{background:var(--field);color:var(--muted);font-weight:600}table.score td.lang{text-align:left;font-weight:500}table.score input{background:#fff}.navbar{display:flex;justify-content:space-between;gap:12px;margin-top:8px}.btn{padding:11px 26px;border:none;border-radius:6px;font-size:14px;font-family:inherit;cursor:pointer;font-weight:600}.btn-prev{background:#eef0f2;color:var(--muted)}.btn-next{background:var(--brand);color:#fff}.btn-next:hover{background:var(--brand-dark)}.btn-submit{background:var(--ok);color:#fff}.btn[disabled]{opacity:.5;cursor:not-allowed}.consent{font-size:12px;color:var(--muted);background:var(--field);border:1px solid var(--border);border-radius:6px;padding:12px 14px;line-height:1.6}.consent label{display:flex;gap:8px;align-items:flex-start;color:var(--text);margin-top:10px;font-size:13px}.footer-note{font-size:11px;color:var(--muted);text-align:center;margin:6px 0 16px}.err-msg{color:var(--danger);font-size:11px;margin-top:3px}.review dl{display:grid;grid-template-columns:220px 1fr;gap:4px 14px;font-size:13px;margin:0}.review dt{color:var(--muted)}.review dd{margin:0;color:var(--text)}@media (max-width:680px){.review dl{grid-template-columns:1fr}.review dt{margin-top:8px;font-weight:600}}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(80px);background:var(--ok);color:#fff;padding:13px 24px;border-radius:8px;box-shadow:0 6px 20px #0003;opacity:0;transition:.35s;z-index:50;font-size:14px}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}