.card-body .category-list {
    margin-left: 1rem; /* Adjust as needed */
    padding-left: 1rem; /* Adjust as needed */
}

.blog-readmore-btn {
    display: inline-block !important;
    width: auto !important;
    padding: 0.4rem 1rem; /* Adjust to match the '글쓰기' button if needed */
    font-size: 1rem; /* Adjust to match the '글쓰기' button if needed */
    line-height: 1.5;
    border-radius: 0.5rem;
}
.show-reply-form {
    margin-top: 10px;
}
p[onclick] {
    color: black;
    text-decoration: underline;
}
.comment {
    background-color: white;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 1px;
}
.replies {
    background-color: whitesmoke;
    padding: 1px;
    border-radius: 5px;
}
.comment-content {
    cursor: default;
}
/* 아바타 이미지 크기 및 비율 유지 */
.comment .mr-3.rounded-circle {
    width: 50px;
    height: 50px;
    object-fit: cover;
}
/* 답글 아바타 크기가 다르다면 별도로 지정 */
.replies .mr-3.rounded-circle {
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.comment.is-reply {
    margin-left: 3px;
}

/* 리스트의 figcaption 안 마크다운 요소 */
figcaption h1, figcaption h2,
.caption h1, .caption h2 {
    font-weight: bold;
    font-size: 1.2rem;
    color: #6a1b9a;
    margin: 0.5em 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.3em;
}

/* 마크다운 단락 처리 */
figcaption p,
.caption p {
    margin: 0.8em 0;
    line-height: 1.7;
    color: #444;
}

/* 리스트/디테일 공통 - 마크다운 ul */
figcaption ul,
.caption ul {
    margin: 1em 0;
    padding-left: 1.5rem;
    list-style-type: disc;
}

/* 코드 블록 및 인라인 코드 */
figcaption pre,
.caption pre {
    background: #2d2d2d;
    color: #f8f8f2;
    padding: 1em;
    border-radius: 6px;
    overflow-x: auto;
    font-family: 'Courier New', monospace;
}

figcaption code,
.caption code {
    background: #f1f1f1;
    padding: 0.2em 0.4em;
    border-radius: 4px;
    font-family: monospace;
    color: #c7254e;
}
figcaption blockquote,
.caption blockquote {
    border-left: 4px solid #9B30FF;
    background: #faf8ff;
    padding-left: 1em;
    margin: 1em 0;
    font-style: italic;
    color: #555;
}
/* syntax highlighting */
.codehilite {
    background: #2d2d2d;
    color: #f8f8f2;
    padding: 1em;
    border-radius: 6px;
    overflow-x: auto;
    font-family: Consolas, monospace;
    font-size: 0.95em;
}

.codehilite .hll { background-color: #49483e }
.codehilite .c { color: #75715e } /* Comment */
.codehilite .err { color: #f92672 } /* Error */
.codehilite .k { color: #66d9ef } /* Keyword */
.codehilite .o { color: #f92672 } /* Operator */
.codehilite .n { color: #f8f8f2 } /* Name */
.codehilite .s { color: #e6db74 } /* String */

.markdown table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
}
.markdown th, .markdown td {
    border: 1px solid #ddd;
    padding: 0.5rem;
}
.markdown th {
    background-color: #f9f9f9;
    font-weight: bold;
}

/* 예: default pygments style */
.highlight pre {
    background-color: #f8f8f8;
    padding: 1rem;
    border-radius: 5px;
    overflow-x: auto;
}

.post-title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #4a148c; /* 진보라 계열 (보색 고려) */
  text-align: center;
  margin-bottom: 1rem;
}