:root{color:#203529;background:#f7f8f4;font-family:system-ui,sans-serif}body{margin:0}main{max-width:1150px;margin:auto;padding:24px}h1{font-size:2rem}h2{border-bottom:1px solid #ccd6cb;padding-bottom:8px}label{margin:12px 0;font-weight:600;display:block}input,select,textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid #879a8c;border-radius:4px;margin-top:5px;padding:9px;display:block}textarea{min-height:90px}button{color:#244b37;font:inherit;cursor:pointer;background:#fff;border:1px solid #3d6250;border-radius:4px;margin:4px;padding:9px 12px}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #a76c21}.banner{background:#e3eadc;padding:12px}.layout{grid-template-columns:270px 1fr;gap:28px;display:grid}aside ul{padding-left:12px;list-style:none}iframe{background:#fff;border:1px solid #ccd6cb;width:100%;min-height:140px}[role=alert]{background:#fff0e8;border-left:4px solid #a43d23;padding:12px}code{overflow-wrap:anywhere}@media (width<=750px){.layout{grid-template-columns:1fr}}