.task-card{display:flex;gap:16px;padding:18px 0;border-top:1px solid #eff0f6}
.task-card:first-of-type{border-top:0}
.task-content{flex:1;min-width:0}
.task-content h3{margin:0 0 6px}
.task-content>p{white-space:normal;margin-bottom:10px}
.task-check form{margin:0}
.task-toggle,.task-check>span{width:40px;height:40px;padding:0;border-radius:50%;font-size:23px}
.task-card.is-done{opacity:.62}
.task-card.is-done h3{text-decoration:line-through}
.task-meta{display:flex;gap:9px;flex-wrap:wrap}
.task-meta span{background:#f5f6fa;border-radius:20px;padding:4px 10px;font-size:11px;color:#687288}
.task-meta .overdue{background:#fff0f3;color:#a4314e}
.task-content details{margin-top:12px}
.board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.board-note{position:relative;background:#fff9db;border:1px solid #f2e6a8;border-radius:16px;padding:25px;box-shadow:0 8px 18px #79691a0a}
.board-note:nth-child(3n+2){background:#edf8f0;border-color:#d8ebde}
.board-note:nth-child(3n){background:#f1edff;border-color:#e2dcfa}
.board-note.is-pinned{border-width:2px}
.board-note h2{padding-right:75px}
.board-note p{color:#5d6270;white-space:normal}
.board-note .pin{position:absolute;right:18px;top:18px;font-size:10px;font-weight:700;color:#8a7211;text-transform:uppercase}
.board-note footer{display:flex;align-items:center;gap:10px;color:#838997;font-size:11px}
.board-note footer form{margin-left:auto}
.board-note footer button{font-size:11px}
@media(max-width:700px){.board-grid{grid-template-columns:1fr}.task-card{gap:11px}.task-toggle,.task-check>span{width:34px;height:34px}}