/* library/board-report-read.html — 성적서 상세 전용 보정
 *
 * 이 파일은 목록 전용 CSS(library-board-report-list.css)에 얹혀 상세에만 필요한 것을 더한다.
 * 레이아웃(1080/1078 고정폭 2단 → 좁은 폭 단일열)은 목록 CSS 가 이미 처리하므로 반복하지 않는다.
 *
 * 상세는 h8 이 만들지 않은 화면이라(글 0건 → R13 정상) 목록 페이지의 셸을 계승해 신설했다.
 * 그래서 여기서 다루는 것은 원본에 없던 요소 3종(첨부·추가정보·태그 목록)의 최소 서식뿐이다.
 */

/* 첨부/추가정보/태그 — 원본 스킨에 대응 요소가 없어 td01(본문 서체)에 맞춘 최소 목록 서식만 준다.
 * 자료실이라 첨부가 가장 중요한 정보다: 링크임이 분명히 보여야 한다. */
.board-read-files,
.board-read-fields,
.board-read-tags {
  margin: 0;
  padding: 0;
  list-style: none;
}

.board-read-files > li,
.board-read-fields > li {
  margin: 0 0 4px;
  line-height: 1.6;
}

.board-read-files > li:last-child,
.board-read-fields > li:last-child {
  margin-bottom: 0;
}

.board-read-files a {
  text-decoration: underline;
}

/* 태그는 가로 나열 */
.board-read-tags > li {
  display: inline-block;
  margin: 0 6px 4px 0;
  line-height: 1.6;
}

.board-read-tags > li::before {
  content: '#';
}

/* 이전/다음 글 링크 — 제목이 길어도 줄바꿈으로 흘러가게 */
[data-read-prev] ,
[data-read-next] {
  word-break: break-all;
}

/* 이전글/다음글 라벨 — 제목과 붙어 보이던 것을 폭 확보 + 여백으로 분리하고,
 * 상세 상단 메타에서 통일한 다크 라벨 톤(#767a82, bold)과 맞춘다. */

/* 본문 영역은 css/editor-content.css 가 서식을 책임진다.
 * 여기서는 원본 고정폭 표 안에서 이미지가 넘치지 않게만 잡는다. */
[data-editor-view] img,
[data-editor-view] video,
[data-editor-view] iframe {
  max-width: 100%;
  height: auto;
}

[data-editor-view] table {
  max-width: 100%;
}