*{box-sizing:border-box}
body{margin:0;background:#f7f4ed;color:#071c40;font:1rem/1.55 system-ui,sans-serif}
main{max-width:900px;margin:auto;padding:24px}
.brand{width:min(290px,100%);display:block}
nav,.grid{display:flex;flex-wrap:wrap;gap:14px;margin:16px 0}
.grid>*{flex:1 1 230px}
h1,h2{line-height:1.18}
a{color:#006770}
article,section{background:#fffaf2;border:1px solid #ddd7ca;border-radius:14px;padding:18px;margin-bottom:12px}
label{display:block;font-weight:650}
input,select{display:block;width:100%;margin:5px 0;padding:10px;border:1px solid #878e90;border-radius:7px;background:white;color:inherit;font:inherit}
button{font:inherit;font-weight:650;padding:10px 16px;border-radius:8px;border:1px solid #006770;background:#006770;color:white;cursor:pointer}
aside{background:#fff0e7;border-left:4px solid #983f2b;padding:12px 16px}
[hidden]{display:none}
summary{cursor:pointer;font-weight:650;margin:.65rem 0}
.tick{display:flex;align-items:flex-start;gap:.65rem;margin:.65rem 0}
.tick input{width:auto;margin:.4rem 0 0}