body{align-items:flex-start;background-color:#f4f5f7;font-family:Arial,sans-serif;margin:0;min-height:100vh}.board,body{display:flex;justify-content:center;padding:20px}.board{flex-wrap:wrap;gap:20px;max-width:1227px;width:100%}.column{background-color:#ebecf0;border-radius:5px;display:flex;flex-direction:column;margin-bottom:20px;max-width:275px;min-height:500px;padding:15px;width:100%}.column-header{font-size:28px;font-weight:700;margin-bottom:10px}.cards{flex-grow:1;min-height:200px}.card{background-color:#fff;border-radius:5px;cursor:grab;font-size:16px;margin-bottom:12px;overflow-wrap:break-word;padding:12px 52px 12px 12px;position:relative;white-space:pre-wrap;word-break:break-word}.card:hover .delete-card,.card:hover .edit-card{display:block}.card.dragging{box-shadow:0 4px 12px rgba(0,0,0,.2);cursor:grabbing!important;opacity:.7;transition:transform .2s ease,opacity .2s ease}.delete-card,.edit-card{cursor:pointer;display:none;font-size:18px;position:absolute}.delete-card{right:8px;top:8px}.edit-card{right:31px;top:8px}.add-card{background-color:transparent;border-radius:5px;color:#5e6c84;cursor:pointer;font-size:18px;margin-top:auto;padding:12px;text-align:center}.add-card:hover{background-color:#091e4214}@media (max-width:1035px){.board{align-items:center;flex-direction:column}.column{max-width:65%}.card{padding-right:50px}}