:root{font-family:system-ui,sans-serif;color:#17272c;background:#f3f5f2;line-height:1.6}
body{margin:0;padding:32px 20px}main{max-width:780px;margin:auto;background:white;padding:clamp(22px,5vw,52px);border-radius:14px;box-shadow:0 4px 24px #1427240c}
h1{line-height:1.2;letter-spacing:-.03em}a{color:#176452}button{font:inherit;padding:10px 18px;background:#176452;color:white;border:0;border-radius:6px;cursor:pointer;margin:8px 0}button:hover{background:#124c3f}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #cf9319;outline-offset:3px}
nav{display:flex;justify-content:space-between;align-items:center}.muted{color:#56676b}fieldset{border:1px solid #cad4cf;border-radius:6px;margin:22px 0;padding:16px}.channel{display:flex;gap:14px;align-items:center;padding:12px;border-bottom:1px solid #ebefec}.channel:last-child{border:0}input[type=checkbox]{width:20px;height:20px;accent-color:#176452;flex-shrink:0}textarea{width:100%;min-height:140px;overflow-wrap:anywhere}p[role=alert]{padding:14px;background:#fff3d7}p[role=status]{padding:14px;background:#e7f5ed}

nav{flex-wrap:wrap;gap:12px}article{border-top:1px solid #cad4cf;padding:12px 0}h2,h3,p,li{overflow-wrap:anywhere}input[name=category]{box-sizing:border-box;max-width:100%;font:inherit;padding:8px;border:1px solid #cad4cf;border-radius:6px}details{margin-top:24px}details form{padding:12px 0;border-top:1px solid #ebefec}details label{display:block}summary{cursor:pointer}