/********************************************************************************
파일이름 : stock-talk.css
파일설명 : 국내·미국 종목 전용 게시판과 대댓글 반응형 스타일
작성일자 : 2026-10-08 / 버전 : v10 / 작성자 : Codex
내용 : 기존 리뉴얼 화면 내부에 적용한다.
- 수정사항 -
  2026-10-12 v10 : 빈 목록 안내를 표와 분리하고 모바일 문장을 어절 단위로 줄바꿈.
  2026-10-11 v9 : 독자 댓글 스타일 제거, talkV 공통 댓글·추천 디자인 사용.
  2026-10-11 v8 : 일반 게시판과 같은 간결한 비회원 닉네임·비밀번호 입력 너비 적용.
  2026-10-08 v7 : 댓글 textarea 스타일의 에디터 침범을 수정하고 공지 표시를 추가한다.
  2026-10-08 v6 : talkW 작성 폼의 본문 간격과 포커스 제거 정책을 유지한다.
  2026-10-08 v5 : 사용자 요청에 따라 게시판의 회색 포커스 외곽선도 제거한다.
  2026-10-08 v4 : 검색·작성·댓글 폼의 파란 포커스 효과를 제거하고 중립색 접근성 표시를 유지한다.
  2026-10-08 v3 : 빈 종목 게시판의 글쓰기 안내 링크를 파란색으로 표시한다.
  2026-10-08 v2 : 종목 목록의 제목 중심 열 배치와 연한 회색 헤더를 적용한다.
  2026-10-08 v1 : 기존 리뉴얼 화면 내부에 적용한다.
********************************************************************************/
.st-board{min-width:0;margin-top:28px;font-size:14px;order:8;color:#263242}
.st-board #guest-comment-form .form-control{font-size:.875rem}
@media(min-width:576px){.st-board .guest-credentials>.guest-credential-field{flex:0 0 208px;width:208px;max-width:100%}}
.st-head,.st-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}
.st-head h3{margin:0;flex:1}.st-board h3{font-size:19px}.st-board h4{font-size:16px}.st-board small,.st-meta{font-size:12px;color:#7b8490}
.st-table{overflow-x:auto}.st-table table{width:100%;font-size:13px}.st-table th{white-space:nowrap;color:#65707d;font-weight:500}.st-table td{padding:12px 7px;vertical-align:middle}.st-table td:first-child{width:64%;min-width:150px;overflow-wrap:anywhere}.st-table td:not(:first-child){white-space:nowrap}.st-table a{color:inherit;text-decoration:none}.st-table a:hover{text-decoration:underline}
.st-empty{text-align:center;padding:28px!important}.st-more{display:block;text-align:right}.st-search{display:flex;justify-content:center;gap:6px;margin-top:15px}.st-search input{min-width:0;max-width:70%;border:1px solid #dde1e6;border-radius:4px;padding:6px}
.st-content{padding:20px 0;overflow-wrap:anywhere;min-height:100px}.st-content img{max-width:100%;height:auto}.st-content iframe{max-width:100%}.st-content table{max-width:100%;display:block;overflow:auto}.st-content pre{white-space:pre-wrap}
.st-note{font-size:12px;color:#7b8490;margin-top:8px}
.st-board .st-reply{padding-left:8px;padding-right:8px;overflow-wrap:anywhere}
.st-board .tv-reply-actions{flex-shrink:0;align-self:flex-start}
.st-board .tv-reply-actions .dropdown-toggle::after{display:none}
.st-board #talkLikeWrap .likeColor{color:#e9576a}
.st-board #talkLikeWrap .dislikeColor{color:#515bb2}
.st-board #talkLikeWrap .normalColor{color:#aaa}
.st-board #talkLikeWrap .voteBtn{flex-wrap:nowrap;min-width:0;max-width:100%}
.st-board #talkLikeWrap .voteLabel,.st-board #talkLikeWrap .voteCnt{white-space:nowrap}
@media(max-width:575.98px){.st-board .tv-reply-row{flex-wrap:wrap}.st-board .tv-reply-row>.col{flex-basis:calc(100% - 32px)}.st-board .tv-reply-actions{width:100%;justify-content:flex-end;margin-top:8px}.st-board .tv-reply-row .reply-meta small{white-space:nowrap}}
.st-us-nav{display:flex;gap:18px;border-bottom:1px solid #e6e9ed;padding:12px 0;order:0}.st-us-nav a{padding:5px;text-decoration:none;color:#777}.st-us-nav .active{font-weight:700;color:#20252c;border-bottom:2px solid #20252c}
@media(max-width:600px){.st-child{margin-left:12px;padding-left:8px}.st-table td:nth-child(3),.st-table th:nth-child(3){display:none}.st-table td{padding:10px 4px;font-size:12px}.st-table td:last-child{font-size:10px}.st-board .note-editor .note-toolbar{white-space:normal}.st-board .note-editor img{max-width:100%}.st-board .st-meta{font-size:11px}}

.usv-wrap.st-board-open > :not(.usv-topbar):not(.st-us-nav):not(.st-board){display:none}

/* 종목 목록은 제목에 남은 폭을 배정하고 보조 열은 좁게 유지한다. */
.st-stock-table table{table-layout:fixed}
.st-stock-table .st-col-author{width:100px}
.st-stock-table .st-col-views{width:60px}
.st-stock-table .st-col-date{width:80px}
.st-stock-table thead th{background-color:#f5f7f9;color:#84909e;font-size:12px;font-weight:600;padding:10px 8px;border-top:1px solid #e5eaf0;border-bottom:1px solid #e5eaf0}
.st-stock-table td:first-child{width:auto;min-width:0}
.st-stock-table th:nth-child(2),.st-stock-table td:nth-child(2){text-align:center;overflow:hidden;text-overflow:ellipsis}
.st-stock-table th:nth-child(3),.st-stock-table td:nth-child(3),.st-stock-table th:nth-child(4),.st-stock-table td:nth-child(4){text-align:right}
.st-stock-table td:nth-child(4){font-size:11px}
@media(max-width:600px){
 .st-stock-table .st-col-author{width:66px}
 .st-stock-table .st-col-views{display:none;width:0}
 .st-stock-table .st-col-date{width:68px}
 .st-stock-table thead th{padding:10px 4px}
}

.st-stock-table > .st-empty{margin:0 0 16px;border-bottom:1px solid #dee2e6;word-break:keep-all;overflow-wrap:break-word}
.st-stock-table .st-empty-write{color:#4169ff;font-size:14px;line-height:1.7}
.st-stock-table .st-empty-write:hover,.st-stock-table .st-empty-write:focus-visible{color:#254de0;text-decoration:underline}

/* 게시판 입력과 에디터에 공통 파란 outline/Bootstrap focus shadow가 겹치지 않게 한다. */
.st-board :is(input,textarea,select,button,a,[contenteditable="true"]):focus{
 outline:none;box-shadow:none;
}
.st-board :is(input,textarea,select):focus{border-color:#d9dee5}
.st-board :is(input,textarea,select,button,a,[contenteditable="true"]):focus-visible{
 outline:none;box-shadow:none;
}

#st-write .board-head{margin-top:0}
#st-write #st-upload-state:empty{display:none}
#st-write #summernoteWrap :is(input,textarea,select,button,a,[contenteditable="true"]):focus,
#st-write #summernoteWrap :is(input,textarea,select,button,a,[contenteditable="true"]):focus-visible{outline:none;box-shadow:none}

.st-stock-table .st-notice{color:#eb321a;font-weight:600;margin-right:5px}
#st-write .st-type{margin-bottom:14px}