#hotBoards { display: grid; gap: 18px; }
#hotBoards .hot-board-hero { display: flex; justify-content: space-between; gap: 16px; align-items: flex-end; }
#hotBoards .hot-board-hero p { max-width: 640px; color: #5f6b63; }
.hot-board-tabs, .hot-board-categories { display: flex; flex-wrap: wrap; gap: 8px; }
.hot-board-tabs button, .hot-board-categories button, .hot-board-form button {
  border: 1px solid #d7e0d8; background: #fff; color: #234237; border-radius: 999px; padding: 8px 14px; cursor: pointer;
}
.hot-board-tabs button.is-on, .hot-board-categories button.is-on { background: #1f6b45; color: #fff; border-color: #1f6b45; }
.hot-board-categories button small { display: block; font-size: 12px; opacity: .8; }
.hot-board-form { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; }
.hot-board-form label { display: grid; gap: 6px; font-size: 13px; color: #5f6b63; }
.hot-board-form select, .hot-board-form input { min-width: 120px; border: 1px solid #d7e0d8; border-radius: 10px; padding: 8px 10px; }
.hot-board-form button[type="submit"] { background: #1f6b45; color: #fff; border-color: #1f6b45; }
.hot-board-status { min-height: 1.4em; color: #3d5c4a; }
.hot-board-status.is-error { color: #9b2c2c; }
.hot-board-list { display: grid; gap: 10px; }
.hot-board-card { display: grid; grid-template-columns: 72px 1fr auto; gap: 12px; align-items: center; padding: 12px; border: 1px solid #e4ebe6; border-radius: 14px; background: #fff; }
.hot-board-card img, .hot-board-card i { width: 72px; height: 72px; border-radius: 10px; object-fit: cover; background: #eef3ef; }
.hot-board-card strong, .hot-board-card span { display: block; }
.hot-board-card span { color: #6b756f; font-size: 13px; margin-top: 4px; }
.hot-board-card a { color: #1f6b45; }
.hot-board-empty { color: #6b756f; }