.container { max-width: 100%; padding: 1rem; margin: 0 auto; box-sizing: border-box; }
.list-write { font-size: 1.5rem; margin: 1rem 0; text-align: center; }

.search-form-board { display: flex; flex-direction: column; align-items: stretch; gap: 0.5rem; margin-bottom: 1rem; }
.search-input { padding: 0.5rem; font-size: 1rem; width: 100%; }
.search-button { padding: 0.5rem; background: #444; color: #fff; border: none; font-size: 1rem; cursor: pointer; }

.select-all { margin: 0.5rem 0; }
.select-all label { font-size: 0.9rem; }

.post-list { list-style: none; padding: 0; margin: 0; }
.post-item { padding: 1rem; border-bottom: 1px solid #ddd; }
.post-summary { display: flex; flex-direction: column; }
.post-title { font-size: 1.1rem; margin: 0; word-break: break-word; }
.post-title a { text-decoration: none; color: #333; }
.post-title a:hover { text-decoration: underline; }

.post-meta { font-size: 0.85rem; color: #666; margin-top: 0.5rem; display: flex; justify-content: space-between; flex-wrap: wrap; }
.post-meta .icons { margin-left: auto; text-decoration: none; color: #007bff; }

.write-btn { display: block; width: 100%; margin: 1rem 0; padding: 0.75rem; text-align: center; background-color: #007bff; color: white; border: none; text-decoration: none; }

#deleteBtn { margin-top: 1rem; padding: 0.75rem; background: red; color: #fff; border: none; cursor: pointer; }

.item-checkbox { margin-right: 0.5rem; }

/* 데스크탑 대응 */
@media (min-width: 768px) {
  .search-form-board { flex-direction: row; }
  .search-input { flex: 1; }
  .search-button { width: auto; }
  .post-summary { flex-direction: row; justify-content: space-between; align-items: center; }
  .post-title { flex: 1; margin-right: 1rem; }
}