/* Simple Sections To-Do styles - compact, minimal, Windows-XP-ish feel */
.sst-container{font-family: Arial, Helvetica, sans-serif;max-width:1200px;margin:10px auto;padding:10px;}
.sst-controls{margin-bottom:8px;}
.sst-btn{background:#e6e6e6;border:1px solid #999;padding:6px 10px;border-radius:4px;cursor:pointer}
.sst-columns{display:flex;gap:12px;}
.sst-column{flex:1;min-height:200px;background:#f7f7f7;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}
.sst-section{background:#fff;border:1px solid #cfcfcf;padding:6px;margin-bottom:8px;border-radius:4px;line-height:1.05}
.sst-section-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}
.sst-section-title{font-size:14px;margin:0;padding:2px 4px;min-width:120px}
.sst-section-title:focus{outline:2px dashed #9ec0ff}
.sst-tasks{display:flex;flex-direction:column;gap:4px}
.sst-task{padding:4px 6px;border-radius:3px}
.sst-task-row{display:flex;align-items:center;gap:8px;font-size:13px;margin:0;padding:0;line-height:1}
.sst-task-checkbox{margin:0;padding:0;transform:scale(1.05)}
.sst-task-title{flex:1;min-width:0;padding:2px 4px}
.sst-small{font-size:11px;color:#666;margin-left:8px}
.sst-task-title[contenteditable="true"]:focus{outline:1px solid #d0d0d0}
.sst-task.sst-completed .sst-task-title{text-decoration:line-through;color:#777}

/* small delete buttons */
.sst-delete-section, .sst-delete-task { background: transparent; border: none; padding:4px 6px; cursor: pointer; font-size:14px; }

/* Mobile responsive: stack into one column */
@media (max-width: 768px) {
  .sst-columns {
    flex-direction: column;
  }
  .sst-column {
    padding:6px;
  }
  .sst-section { margin-bottom:10px; }
  .sst-container { padding:8px; margin:6px; }
  .sst-task-row { gap:6px; }
  .sst-delete-task { padding:2px 4px; font-size:12px; }
}