.blog-view-section {
    /* sub_section 스타일 상속 */
}

.blog-view-header {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    padding-bottom: 20px;
    text-align: center;
}

.blog-view-header h1 {
    margin-bottom: 15px;
    font-size: 2.2em;
}

.blog-meta {
    font-size: 0.95em;
    color: #555;
}

.blog-meta span {
    margin: 0 12px;
}

.blog-view-content {
    line-height: 1.9; /* 가독성을 위한 줄 간격 */
    font-size: 1.05rem;
    color: #333;
}

/* Summernote 콘텐츠 내 요소 스타일 조정 (필요시) */
.blog-view-content p {
    margin-bottom: 1.2em;
}

.blog-view-content img {
    max-width: 100%;
    height: auto;
    margin: 25px auto; /* 이미지 상하 여백 및 중앙 정렬 */
    display: block;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}

.blog-view-content h2,
.blog-view-content h3,
.blog-view-content h4 {
    margin-top: 2em;
    margin-bottom: 0.8em;
    line-height: 1.4;
    color: #222;
}

.blog-view-content ul,
.blog-view-content ol {
    margin-left: 2em;
    margin-bottom: 1.2em;
}

.blog-view-content blockquote {
    border-left: 4px solid #007bff;
    margin: 1.5em 0;
    padding: 0.5em 1.5em;
    color: #555;
    background-color: #f8f9fa;
}

.blog-view-content pre {
    background-color: #2d2d2d;
    color: #f8f8f2;
    padding: 1em;
    border-radius: 5px;
    overflow-x: auto;
    margin-bottom: 1.2em;
}

/* 버튼 영역 스타일 (gallery-view.css 와 유사) */
.blog-view-actions {
    margin-top: 40px;
    padding-top: 25px;
    border-top: 1px solid #eee;
    text-align: right;
}

.blog-view-actions .btn {
    margin-left: 10px;
    padding: 8px 18px;
}

.list-btn { background-color: #6c757d; }
.list-btn:hover { background-color: #5a6268; }
.edit-btn { background-color: #ffc107; color: #212529; }
.edit-btn:hover { background-color: #e0a800; }
.delete-btn { background-color: #dc3545; }
.delete-btn:hover { background-color: #c82333; }

/* Add styles for the main title within the content */
.blog-view-title {
    font-size: 2.2em;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px; /* Space below title */
    text-align: left; /* Align title to the left */
    line-height: 1.3;
}