/* global.css */
body {
    background-color: #f8f9fa;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    color: #333;
}

main {
    margin-bottom: 1.5rem;
}

/* 記事カードのホバーエフェクト */
.article-card {
    transition: transform 0.2s ease-in-out;
}
.article-card:hover {
    transform: translateY(-5px);
}

/* サイドバーの固定設定 */
@media (min-width: 992px) {
    .sticky-sidebar {
        position: sticky;
        top: 80px;
        z-index: 100; /* 必要に応じて調整 */
        height: fit-content; /* 中身が少ない時に伸びすぎないように */
    }
}

/* Markdown表示の微調整 */
.markdown-body {
    background-color: transparent !important;
    font-size: 1.05rem;
    line-height: 1.8;
}

.eyecatch-full {
    width: 100%;
    max-height: 450px;
    object-fit: cover;
}

.x-small {
    font-size: 0.75rem;
}

/* github-markdown-css のダークモード対応を無効化して、常に黒文字にする */
@media (prefers-color-scheme: dark) {
    .markdown-body {
        color: #24292f !important; /* GitHubの標準的な文字色（濃いグレー） */
        background-color: transparent !important;
    }
}

body .markdown-body {
    --color-fg-default: #24292f;       /* 本文の文字色を強制的に「黒」へ */
    --color-canvas-default: transparent; /* 背景色を透明に */
}

/* 2. 念のため、ダークモード時もこの変数を維持させる */
@media (prefers-color-scheme: dark) {
    body .markdown-body {
        --color-fg-default: #24292f;
        --color-canvas-default: transparent;
    }
}

footer {
    margin-top: 1.5rem;
}

/* ホバーした時に少し明るくする演出 */
.hover-link:hover {
    color: #fff !important;
    transition: 0.3s;
}

/* カーソルの点滅アニメーション */
.blinking-cursor {
    animation: blink 1s step-end infinite;
}
@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.hover-effect {
    transition: transform 0.2s;
}

.hover-effect:hover {
    transform: translateY(-3px);
    background-color: #f8f9fa;
}