/* Forum styling (adds structure + polish on top of styles.css) */

.forum-cat { margin-top: 18px; }
.cat-title { margin: 14px 0 10px; }

.board-list { display: grid; gap: 10px; }

.board-card {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  text-decoration: none;
  color: inherit;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.board-card:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.14);
}

.board-name { font-weight: 800; letter-spacing: .2px; }
.board-desc { margin-top: 4px; }

.board-meta { text-align: right; display:flex; flex-direction:column; gap:6px; min-width: 220px; }

.table { margin-top: 14px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(255,255,255,.08); }
.trow { display:grid; grid-template-columns: 1fr 120px 140px; gap: 12px; padding: 12px 14px; text-decoration:none; color: inherit; border-top: 1px solid rgba(255,255,255,.08); }
.trow.thead { border-top: none; background: rgba(255,255,255,.04); font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: .5px; color: rgba(255,255,255,.7); }
.trow:hover:not(.thead) { background: rgba(255,255,255,.04); }

.t-title { font-weight: 800; }
.right { text-align: right; }

.post { margin-top: 12px; padding: 14px; border-radius: 14px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.03); }
.posts .post { margin-top: 10px; }
.post-head { display:flex; justify-content: space-between; gap: 12px; align-items: baseline; margin-bottom: 8px; }
.post-body { line-height: 1.6; }

.new-thread { margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.08); }
.new-thread textarea { width: 100%; border-radius: 12px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.18); color: inherit; }

.staff-name{
  color:#ffd700;
  font-weight:800;
  text-shadow:0 0 8px rgba(255,215,0,.35);
}

@media (max-width: 720px){
  .board-card { flex-direction: column; }
  .board-meta { text-align: left; min-width: auto; }
  .trow { grid-template-columns: 1fr 90px; }
  .trow > :nth-child(3) { display:none; }
}