:root{color:#183034;background:#f3f6f4;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}header{color:#fff;background:#163e3a;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 4%;display:flex}header a{color:#fff}nav{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}nav form{border:0;margin:0;padding:0}main{max-width:960px;margin:2rem auto;padding:0 1rem}h1{font-size:2rem}a{color:#126656}article{overflow-wrap:anywhere;background:#fff;border:1px solid #cedbd3;border-radius:12px;margin:1rem 0;padding:1.3rem}form{border-bottom:1px solid #dae4de;flex-wrap:wrap;align-items:end;gap:.8rem;margin-bottom:.8rem;padding:1rem 0;display:flex}label{flex-direction:column;flex:1;gap:.3rem;min-width:160px;display:flex}input,select,textarea,button{font:inherit;border:1px solid #91a79b;border-radius:5px;padding:.6rem}textarea{min-height:100px}button{color:#fff;cursor:pointer;background:#176454}.danger{background:#8b3636}.check{flex-direction:row;flex:0;align-items:center;min-width:80px}summary{cursor:pointer;padding:.7rem 0;font-weight:600}.note{white-space:pre-wrap}input[name=text]{width:100%}label:has(input[name=text]){flex-basis:60%}@media (max-width:600px){header{flex-direction:column;align-items:start}form{align-items:stretch}label{flex-basis:100%}}