*{box-sizing:border-box}body{color:#272921;background:#f5f5f0;margin:0;font:15px/1.6 Arial}main{grid-template-columns:260px 1fr;min-height:100vh;display:grid}aside{color:#f7f7ee;background:#272c25;padding:36px 24px}h1{letter-spacing:3px;font:21px Georgia}aside p{color:#b7bcad;font-size:12px}nav{gap:18px;margin-top:50px;font-size:13px;display:grid}section{max-width:1100px;padding:80px 7vw}h2{font:400 52px/1.15 Georgia}section>p{color:#666b5d;max-width:600px}section>div{background:#fff;border:1px solid #d8dacc;margin-top:50px;padding:25px 35px}small{letter-spacing:2px}@media (max-width:700px){main{grid-template-columns:1fr}aside nav{display:none}section{padding:35px 24px}h2{font-size:38px}}
form{max-width:850px;margin-top:24px}label{margin:16px 0;font-size:13px;display:block}input,select,textarea{width:100%;font:inherit;color:#272921;background:#fff;border:1px solid #babfb1;margin-top:7px;padding:13px;display:block}textarea{resize:vertical;min-height:100px}button{color:#fff;font:inherit;cursor:pointer;background:#333e2c;border:0;padding:13px 22px}button:disabled{opacity:.6;cursor:wait}input[type=checkbox]{vertical-align:middle;width:20px;height:20px;margin:0 8px 0 0;padding:0;display:inline-block}summary{cursor:pointer;min-height:44px;padding:14px 0}details{border-top:1px solid #d8dacc;margin:18px 0}.fields{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}:focus-visible{outline-offset:3px;outline:3px solid #747f55}[role=status]{color:#554d36}@media (max-width:600px){.fields{grid-template-columns:1fr}}