/* assets/css/custom.css */

/* 왼쪽 카테고리 사이드바에 오른쪽 경계선 추가 */
.sidebar {
    /* dark 테마에 맞는 은은한 구분선 */
    border-right: 1px solid rgba(255, 255, 255, 0.15);

    /* 경계선과 사이드바 내용 사이에 여백 추가 */
    padding-right: 1.5em;
}

/* Mermaid 다이어그램 컨테이너 스타일 */
.mermaid {
    background-color: #faf8f3;
    border: 1px solid #d4c5a9;
    padding: 20px;
    border-radius: 8px;
    margin: 20px 0;
    overflow-x: auto;
    max-width: 100%;
}

/* Mermaid SVG 크기 조정 */
.mermaid svg {
    max-width: 100%;
    height: auto;
}

/* 블로그 포스팅 내 모든 이미지 자동 가운데 정렬 */
.page__content img {
    display: block;
    margin: 0 auto;
}