/* News tables share the same readable layout in the editor and published content. */
:is(.news-editor-canvas, .public-news-detail-content, .member-news-content, .song-guide-content, .gongo-guide-detail-content) .news-table-scroll {
  max-width: 100%;
  margin: 16px 0 20px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
}

:is(.news-editor-canvas, .public-news-detail-content, .member-news-content, .song-guide-content, .gongo-guide-detail-content) table {
  width: 100%;
  max-width: 100%;
  margin: 16px 0 20px;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: auto;
  color: inherit;
  font-size: inherit;
  line-height: 1.7;
}

:is(.news-editor-canvas, .public-news-detail-content, .member-news-content, .song-guide-content, .gongo-guide-detail-content) .news-table-scroll > table {
  min-width: 480px;
  margin: 0;
}

:is(.news-editor-canvas, .public-news-detail-content, .member-news-content, .song-guide-content, .gongo-guide-detail-content) :is(th, td) {
  padding: 12px 16px;
  border: 0;
  border-bottom: 1px solid rgba(246, 205, 155, .24);
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}

:is(.news-editor-canvas, .public-news-detail-content, .member-news-content, .song-guide-content, .gongo-guide-detail-content) th {
  border-bottom-color: rgba(246, 205, 155, .55);
  font-weight: 800;
}

:is(.news-editor-canvas, .public-news-detail-content, .member-news-content, .song-guide-content, .gongo-guide-detail-content) td {
  font-weight: 400;
}

:is(.news-editor-canvas, .public-news-detail-content, .member-news-content, .song-guide-content, .gongo-guide-detail-content) table p {
  margin: 0 0 .5em;
}

:is(.news-editor-canvas, .public-news-detail-content, .member-news-content, .song-guide-content, .gongo-guide-detail-content) :is(th, td) > :last-child {
  margin-bottom: 0;
}

.news-table-scroll:focus-visible {
  outline: 2px solid #f6cd9b;
  outline-offset: 3px;
}

@media print {
  .news-table-scroll { overflow: visible; }
  :is(.news-editor-canvas, .public-news-detail-content, .member-news-content, .song-guide-content, .gongo-guide-detail-content) .news-table-scroll > table { min-width: 0; }
}