/* =========================
   全体
========================= */
.scenes_article {
    max-width: 72rem;
    margin: 0 auto;
    padding: 6rem 2rem;
}

/* =========================
   タイトル
========================= */
.scenes_title {
    font-size: 2.8rem;
    line-height: 1.4;
    margin-bottom: 1.2rem;
}

/* 日付 */
.scenes_date {
    font-size: 1.2rem;
    color: #999;
    margin-bottom: 3rem;
}

/* =========================
   引用
========================= */
.scenes_quote {
    font-size: 1.6rem;
    line-height: 1.8;
    margin-bottom: 1rem;
    padding-left: 1.5rem;
    border-left: 0.2rem solid #ddd;
    color: #555;
}

/* 出典 */
.scenes_source {
    font-size: 1.2rem;
    color: #999;
    margin-bottom: 3rem;
}

/* =========================
   本文
========================= */
.scenes_content {
    font-size: 1.6rem;
    line-height: 2;
    margin-bottom: 6rem;
}

/* =========================
   作品（ここが重要）
========================= */
.scenes_works {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem 3rem;
    margin-top: 4rem;
}

/* 各作品 */
.scenes_work_item {
    border-top: 0.1rem solid #eee;
    padding-top: 1.5rem;
}

/* 作品画像 */
.scenes_work_image img {
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
}

/* タイトル */
.scenes_work_title {
    font-size: 1.6rem;
    margin-bottom: 0.4rem;
}

/* 作家名 */
.scenes_work_artist {
    font-size: 1.3rem;
    color: #777;
    margin-bottom: 1.2rem;
}

/* リンク */
.scenes_work_link {
    font-size: 1.2rem;
    text-decoration: none;
    border-bottom: 0.1rem solid #ccc;
    padding-bottom: 0.2rem;
    transition: opacity 0.3s ease;
}

.scenes_work_link:hover {
    opacity: 0.6;
}


/* =========================
   レスポンシブ
========================= */
@media (max-width: 60rem) {
    .scenes_works {
        grid-template-columns: 1fr;
    }
}