:root{font-family:Tahoma,"Leelawadee UI",sans-serif;color:#183c35;background:#eef3f1}*{box-sizing:border-box}body{margin:0}header{height:58px;padding:0 24px;display:flex;align-items:center;gap:18px;background:#11685a;color:white}header strong{font-size:21px}main{max-width:1050px;margin:26px auto;padding:0 18px;display:grid;grid-template-columns:2fr 1fr;gap:20px}section{background:white;border:1px solid #ccd9d5;padding:22px}h1,h2{margin-top:0}form{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:6px}input,select,button{font:inherit;padding:9px;border:1px solid #9fb4ae;background:white}#dynamic-fields{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px}button{width:130px;background:#11685a;color:white;border:0;cursor:pointer}output{align-self:center}.hint{color:#55736c}@media(max-width:760px){main{grid-template-columns:1fr}form,#dynamic-fields{grid-template-columns:1fr}}