/* RNSh4 palette sync · 2026-10-01 */
:root{--rnsh4-ink:#152033;--rnsh4-muted:#6b7788;--rnsh4-brand:#416a87;--rnsh4-brand-dark:#163f68;--rnsh4-mint:#25c9ba;--rnsh4-mint-deep:#0da99e;--rnsh4-blue:#258cf0;--rnsh4-line:#e7edf2;--rnsh4-soft:#f7fafb;}

/* =========================================================
   RNS SUPPORT — 601 NOTICE / 602 NEWS
   ========================================================= */

.support-page,
.support-detail-page{
    position:relative;
    background:#fff;
}
.support-container{
    max-width:1240px;
}
.support-intro{
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(300px,.62fr);
    gap:70px;
    align-items:end;
    padding-bottom:48px;
}
.support-intro h2{
    max-width:720px;
    margin:0;
    color:#111b2d;
    font-size:clamp(38px,3.45vw,58px);
    line-height:1.08;
    letter-spacing:-.05em;
}
.support-intro__side{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:20px;
    padding-bottom:6px;
}
.support-intro__side p{
    max-width:440px;
    margin:0;
    color:#5f7180;
    font-size:13px;
    line-height:1.85;
    word-break:keep-all;
}
.support-count{
    min-height:31px;
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:0 11px;
    border:1px solid #dbe7ef;
    border-radius:999px;
    color:#6f8aa0;
    font-size:9px;
    font-weight:800;
    letter-spacing:.1em;
}
.support-count b{
    color:#163f68;
    font-size:11px;
}

/* NOTICE */
.notice-board{
    border-top:2px solid #111b2d;
}
.notice-board__head{
    display:grid;
    grid-template-columns:86px minmax(0,1fr) 120px 44px;
    gap:20px;
    padding:16px 10px;
    border-bottom:1px solid #dbe7ef;
    color:#6f8aa0;
    font-size:9px;
    font-weight:800;
    letter-spacing:.08em;
}
.notice-row{
    min-height:132px;
    display:grid;
    grid-template-columns:86px minmax(0,1fr) 120px 44px;
    gap:20px;
    align-items:center;
    padding:24px 10px;
    border-bottom:1px solid #dbe7ef;
    transition:background .25s ease,border-color .25s ease;
}
.notice-row:hover{
    background:#f4f9ff;
    border-bottom-color:#b9cddd;
}
.notice-row__number{
    color:#6f8aa0;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
}
.notice-row__content{
    min-width:0;
}
.notice-row__label{
    display:block;
    margin-bottom:7px;
    color:#416a87;
    font-size:9px;
    font-weight:800;
    letter-spacing:.12em;
}
.notice-row h3{
    margin:0;
    color:#111b2d;
    font-size:18px;
    line-height:1.35;
    letter-spacing:-.02em;
    transition:color .25s ease;
}
.notice-row:hover h3{
    color:#416a87;
}
.notice-row p{
    max-width:720px;
    margin:8px 0 0;
    overflow:hidden;
    color:#6b7788;
    font-size:12px;
    line-height:1.65;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.notice-row time{
    color:#6b7788;
    font-size:10px;
    text-align:right;
}
.notice-row>i{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    justify-self:end;
    border:1px solid #dbe7ef;
    border-radius:50%;
    color:#416a87;
    font-size:14px;
    font-style:normal;
    transition:.25s ease;
}
.notice-row:hover>i{
    border-color:#416a87;
    background:#416a87;
    color:#fff;
    transform:translate(2px,-2px);
}

/* COMPANY NEWS */
.news-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.news-card{
    position:relative;
    min-width:0;
    overflow:hidden;
    border:1px solid #dbe7ef;
    border-radius:13px;
    background:#fff;
    transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.news-card:hover{
    transform:translateY(-5px);
    border-color:#b9cddd;
    box-shadow:0 18px 42px rgba(16,45,69,.09);
}
.news-card--featured{
    grid-column:span 2;
}
.news-card__visual{
    position:relative;
    height:190px;
    overflow:hidden;
    background:
        radial-gradient(circle at 75% 35%,rgba(174,196,211,.5),transparent 28%),
        linear-gradient(135deg,#163f68,#416a87);
}
.news-card--featured .news-card__visual{
    height:230px;
}
.news-card__visual::before,
.news-card__visual::after{
    content:"";
    position:absolute;
    border:1px solid rgba(255,255,255,.17);
    border-radius:50%;
}
.news-card__visual::before{
    width:250px;
    height:250px;
    right:-90px;
    top:-78px;
}
.news-card__visual::after{
    width:160px;
    height:160px;
    right:-28px;
    top:-18px;
}
.news-card__visual>span{
    position:absolute;
    left:25px;
    top:25px;
    color:rgba(255,255,255,.92);
    font-size:11px;
    font-weight:800;
    letter-spacing:.16em;
}
.news-card__visual>i{
    position:absolute;
    left:25px;
    bottom:25px;
    width:88px;
    height:1px;
    background:rgba(255,255,255,.58);
}
.news-card__visual>b{
    position:absolute;
    right:24px;
    bottom:18px;
    color:rgba(255,255,255,.16);
    font-size:58px;
    line-height:1;
    font-weight:800;
}
.news-card__body{
    position:relative;
    min-height:250px;
    padding:26px 26px 66px;
}
.news-card__meta{
    display:flex;
    justify-content:space-between;
    gap:15px;
    color:#6f8aa0;
    font-size:9px;
    font-weight:750;
    letter-spacing:.08em;
}
.news-card__meta span{
    color:#416a87;
}
.news-card h3{
    margin:22px 0 0;
    color:#111b2d;
    font-size:21px;
    line-height:1.35;
    letter-spacing:-.03em;
}
.news-card p{
    margin:13px 0 0;
    color:#6b7788;
    font-size:12px;
    line-height:1.75;
    word-break:keep-all;
}
.news-card__arrow{
    position:absolute;
    right:24px;
    bottom:22px;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid #dbe7ef;
    border-radius:50%;
    color:#416a87;
    font-size:15px;
    font-style:normal;
    transition:.25s ease;
}
.news-card:hover .news-card__arrow{
    border-color:#416a87;
    background:#416a87;
    color:#fff;
    transform:translate(2px,-2px);
}

/* EMPTY */
.support-empty{
    position:relative;
    min-height:290px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-top:2px solid #111b2d;
    border-bottom:1px solid #dbe7ef;
    background:#f4f9ff;
    text-align:center;
}
.support-empty::before{
    content:"";
    position:absolute;
    width:230px;
    height:230px;
    right:-70px;
    top:-100px;
    border:1px solid #dbe7ef;
    border-radius:50%;
}
.support-empty>span{
    margin-bottom:12px;
    color:#416a87;
    font-size:9px;
    font-weight:800;
    letter-spacing:.14em;
}
.support-empty>strong{
    color:#111b2d;
    font-size:18px;
}
.support-empty>p{
    margin:9px 0 0;
    color:#6b7788;
    font-size:12px;
}

/* DETAILS */
.support-detail-container{
    max-width:1000px;
}
.support-detail{
    border-top:2px solid #111b2d;
}
.support-detail__head{
    padding:48px 16px 36px;
    border-bottom:1px solid #dbe7ef;
}
.support-detail__head>span{
    display:block;
    margin-bottom:16px;
    color:#416a87;
    font-size:10px;
    font-weight:800;
    letter-spacing:.13em;
}
.support-detail__head h2{
    max-width:850px;
    margin:0;
    color:#111b2d;
    font-size:clamp(30px,3.5vw,48px);
    line-height:1.22;
    letter-spacing:-.04em;
    word-break:keep-all;
}
.support-detail__head time{
    display:block;
    margin-top:20px;
    color:#6b7788;
    font-size:11px;
}
.support-detail__body{
    min-height:320px;
    padding:50px 16px 65px;
    color:#5f7180;
    font-size:15px;
    line-height:1.95;
    white-space:pre-wrap;
    word-break:break-word;
}
.support-detail__actions{
    display:flex;
    justify-content:center;
    padding-top:28px;
    border-top:1px solid #dbe7ef;
}
.support-back-btn{
    min-width:140px;
    min-height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 18px;
    border:1px solid #416a87;
    border-radius:6px;
    background:#416a87;
    color:#fff;
    font-size:12px;
    font-weight:700;
}

/* RESPONSIVE */
@media(max-width:1000px){
    .support-intro{
        grid-template-columns:1fr;
        gap:24px;
    }
    .support-intro__side{
        gap:14px;
    }
    .news-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .news-card--featured{
        grid-column:span 2;
    }
}
@media(max-width:760px){
    .support-intro{
        padding-bottom:34px;
        text-align:center;
    }
    .support-intro h2{
        font-size:clamp(30px,8.3vw,38px);
    }
    .support-intro__side{
        align-items:center;
    }
    .support-intro__side p{
        font-size:12px;
    }

    .notice-board__head{
        display:none;
    }
    .notice-row{
        position:relative;
        grid-template-columns:42px minmax(0,1fr);
        gap:12px;
        min-height:130px;
        padding:21px 4px;
    }
    .notice-row__number{
        align-self:start;
        padding-top:4px;
    }
    .notice-row p{
        max-width:92%;
        white-space:normal;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
    }
    .notice-row time{
        grid-column:2;
        text-align:left;
    }
    .notice-row>i{
        position:absolute;
        right:4px;
        bottom:19px;
        width:32px;
        height:32px;
    }

    .news-grid{
        grid-template-columns:1fr;
    }
    .news-card--featured{
        grid-column:auto;
    }
    .news-card__visual,
    .news-card--featured .news-card__visual{
        height:175px;
    }
    .news-card__body{
        min-height:220px;
        padding:23px 22px 60px;
    }
    .news-card h3{
        font-size:19px;
    }

    .support-empty{
        min-height:245px;
        padding:30px 18px;
    }
    .support-detail__head{
        padding:36px 4px 28px;
    }
    .support-detail__body{
        padding:38px 4px 50px;
        font-size:14px;
    }
}