/* ============================================================
   소식 및 자료 (#news-list)
============================================================ */

.news-card {display: block;text-decoration: none;}
.news-card .news-thumb {position: relative;width: 100%;aspect-ratio: 16 / 9;border-radius: 10rem;overflow: hidden;margin-bottom: 20rem;}
.news-card .news-thumb img {width: 100%;height: 100%;object-fit: cover;display: block;}
.news-card .news-info {}
.news-card .news-info .news-title {font-size: 22rem;font-weight: 600;color: var(--color-neutral-8);line-height: 1.45;margin-bottom: 7rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;word-break: break-word;}
.news-card .news-info .news-meta {display: flex;align-items: center;gap: 12rem;}
.news-card .news-info .news-meta span{font-size: 12rem;color: var(--color-neutral-4);line-height: 1.4;display: inline-block;position: relative;}
.news-card .news-info .news-meta span:last-child::after{content: '';display: block;width: 1px;height: 8rem;background: var(--color-neutral-2);position: absolute;top: 50%;left: -6rem;transform: translateY(-50%);}

/* 유튜브 플레이 아이콘 */
.yt-play-icon {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 56rem;height: 56rem;pointer-events: none;transition: opacity 0.2s;}
.yt-play-icon svg {width: 100%;height: 100%;}
.news-card:hover .yt-play-icon {opacity: 0.85;}

/* 결과 없음 */
.no-news {text-align: center;padding: 80rem 0;color: var(--color-neutral-5);font-size: 15rem;}

@media all and (max-width:1440px) {
    .news-card .news-thumb{margin-bottom: 15rem;}
    .news-card .news-info .news-title{font-size: 18rem;margin-bottom: 5rem;}
}

@media all and (max-width:1023px) {
    .news-card .news-thumb{margin-bottom: 10rem;}
    .news-card .news-info .news-title{margin-bottom: 3rem;font-size: 16rem;}
}


/* ============================================================
   소식 상세 (#news-detail)
============================================================ */

#news-detail {padding: 60rem 0 100rem;}

.news-back {display: inline-flex;align-items: center;gap: 4rem;font-size: 15rem;color: var(--color-neutral-5);margin-bottom: 40rem;transition: color 0.2s;}
.news-back:hover {color: var(--color-neutral-8);}
.news-back svg {width: 18rem;height: 18rem;flex-shrink: 0;}

.news-detail-header {margin-bottom: 40rem;padding-bottom: 20rem;border-bottom: 1px solid var(--color-neutral-2);}
.news-detail-header h3 {font-size: 30rem;font-weight: 700;line-height: 1.4;color: var(--color-neutral-8);}
.news-detail-header p {display: flex;align-items: center;gap: 16rem;margin-top: 10rem;}
.news-detail-header p span{position: relative;font-size: 12rem;color: var(--color-neutral-4);display: inline-block;}
.news-detail-header p span:last-child::after{content: '';display: block;width: 1px;height: 8rem;background: var(--color-neutral-2);position: absolute;top: 50%;left: -8rem;transform: translateY(-50%);}

.news-detail-thumb {border-radius: 10rem;overflow: hidden;margin-bottom: 50rem;font-size: 0;}
.news-detail-thumb img {width: 100%;height: auto;display: block;}

.news-detail-content {font-size: 16rem;line-height: 1.8;color: var(--color-neutral-7);}

/* 
.news-detail-content p {margin-bottom: 16rem;}
.news-detail-content p:last-child {margin-bottom: 0;}
.news-detail-content img {max-width: 100%;height: auto;border-radius: 6rem;margin: 10rem 0;}
.news-detail-content h2 {font-size: 22rem;font-weight: 700;margin: 30rem 0 12rem;}
.news-detail-content h3 {font-size: 18rem;font-weight: 600;margin: 24rem 0 10rem;}
.news-detail-content ul,
.news-detail-content ol {padding-left: 20rem;margin-bottom: 16rem;}
.news-detail-content li {margin-bottom: 6rem;}
.news-detail-content a {color: var(--color-primary);text-decoration: underline;}
.news-detail-content blockquote {border-left: 3px solid var(--color-primary);padding-left: 20rem;color: var(--color-neutral-5);font-style: italic;margin: 20rem 0;}
*/

@media all and (max-width:1440px) {
    .news-back{font-size: 13rem;margin-bottom: 30rem;}
    .news-back svg{width: 15rem;height: 15rem;}
    .news-detail-header h3{font-size: 26rem;}
}

@media all and (max-width:1023px) {
    #news-detail{padding-top: 30rem;}
}