*{box-sizing:border-box}body{margin:0;background:#f3f5f1;color:#21332b;font:16px system-ui,sans-serif}header{background:#163d30;color:white;padding:24px 5%;display:flex;justify-content:space-between;align-items:center}header small{color:#b6d1bf}h1{font-size:24px;margin:0}h2{font-size:23px}h3{margin-top:0}main{max-width:1160px;margin:32px auto;padding:0 24px}.intro{margin-bottom:28px;color:#617166}.banner{background:#fff1ce;padding:16px;border-radius:10px;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{background:white;border:1px solid #dce4db;border-radius:14px;padding:24px;margin-bottom:16px}label{display:block;margin:15px 0 6px}input:not([type=checkbox]),select{width:100%;padding:12px;border:1px solid #bacabc;border-radius:7px;font:inherit;background:white}button{border:0;border-radius:7px;padding:12px 18px;background:#236744;color:white;font:inherit;cursor:pointer}button.secondary{background:#e8ede8;color:#304738}button:hover{filter:brightness(.94)}.actions{display:flex;gap:10px;align-items:center;margin-top:20px}.check{display:inline-flex;align-items:center;gap:8px;margin-right:20px}.tag{font-size:13px;background:#e8eee7;border-radius:30px;padding:6px 10px;display:inline-block}.message{padding:15px;background:#dceedd;border-radius:8px}.muted{color:#647368;font-size:14px}.login{max-width:440px;margin:70px auto}a{color:inherit}.comment{white-space:pre-wrap;overflow-wrap:anywhere}nav{display:flex;gap:14px;margin:25px 0}nav a{text-decoration:none;padding:9px 13px;border-radius:7px;background:#e2e9df}footer{margin:35px 0;color:#647368;font-size:13px}@media(max-width:700px){.grid{grid-template-columns:1fr}header{align-items:flex-start;gap:15px}h1{font-size:20px}.actions{flex-wrap:wrap}}