*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:12px}body{font-family:Roboto,sans-serif;font-weight:400;line-height:1.5;color:#111;background:#fff;padding:0 16px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:.75rem}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}p{margin-bottom:.75rem}p:last-child{margin-bottom:0}main{max-width:640px;margin:0 auto;padding:24px 0 48px}header{border-bottom:1px solid #e0e0e0;padding:0 16px}header nav{max-width:640px;margin:0 auto;padding:8px 0;display:flex;flex-wrap:wrap;align-items:center}.nav-brand{font-weight:700;font-size:1rem;text-decoration:none;color:#111;white-space:nowrap;margin-right:auto}.nav-brand:hover{text-decoration:none;color:#333}.nav-toggle{display:block;background:none;border:none;font-size:1rem;padding:8px 10px;line-height:1;cursor:pointer;color:#111}.nav-links{display:none;flex-direction:column;align-items:flex-end;gap:12px;padding:12px 0 4px;width:100%}.nav-links.open{display:flex}.nav-links a,.nav-links button{text-decoration:none;white-space:nowrap;background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:right}.nav-links a:hover,.nav-links button:hover{text-decoration:underline}@media (min-width:600px){.nav-toggle{display:none}.nav-links,.nav-links.open{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:0;padding:0;width:auto}.nav-links a,.nav-links button{font-size:.8rem;padding:4px 6px;text-align:left}}footer{border-top:1px solid #e0e0e0;margin-top:48px}footer>*{max-width:640px;margin:0 auto;padding:16px 0;font-size:.875rem;color:#555;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}form{display:flex;flex-direction:column;gap:20px}form div div+div{margin-top:8px}label{display:block;font-weight:500;margin-bottom:4px}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{display:block;width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font:inherit;color:inherit;background:#fff}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{outline:2px solid #111;outline-offset:1px;border-color:#111}input[type=checkbox],input[type=radio]{width:auto;margin-right:6px;vertical-align:middle}fieldset{border:1px solid #e0e0e0;border-radius:4px;padding:12px 16px}legend{font-weight:500;padding:0 4px}fieldset label{font-weight:400;display:inline-flex;align-items:center;margin-right:16px;margin-bottom:0}button{font:inherit;cursor:pointer;border-radius:4px;padding:10px 20px;border:none}button.primary,button[type=submit]{background:#111;color:#fff;border:none}button.primary:hover,button[type=submit]:hover{background:#333}button.primary:disabled,button[type=submit]:disabled{opacity:.5;cursor:not-allowed}button[type=button]{background:#f5f5f5;color:inherit;border:1px solid #ccc}button[type=button]:hover{background:#ebebeb;border-color:#aaa}button[type=button]:disabled{opacity:.5;cursor:not-allowed}.error,[role=alert]{color:#c00;font-size:.875rem}.success{color:#060;font-size:.875rem}ol,ul{padding-left:1.25rem;margin-bottom:.75rem}li{margin-bottom:.25rem}.input-row{display:flex;align-items:center;gap:8px}.input-row input{flex:1 1;margin-bottom:0}.input-row button{flex-shrink:0;padding:8px 12px;font-size:.875rem;white-space:nowrap}.btn-add{margin-top:8px;font-size:.875rem;padding:6px 12px}section+section{border-top:1px solid #e0e0e0;padding-top:24px;margin-top:24px}@media (min-width:600px){html{font-size:16px}body{padding:0 24px}}