*{box-sizing:border-box}body{margin:0;font-family:Inter,Noto Sans Thai,system-ui,sans-serif;background:#f5f7fb;color:#1a2233}header{padding:16px 24px;background:white;border-bottom:1px solid #e6eaf1;gap:24px;align-items:center;flex-wrap:wrap}header,nav{display:flex}nav{gap:20px}a{color:#1a2233}main{padding:24px;max-width:1100px;margin:auto}h1{font-size:28px;margin-bottom:8px}h2{font-size:22px}p{line-height:1.6}.muted{color:#6b7684}.card,.connection{background:#fff;border:1px solid #e6eaf1;border-radius:16px;padding:20px;margin-bottom:24px}.section-head{align-items:center;justify-content:space-between;gap:16px}.form-row,.section-head{display:flex;flex-wrap:wrap}.form-row{gap:12px;align-items:flex-end}label{display:flex;gap:6px;flex-direction:column;font-size:14px}button,input,select,textarea{font:inherit;font-size:16px;min-height:44px;border:1px solid #c5ceda;border-radius:10px;padding:10px 14px}input{max-width:100%;width:280px}button{background:#1a2233;color:white;cursor:pointer}button:disabled{opacity:.45;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #4979ad;outline-offset:3px}.link-button{background:none;color:#1a2233;text-decoration:underline;border:0;padding:6px;text-align:left;overflow-wrap:anywhere}.table-wrap{overflow-x:auto;margin:20px 0;background:white;border:1px solid #e6eaf1;border-radius:10px}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:14px;border-bottom:1px solid #e6eaf1}th{color:#6b7684;background:#fafbfc}.notice{padding:16px;background:#fff;border-left:3px solid #6b7684}.error{padding:16px;background:#fff4ee;color:#8c3518;border-radius:10px}code{overflow-wrap:anywhere}li{line-height:1.8}@media(max-width:600px){.card,.connection,header,main{padding:14px}.form-row label,input{width:100%}}textarea{font-size:16px;width:100%;min-height:88px;margin-bottom:12px}.card .form-row{margin-top:12px}