.board-title a { flex-direction: row; align-items: center; gap: 14px; }
.board-list-thumb { flex: 0 0 auto; width: 82px; height: 54px; border-radius: 10px; object-fit: cover; box-shadow: 0 5px 15px rgba(15,31,55,.1); }
.board-title-copy { display: flex; min-width: 0; flex-direction: column; gap: 5px; }
.board-title-copy > span { color: #8a98aa; font-size: 12px; opacity: 0; transform: translateX(-5px); transition: .18s ease; }
.board-table tr:hover .board-title-copy > span { opacity: 1; transform: translateX(0); }
.board-cover { margin: 0; padding: clamp(24px, 4vw, 40px) clamp(24px, 5vw, 58px) 0; background: #fff; }
.board-cover img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 18px; box-shadow: 0 14px 45px rgba(15,31,55,.14); }
.board-auto-link { margin: 4px 0; padding: 20px; border: 1px solid #d9e5f2; border-radius: 14px; background: linear-gradient(135deg, #f7fbff, #f6fbf9); }
.board-auto-link legend { display: flex; align-items: center; gap: 9px; padding: 0 8px; color: #18304f; font-weight: 850; }
.board-auto-link legend small { padding: 4px 7px; border-radius: 999px; color: #087b61; background: #e4f7f1; font-size: 10px; }
.board-auto-link > p { margin: 0 0 15px; color: #69798d; font-size: 13px; line-height: 1.6; }
.board-auto-link-grid { display: grid; grid-template-columns: minmax(180px, .7fr) minmax(0, 1.3fr); gap: 14px; }
@media (max-width: 760px) {
  .board-list-thumb { width: 68px; height: 46px; }
  .board-title a { align-items: flex-start; }
  .board-cover { padding: 18px 18px 0; }
  .board-cover img { border-radius: 13px; }
  .board-auto-link { padding: 17px 14px; }
  .board-auto-link-grid { grid-template-columns: 1fr; }
}