.news_board {
    padding:50px 0 150px;
}

.news_title {
    margin-bottom:65px;
    text-align:center;
}

.news_title h2 {
    margin:0;
    color:#222;
    font-size:48px;
    font-weight:700;
}

.news_list {
    display:flex;
    flex-direction:column;
    gap:18px;
}

.news_item {
    position:relative;
    display:grid;
    grid-template-columns:1fr 1.4fr 35px;
    align-items:center;
    gap:50px;
    min-height:180px;
    padding:38px 45px;
    border:1px solid #ddd;
    border-radius:20px;
    color:#222;
    text-decoration:none;
    box-sizing:border-box;
    transition:.5s ease;
}

.news_date {
    display:block;
    margin-bottom:20px;
    color:#2F6B3F;
    font-size:16px;
}

.news_left strong {
    display:-webkit-box;
    overflow:hidden;
    color:inherit;
    font-size:24px;
    line-height:1.5;
    font-weight:700;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.news_item p {
    display:-webkit-box;
    overflow:hidden;
    margin:0;
    color:#777;
    font-size:16px;
    line-height:1.6;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.news_arrow svg{display: block}{
    font-size:30px;
}

.news_arrow svg path{fill:#222; transition-duration: .5s}
.news_item.is-active svg path{fill:#fff}
.news_item.is-active {
    border-color:#2F6B3F;
    background:#2F6B3F;
    color:#fff;
}

.news_item.is-active .news_date,
.news_item.is-active p {
    color:#fff;
}

@media(max-width:819px) {

    .news_item {
        grid-template-columns:1fr 30px;
        gap:20px;
    }

    .news_item > p {
        display:none;
    }

}

@media(max-width:580px) {

    .news_title h2 {
        font-size:30px;
    }

    .news_item {
        min-height:140px;
        padding:25px;
        border-radius:15px;
    }

    .news_left strong {
        font-size:19px;
    }

}
/* ========================================================================
   FINAL MOBILE POLISH — 2026-09-07
======================================================================== */
@media(max-width:1024px){
    .news_board{padding:40px 0 110px;}
    .news_title{margin-bottom:48px;}
    .news_title h2{font-size:38px;}
    .news_item{gap:34px;min-height:160px;padding:30px 34px;}
    .news_left strong{font-size:21px;}
}

@media(max-width:819px){
    .news_board{padding:30px 0 85px;}
    .news_title{margin-bottom:34px;}
    .news_title h2{font-size:28px;line-height:1.4;}
    .news_list{gap:12px;}
    .news_item{grid-template-columns:1fr 26px;gap:14px;min-height:125px;padding:20px 22px;border-radius:14px;}
    .news_date{margin-bottom:10px;font-size:13px;}
    .news_left strong{font-size:18px;line-height:1.5;}
    .news_arrow svg{width:22px;height:22px;}
}

@media(max-width:620px){
    .news_board{padding:24px 0 68px;}
    .news_title{margin-bottom:28px;}
    .news_title h2{font-size:24px;}
    .news_item{min-height:110px;padding:17px 18px;border-radius:12px;}
    .news_date{margin-bottom:8px;font-size:12px;}
    .news_left strong{font-size:16px;line-height:1.48;}
}

/* FINAL NEWS MOBILE RHYTHM — 2026-09-07 v3 */
@media (max-width:620px){
    .news_board{padding:26px 0 64px;}
    .news_title{margin-bottom:26px;}
    .news_title h2{font-size:22px;line-height:1.4;}
    .news_list{gap:10px;}
    .news_item{
        min-height:104px;
        padding:16px 16px;
        gap:12px;
        border-radius:12px;
    }
    .news_date{margin-bottom:7px;font-size:11px;}
    .news_left strong{font-size:15px;line-height:1.5;word-break:keep-all;}
    .news_arrow svg{width:20px;height:20px;}
}
@media (max-width:430px){
    .news_title h2{font-size:21px;}
    .news_item{padding:15px 14px;}
    .news_left strong{font-size:14px;}
}