.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Light mode image border */
[data-md-color-scheme="default"] article img:not(.twemoji) {
    border: 0.5px solid #e0e0e0;
}

/* Dark mode image border */
[data-md-color-scheme="slate"] article img:not(.twemoji) {
    border: 0.5px solid #4a4a4a;
}

article img[src$="#noborder"] {
  border: 0 !important;
}

.md-post__flex-container {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
}

.md-post__text {
    flex: 1;
}

.md-post__cover {
    flex: 0 0 200px;  /* 고정 너비 200px */
    margin-left: auto;
}

.md-post__cover img {
    width: 100%;
    height: 150px;  /* 고정 높이 */
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.md-nav__item--active > .md-nav__link {
    font-weight: bold;
}

/* 모바일 반응형 처리 */
@media screen and (max-width: 768px) {
    .md-post__flex-container {
        flex-direction: column-reverse;
    }
    
    .md-post__cover {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 1rem;
    }
}

/* 포스트 제목 상단 여백 조정 */
.md-post__content h2:first-child {
    margin-top: 0;
    padding-top: 0;
}

/* 포스트 전체 상단 여백 조정 */
.md-post {
    margin-top: 1rem;  /* 기본값보다 작은 값으로 조정 */
}

/* 메타 정보(날짜, 카테고리 등)와 제목 사이 간격 조정 */
.md-post__header {
    margin-bottom: 0.5rem;  /* 기본값보다 작은 값으로 조정 */
}

/* icons : https://squidfunk.github.io/mkdocs-material/reference/icons-emojis/#using-emojis */
.youtube { color: #EE0F0F; }
.facebook { color: #1877F2; }

@keyframes heartbeat {
  0%, 40%, 80%, 100% {
    transform: scale(1);
  }
  20%, 60% {
    transform: scale(1.15);
  }
}
.heartbeat { animation: heartbeat 1000ms infinite; }