.board-view{border-top:2px solid var(--c-text)}

.board-view__head{
  padding:28px 4px;
  border-bottom:1px solid var(--c-line);
}
.board-view__title{
  font-family:var(--f-head);
  font-size:24px;
  font-weight:var(--fw-head);
  line-height:1.4;
  letter-spacing:-.02em;
}
.board-view__meta{
  display:flex;flex-wrap:wrap;gap:6px 18px;
  margin-top:12px;
  font-size:var(--fs-sm);
  color:var(--c-text-mute);
}

.board-view__files{
  padding:16px 20px;
  background:var(--c-bg-alt);
  border-bottom:1px solid var(--c-line);
  font-size:var(--fs-sm);
}
.board-view__files li{display:flex;gap:10px;align-items:center}
.board-view__files li+li{margin-top:6px}
.board-view__file-size{color:var(--c-text-mute);font-size:13px}

.board-view__body{
  padding:40px 4px;
  border-bottom:1px solid var(--c-line);
  line-height:var(--lh-body);
}
.board-view__body img{margin:16px 0;border-radius:var(--radius)}
.board-view__body p+p{margin-top:1em}
.board-view__body h2,
.board-view__body h3{margin:1.4em 0 .5em;font-weight:700}
.board-view__body ul{list-style:disc;padding-left:1.3em}
.board-view__body ol{list-style:decimal;padding-left:1.3em}
.board-view__body a{color:var(--c-primary);text-decoration:underline}

/* 에디터 표 — reset 이 브라우저 기본 테이블 스타일을 지워서 여기서 다시 세운다.
   ⚠️ 없으면 셀이 좌우로 붙어 「위치 경기도…」처럼 한 줄 텍스트로 보인다 */
.board-view__body table{
  width:100%;
  margin:20px 0;
  border-collapse:collapse;
  font-size:var(--fs-sm);
  /* 긴 값이 셀을 밀어내지 않게 폭을 균등 배분 */
  table-layout:fixed;
}
.board-view__body th,
.board-view__body td{
  padding:12px 14px;
  border:1px solid var(--c-line);
  line-height:1.6;
  text-align:left;
  vertical-align:top;
  /* 주소·URL 처럼 띄어쓰기 없는 긴 문자열 대응 */
  word-break:break-word;
}
.board-view__body th{
  background:var(--c-bg-alt);
  font-weight:700;
}
.board-view__body table p{margin:0}

/* 모바일 — 표가 화면보다 넓으면 가로 스크롤.
   ⚠️ 셀을 세로로 쌓지 않는다. 항목·값 대응이 깨진다 */
@media (max-width:640px){
  .board-view__body table{
    display:block;
    overflow-x:auto;
    white-space:nowrap;
    table-layout:auto;
  }
  .board-view__body th,
  .board-view__body td{white-space:normal;min-width:120px}
}

.board-view__body blockquote{
  margin:20px 0;
  padding:14px 20px;
  border-left:3px solid var(--c-primary);
  background:var(--c-bg-alt);
  color:var(--c-text-mute);
}
.board-view__body hr{
  margin:32px 0;
  border:0;
  border-top:1px solid var(--c-line);
}
.board-view__body li+li{margin-top:.3em}
.board-view__body strong{font-weight:700}
.board-view__body em{font-style:italic}
.board-view__body u{text-decoration:underline}
.board-view__body s{text-decoration:line-through}
.board-view__body sub{vertical-align:sub;font-size:.8em}
.board-view__body sup{vertical-align:super;font-size:.8em}
.board-view__body code{
  padding:2px 6px;
  background:var(--c-bg-alt);
  border-radius:4px;
  font-size:.92em;
}

.board-nav{margin-top:0}
.board-nav__item{
  display:flex;gap:20px;align-items:center;
  padding:16px 4px;
  border-bottom:1px solid var(--c-line);
  font-size:var(--fs-sm);
  transition:background var(--tr);
}
.board-nav__item:hover{background:var(--c-bg-alt)}
.board-nav__label{
  flex-shrink:0;
  width:60px;
  color:var(--c-text-mute);
  font-weight:700;
}
.board-nav__title{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.board-view__actions{
  display:flex;justify-content:center;
  margin-top:40px;
}
.board-view__back{
  display:inline-block;
  padding:14px 46px;
  background:var(--c-text);
  color:#fff;
  border-radius:var(--btn-radius);
  font-size:var(--fs-sm);
  font-weight:700;
  transition:var(--tr);
}
.board-view__back:hover{background:var(--c-primary)}
.board-view__file{display:flex;gap:10px;align-items:center}
.board-view__file:hover .board-view__file-name{color:var(--c-primary);text-decoration:underline}

@media (max-width:1024px){
  .board-view__title{font-size:19px}
  .board-view__body{padding:28px 4px}
  .board-nav__label{width:48px}
}
/* 본문에 사진이 없는 글의 썸네일 (boards.thumb_in_view) */
.board-view__thumb{margin:0 0 24px}
.board-view__thumb img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:var(--radius)}