:root{color:#1d2433;font-family:system-ui,sans-serif;line-height:1.5}body{margin:0}main{box-sizing:border-box;max-width:42rem;margin:0 auto;padding:1.25rem}section,header{margin-block:1.5rem}form{margin-block:1rem}fieldset{border:1px solid #c7cedb;border-radius:.5rem;gap:.75rem;margin:0;padding:1rem;display:grid}label{gap:.25rem;display:grid}input,select,textarea,button{box-sizing:border-box;font:inherit;min-height:2.75rem}textarea{resize:vertical;min-height:7rem}input[type=checkbox],input[type=radio]{min-height:auto}button{color:#fff;cursor:pointer;background:#213d7a;border:0;border-radius:.375rem;padding-inline:1rem}@media (width<=40rem){main{padding:1rem}button,select,input:not([type=checkbox]):not([type=radio]),textarea{width:100%}}