/* --- Tensho Serene Blog: Modern Minimal Style --- */

/* index.html のサムネイル用 */
.video-thumbnail {
    width: 120px;
    height: 90px;
    object-fit: cover;
    margin-right: 20px;
    padding: 10px;        /* 写真の周りに隙間を作る */
    background: #333;     /* 黒い背景（フィルムの地の色） */
    border-radius: 4px;   /* 少し角を丸く */
}
footer {
  text-align: center;  /* 文字を中央に寄せます */
  padding: 60px 0;     /* 上下にゆとりを持たせます */
  border-top: 1px solid #eee; /* 控えめな線を引くと、終わりがハッキリして綺麗です */
  color: #888;         /* 少し薄めの色にすると「Serene」な印象になります */
  font-size: 0.8rem;   /* 少し小さめに */
}

footer address {
  font-style: normal;  /* 斜体を解除して、端正な印象に */
}

.post-navigation {
    display: flex;
    justify-content: space-between; /* 左右の端に配置し、真ん中を空ける魔法 */
    align-items: center;
    margin-top: 60px; /* 記事本文との距離をしっかり取る */
    padding-top: 30px;
    border-top: 1px solid #eee; /* 上に細い線を入れて境界をはっきりさせる */
}

.post-navigation a {
    text-decoration: none;
    color: #888;
    font-size: 0.9em;
    transition: color 0.3s; /* マウスを乗せた時にふわっと色を変える */
}

.post-navigation a:hover {
    color: #333; /* 触れた時に少し濃くする */
}