/* =========================================================
   N2S v31.3 — Notice list readability focus
   Scope: notice board list only
   Goal: make each notice easier to scan without changing the
   approved header / moon-castle hero / priest side artwork.
   ========================================================= */

/* More breathing room per notice, while preserving the existing table frame. */
body.community-v31-1.notice-board-v31-3 .board-row-v19 {
  grid-template-columns: 54px 116px minmax(0,1fr) 116px 104px 140px !important;
  min-height: 104px !important;
  gap: 14px !important;
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

/* Slightly larger thumbnail so the poster can be recognized at a glance. */
body.community-v31-1.notice-board-v31-3 .board-row-poster {
  width: 116px !important;
  max-width: 116px !important;
  border-radius: 4px !important;
}

/* Keep the table heading aligned with the enlarged poster column. */
body.community-v31-1.notice-board-v31-3 .board-table-head span:nth-child(2) {
  padding-left: 136px !important;
}

/* Stronger content hierarchy: title first, summary second. */
body.community-v31-1.notice-board-v31-3 .board-row-title {
  font-size: 1.055rem !important;
  line-height: 1.34 !important;
  font-weight: 720 !important;
  letter-spacing: -.015em !important;
  color: #f0ede6 !important;
}
body.community-v31-1.notice-board-v31-3 .board-row-copy > p {
  margin-top: 7px !important;
  font-size: .765rem !important;
  line-height: 1.52 !important;
  color: #aeb6bf !important;
}
body.community-v31-1.notice-board-v31-3 .board-row-meta {
  margin-bottom: 5px !important;
}

/* Supporting columns stay restrained, but are a little easier to read. */
body.community-v31-1.notice-board-v31-3 .board-row-number,
body.community-v31-1.notice-board-v31-3 .board-row-date,
body.community-v31-1.notice-board-v31-3 .board-row-author,
body.community-v31-1.notice-board-v31-3 .board-row-admin button {
  font-size: .70rem !important;
}
body.community-v31-1.notice-board-v31-3 .board-row-date,
body.community-v31-1.notice-board-v31-3 .board-row-author,
body.community-v31-1.notice-board-v31-3 .board-row-admin {
  align-self: center !important;
}

/* A touch more separation between entries, without turning them into cards. */
body.community-v31-1.notice-board-v31-3 .board-row-v19 {
  border-bottom-color: rgba(218,174,96,.23) !important;
}
body.community-v31-1.notice-board-v31-3 .board-row-v19:hover {
  background:
    linear-gradient(90deg, rgba(10,24,38,.94), rgba(5,14,23,.97)) !important;
}
body.community-v31-1.notice-board-v31-3 .board-row-v19.is-pinned:hover {
  background:
    linear-gradient(90deg, rgba(114,78,28,.20), rgba(9,21,33,.94) 18%, rgba(5,14,23,.97)) !important;
}

@media (max-width: 900px) {
  /* Let the existing mobile/card layout keep control of column placement. */
  body.community-v31-1.notice-board-v31-3 .board-row-v19 {
    min-height: 0 !important;
  }
}

@media (max-width: 760px) {
  body.community-v31-1.notice-board-v31-3 .board-row-v19 {
    grid-template-columns: 118px minmax(0,1fr) !important;
    gap: 8px 12px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
  }
  body.community-v31-1.notice-board-v31-3 .board-row-poster {
    width: 118px !important;
    max-width: 118px !important;
  }
  body.community-v31-1.notice-board-v31-3 .board-row-title {
    font-size: .98rem !important;
  }
  body.community-v31-1.notice-board-v31-3 .board-row-copy > p {
    font-size: .74rem !important;
    line-height: 1.47 !important;
  }
}

@media (max-width: 430px) {
  body.community-v31-1.notice-board-v31-3 .board-row-v19 {
    grid-template-columns: 102px minmax(0,1fr) !important;
    gap: 7px 10px !important;
  }
  body.community-v31-1.notice-board-v31-3 .board-row-poster {
    width: 102px !important;
    max-width: 102px !important;
  }
}