/* docs/css/custom.css */

/* from "user agent stylesheet" of chrome */
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.thumbnail {
    /* 이미지를 블록 요소로 만들어 margin 속성 적용 */
    display: block;

    /* 가로 가운데 정렬 */
    margin-left: auto;
    margin-right: auto;

    /* 최대 크기 제한 */
    max-width: 1000px;

    /* 반응형 크기 조절 */
    width: 50%;

    /* 이미지 비율 유지 */
    height: auto;

    /* 시각적 효과 (선택 사항) */
    margin-top: 20px;
    /* 위쪽 여백 추가 */
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
    border-radius: 8px;
}

.md-content h2 {
    margin-top: 3em;
    /* H2 위에 더 많은 여백 */
    margin-bottom: 1em;
    /* H2 아래에도 여백 */
    padding-bottom: 0.2em;
    /* 선택적으로 패딩 추가 */
    border-bottom: 1px solid var(--md-code-bg-color);
    /* 가벼운 밑줄 */
}

.md-header__button.md-logo {
    margin: 0;
    padding: 0;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
    height: 2.0rem;
    width: 2.0rem;
}