/* 글 보기 · 글 작성 · 글 수정: 카드 테두리, 알약 라벨, 초록 채움, 장식 아이콘, 포커스 링을 걷어낸 담백한 본문 중심 화면 */

/* ---------- 글 보기 ---------- */
.post-detail-page .post-shell { border: 0; border-radius: 0; background: transparent; padding: 4px 0 0; }
.post-detail-page .post-breadcrumb { margin-bottom: 10px; font-size: 13px; font-weight: 600; }
.post-detail-page .post-breadcrumb i { display: none; }
.post-detail-page .post-breadcrumb a::before { content: "← "; }
.post-detail-page .post-header { padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.post-detail-page .post-board-badge { min-height: 0; padding: 0; border-radius: 0; background: transparent; color: var(--brand-dark); font-size: 12.5px; font-weight: 700; }
.post-detail-page .post-board-badge i { display: none; }
.post-detail-page .post-title { margin: 6px 0 10px; font-size: clamp(22px, 2.6vw, 27px); font-weight: 700; letter-spacing: -.5px; }
.post-detail-page .post-meta { gap: 4px 12px; font-size: 13px; font-weight: 400; }
.post-detail-page .post-meta-item i { display: none; }
.post-detail-page .author-link { font-weight: 600; }
.post-detail-page .post-owner-actions { gap: 14px; margin-top: 10px; }
.post-detail-page .post-action-button { min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; font-size: 13px; font-weight: 500; color: var(--muted); }
.post-detail-page .post-action-button i { display: none; }
.post-detail-page .post-action-button:hover { color: var(--ink); text-decoration: underline; }
.post-detail-page .post-action-button.danger { background: transparent; color: #b91c1c; }
.post-detail-page .post-image { border: 0; border-radius: 4px; }
.post-detail-page .post-content { font-size: 16px; padding: 20px 0 24px; }

/* 투표: 채워진 상자 대신 구분선 */
.post-detail-page .post-poll { padding: 16px 0; margin: 0 0 20px; border: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; }
.post-detail-page .post-poll-title { font-size: 16px; font-weight: 700; }
.post-detail-page .post-poll-title i { display: none; }
.post-detail-page .post-poll-option { min-height: 42px; border-radius: 6px; border-color: var(--line); }
.post-detail-page .post-poll-option.is-selected { border-color: var(--ink); }
.post-detail-page .post-poll-option-content { min-height: 42px; font-weight: 600; }
.post-detail-page .post-poll-progress { background: #e8edf2; }
.post-detail-page .post-poll-submit { border-radius: 6px; font-weight: 700; }

/* 좋아요: 알약 · 초록 채움 대신 네모난 단색 버튼 */
.post-detail-page .post-reaction-row { padding-bottom: 18px; }
.post-detail-page .like-button { min-width: 0; min-height: 38px; padding: 0 14px; border-radius: 6px; border-color: var(--line); font-weight: 600; color: var(--ink); }
.post-detail-page .like-button i { display: none; }
.post-detail-page .like-button:hover { border-color: var(--ink); background: transparent; color: var(--ink); }
.post-detail-page .like-button.is-liked { border-color: var(--brand-dark); background: transparent; color: var(--brand-dark); }
.post-detail-page .like-button.is-liked:hover { border-color: var(--brand-dark); color: var(--brand-dark); }

/* 댓글: 카드 대신 구분선 목록 */
.post-detail-page .comments-section { margin-inline: 0; padding-top: 18px; }
.post-detail-page .comments-title { font-size: 17px; font-weight: 700; }
.post-detail-page .comments-count { color: var(--muted); font-weight: 500; }
.post-detail-page .comment-list { gap: 0; border-top: 1px solid var(--line); }
.post-detail-page .comment-card { padding: 14px 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; }
.post-detail-page .comment-meta { font-weight: 400; }
.post-detail-page .comment-copy { color: var(--ink); }
.post-detail-page .comment-actions { gap: 12px; margin-top: 6px; }
.post-detail-page .comment-action { min-height: 0; padding: 0; border-radius: 0; background: transparent; color: var(--muted); font-size: 12px; font-weight: 500; }
.post-detail-page .comment-action:hover { color: var(--ink); text-decoration: underline; }
.post-detail-page .comment-action.danger { background: transparent; color: #b91c1c; }
.post-detail-page .reply-list { margin: 10px 0 0 4px; padding-left: 14px; border-left: 1px solid var(--line); }
.post-detail-page .reply-card { padding: 8px 0; border-radius: 0; background: transparent; }
.post-detail-page .reply-target { color: var(--muted); font-weight: 600; }
.post-detail-page .comment-textarea { border-radius: 6px; border-color: var(--line); }
.post-detail-page .comment-textarea:focus { border-color: #4b5563; box-shadow: none; }
.post-detail-page .comment-submit, .post-detail-page .comment-cancel { border-radius: 6px; font-weight: 700; }
.post-detail-page .comment-empty, .post-detail-page .comment-login { padding: 22px 0; border-radius: 0; background: transparent; font-weight: 400; }
.post-detail-page .comment-login a { font-weight: 700; }

/* ---------- 글 작성 · 수정 ---------- */
.post-editor-page .post-editor-back { font-weight: 600; }
.post-editor-page .post-editor-title { font-size: 24px; font-weight: 700; letter-spacing: -.5px; }
.post-editor-page .post-editor-card { padding: 0; border: 0; border-radius: 0; background: transparent; }
.post-editor-page .post-editor-label { color: var(--ink); font-size: 13px; font-weight: 600; }
.post-editor-page .post-editor-count { font-weight: 400; }
.post-editor-page .post-editor-form .form-control { border-radius: 6px; border-color: var(--line); }
.post-editor-page .post-editor-form .form-control:focus { border-color: #4b5563; box-shadow: none; }
.post-editor-page .post-editor-form input[type="file"]::file-selector-button { border-radius: 5px; font-weight: 600; }
.post-editor-page .post-editor-options { padding: 14px 0 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; }
.post-editor-page .post-editor-check { font-weight: 500; }
.post-editor-page .poll-editor { border-top: 0; padding-top: 4px; }
.post-editor-page .poll-remove, .post-editor-page .poll-add { border-radius: 5px; font-weight: 600; }
.post-editor-page .post-editor-actions { border-top: 1px solid var(--line); }
.post-editor-page .post-editor-cancel, .post-editor-page .post-editor-submit { border-radius: 6px; font-weight: 700; }
.post-editor-page .post-editor-submit i { display: none; }

/* 수정 화면: 오른쪽 설정 카드를 구분선 섹션으로 */
.edit-post-page .edit-post-writing { padding: 0; gap: 20px; }
.edit-post-page .edit-post-layout { gap: 32px; }
.edit-post-page .edit-post-setting { padding: 14px 0 0; border-top: 1px solid var(--line); }
.edit-post-page .edit-post-section-title { margin-bottom: 12px; font-size: 14px; font-weight: 700; }
.edit-post-page .edit-post-section-title i { display: none; }
.edit-post-page .edit-post-image-preview { border-radius: 4px; }
.edit-post-page .edit-post-poll-lock { padding: 0; background: transparent; }
.edit-post-page .edit-post-poll-lock i { display: none; }
.edit-post-page .edit-post-actions { padding: 16px 0 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; }
.edit-post-page .edit-post-form :is(a, button, input[type="checkbox"]):focus-visible { outline: 2px solid #4b5563; outline-offset: 2px; }
.edit-post-page .edit-post-form .post-editor-card { padding: 0; border: 0; border-radius: 0; }
.edit-post-page .edit-post-form .edit-post-setting { padding-top: 14px; border-top: 1px solid var(--line); }

@media (max-width: 640px) {
  .post-detail-page .post-shell { padding-top: 0; }
  .post-detail-page .post-title { font-size: 21px; }
  .post-editor-page .post-editor-card { padding: 0 4px; }
  .edit-post-page .edit-post-layout { gap: 20px; }
}

/* ---------- 다크 모드 ---------- */
html[data-theme="dark"] .post-detail-page .post-shell { background: transparent !important; border: 0 !important; }
html[data-theme="dark"] .post-detail-page .post-header { border-color: var(--dark-line) !important; background: transparent !important; }
html[data-theme="dark"] .post-detail-page .comment-card { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--dark-line) !important; }
html[data-theme="dark"] .post-detail-page .reply-card { background: transparent !important; }
html[data-theme="dark"] .post-detail-page .post-poll { background: transparent !important; border-color: var(--dark-line) !important; }
html[data-theme="dark"] .post-detail-page .post-poll-progress { background: #263244 !important; }
html[data-theme="dark"] .post-detail-page .post-board-badge { background: transparent !important; color: #6ee7b7 !important; }
html[data-theme="dark"] .post-detail-page .like-button.is-liked { background: transparent !important; color: #6ee7b7 !important; border-color: #6ee7b7 !important; }
html[data-theme="dark"] .post-detail-page .comment-action,
html[data-theme="dark"] .post-detail-page .comment-action.danger { background: transparent !important; }
html[data-theme="dark"] .post-detail-page .post-action-button,
html[data-theme="dark"] .post-detail-page .post-action-button.danger { background: transparent !important; border: 0 !important; }
html[data-theme="dark"] .post-editor-page .post-editor-card,
html[data-theme="dark"] .post-editor-page .post-editor-options,
html[data-theme="dark"] .post-editor-page .edit-post-actions,
html[data-theme="dark"] .post-editor-page .edit-post-setting { background: transparent !important; box-shadow: none !important; }
html[data-theme="dark"] .post-editor-page .post-editor-form .form-control:focus { border-color: #94a3b8 !important; box-shadow: none !important; }
html[data-theme="dark"] .post-detail-page .comment-textarea:focus { border-color: #94a3b8 !important; box-shadow: none !important; }