body {
    padding-bottom: 5rem;
}

section {
    margin-bottom: 2rem;
}

textarea {
    resize: vertical;
}

/* Table styles */
table {
    width: 100%;
    table-layout: fixed;
}

th:nth-child(1) { width: 8%; }  /* ID */
th:nth-child(2) { width: 25%; } /* Title */
th:nth-child(3) { width: 45%; } /* Content */
th:nth-child(4) { width: 22%; } /* Actions */

.content-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 0;
}

td, th {
    vertical-align: middle;
}

td button {
    margin: 0;
    padding: 0.5rem 1rem;
}

.action-cell {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.delete-btn.confirming {
    --pico-color: var(--pico-primary-inverse);
    --pico-background-color: var(--pico-primary-hover);
    --pico-border-color: var(--pico-primary-hover);
    --pico-box-shadow: none;
}