

.article_content {
    margin-bottom: 24px;
}
.article_content > div,
.article_content > iframe,
.article_content > div iframe {
    max-width: 100% !important;
}
/**
    Blind banner
 */
.article_content .content_blind_wrap {
    position: relative;
    margin-bottom:16px;
}
.article_content .content_blind_wrap .content_blind {
    width:100%;
    padding: 32px 24px;
    border-radius: 10px;

}
.article_content .content_blind_wrap .btn_membership{
    background-image: url('/assets/images/tokenpost_new/news/button_background.png');
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;

    height: 48px;
    padding: 8px 28px 8px 32px;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 27px */
    letter-spacing: -0.45px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
    width: fit-content;
}

.article_content .content_blind_wrap .btn_membership.medium{

}


.article_content .content_blind_wrap .content_mask {
    position: absolute;
    left: 0;
    top: -140px;
    height: 140px;
    width: 100%;
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 60%,
        rgba(255, 255, 255, 1) 100%
    );
    pointer-events: none;
    z-index: 10;
}

.article_content .content_blind_wrap.mobile .content_mask {
    top: -80px;
    height: 80px;
}
.article_content .content_blind_wrap .content_blind_level_1 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    background-image: url('/assets/images/tokenpost_new/news/blind_level_1_background_v2.png');
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
}
.article_content .content_blind_wrap .content_blind_level_1.dark {
    background: #070928;
}
.article_content .content_blind_wrap .content_blind_level_1 .body_wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
}

.article_content .content_blind_wrap .content_blind_level_1 .body_wrap .text_wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    /*gap: 16px;*/
    flex: 1 0 0;
}
.article_content .content_blind_wrap .content_blind_level_1 .body_wrap .text_wrap .header{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;

    color: #2F80EB;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
    letter-spacing: -0.4px;
}
.article_content .content_blind_wrap .content_blind_level_1.dark .body_wrap .text_wrap .header{
    font-weight: 500;
}
.article_content .content_blind_wrap .content_blind_level_1.dark .body_wrap .text_wrap .header{
    color: #fff;
}
.article_content .content_blind_wrap.mobile .content_blind_level_1 .body_wrap .text_wrap .header{
    font-size: 14px;
    letter-spacing: -0.35px;
}
.article_content .content_blind_wrap .content_blind_level_1 .body_wrap .text_wrap .main{
    color: #333;
    text-align: center;
    font-size: 25px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%; /* 32.5px */
    letter-spacing: -0.625px;
    margin:8px 0 16px;
}
.article_content .content_blind_wrap .content_blind_level_1.dark .body_wrap .text_wrap .main{
    margin:8px 0 24px;
}
.article_content .content_blind_wrap .content_blind_level_1.dark .body_wrap .text_wrap .main{
    display: flex;
    gap: 4px;
    color: #fff;
}
.article_content .content_blind_wrap .content_blind_level_1.dark .body_wrap .text_wrap .main .membership{
    background: var(--gradient-membership, linear-gradient(119deg, #7C50FF 0%, #5D95FB 41.37%, #69B1FF 63.85%, #0D47DA 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.article_content .content_blind_wrap.mobile .content_blind_level_1 .body_wrap .text_wrap .main {
    font-size: 20px;
    line-height: 140%; /* 28px */
    letter-spacing: -0.5px;
}
.article_content .content_blind_wrap.mobile .content_blind_level_1.dark .body_wrap .text_wrap .main{
    width: fit-content;
}
.article_content .content_blind_wrap .content_blind_level_1 .body_wrap .text_wrap .main span{
    display: block;
}
.article_content .content_blind_wrap .content_blind_level_1 .body_wrap .text_wrap .sub{
    color: #333;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 30px */
    letter-spacing: -0.5px;
    text-align: center;
}
.article_content .content_blind_wrap .content_blind_level_1.dark .body_wrap .text_wrap .sub{
    color: #fff;
}
.article_content .content_blind_wrap.mobile .content_blind_level_1 .body_wrap .text_wrap .sub{
    font-size: 16px;
    font-style: normal;
    line-height: 150%; /* 24px */
    letter-spacing: -0.4px;
}
.article_content .content_blind_wrap.mobile .content_blind_level_1 .body_wrap .text_wrap .sub > span{
    display: block;
}
.article_content .content_blind_wrap .content_blind_level_1 .body_wrap .text_wrap > p{
    margin:auto;
}
.article_content .content_blind_wrap .content_blind_level_1 .button_wrap{
    display: inline-block;
    margin: 0 auto;
}
.article_content .content_blind_wrap .content_blind_level_1 .button_wrap .btn_login{
    padding: 6px 32px;
    font-size: 18px;
}
.article_content .content_blind_wrap.mobile .content_blind_level_1 .button_wrap .btn_login{
    font-size: 18px;
}
.article_content .content_blind_wrap .content_blind_level_1.dark .btn_membership{
    margin:0 auto;
}
.article_content .content_blind_wrap.mobile .content_blind_level_1.dark .btn_membership{
    margin: 0 auto;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 22.5px */
    letter-spacing: -0.375px;
}
.article_content .content_blind_wrap .content_blind_level_1 {

}

.article_content .content_blind_wrap .content_blind_level_2 {
    position: relative;
    padding: 32px 32px 315px 32px;
    background-color: #070928;
    background-image: url('/assets/images/tokenpost_new/news/blind_banner_no_payment_history_bg_v2.jpg');
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
}

.article_content .content_blind_wrap.mobile .content_blind_level_2 {
    background-image: none;
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
}
.article_content .content_blind_wrap.mobile:has(.content_blind_level_2) .background_wrap{
    position: absolute;
    bottom:0;
    width:100%;
    height: 300px;

    background-image: url('/assets/images/tokenpost_new/news/blind_level_2_content1_v2.png');
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
}
.article_content .content_blind_wrap.mobile .content_blind_level_2 {
    padding: 24px;
    min-height: 525px;
}
.article_content .content_blind_wrap .content_blind_level_2 .header_wrap{
}
.article_content .content_blind_wrap .content_blind_level_2 .header_wrap .tag{
    width: fit-content;
    padding: 0 15px;
    height: 29px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.20);
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: -0.35px;
    text-align: center;
}
.article_content .content_blind_wrap.mobile .content_blind_level_2 .header_wrap .tag{
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
}
.article_content .content_blind_wrap .content_blind_level_2 .header_wrap .main{
    margin: 16px 0;
    color: #FFF;
    font-family: Pretendard;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 140%; /* 44.8px */
    letter-spacing: -0.8px;
}
.article_content .content_blind_wrap.mobile .content_blind_level_2 .header_wrap .main{
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 140%; /* 28px */
    letter-spacing: -0.5px;
}
.article_content .content_blind_wrap .content_blind_level_2 .header_wrap .main span{
    background: linear-gradient(119deg, #7C50FF 0%, #5D95FB 41.37%, #69B1FF 63.85%, #0D47DA 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.article_content .content_blind_wrap.mobile .content_blind_level_2 .header_wrap .main{
    font-size: 22px;
}
.article_content .content_blind_wrap .content_blind_level_2 ul{
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 0;
}
.article_content .content_blind_wrap .content_blind_level_2 ul li{
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 0;
}
.article_content .content_blind_wrap.mobile .content_blind_level_2 ul li{
    gap: 8px;
}
.article_content .content_blind_wrap .content_blind_level_2 ul li .icon_check{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('/assets/images/tokenpost_new/news/icon_check.png');
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
}
.article_content .content_blind_wrap .content_blind_level_2 ul li p{
    margin: 0;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%; /* 27px */
    letter-spacing: -0.45px;
}
.article_content .content_blind_wrap.mobile .content_blind_level_2 ul li p{
    margin: 0;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
    letter-spacing: -0.35px;
}
.article_content .content_blind_wrap .content_blind_level_2 .btn_membership{
    display: flex;
    align-items: center;
    gap: 4px;
    width: fit-content;
    background-image: url(/assets/images/tokenpost_new/news/button_background.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 32px;
    height: 48px;
    padding: 8px 28px 8px 32px;
    color: #FFF;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 27px */
    letter-spacing: -0.45px;
}
.article_content .content_blind_wrap.mobile .content_blind_level_2 .btn_membership{
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 22.5px */
    letter-spacing: -0.375px;
    margin-top:24px;
}
.article_content .content_blind_wrap .content_blind_level_2 .btn_membership img{
    width: 16px;
}
.article_content .content_blind_wrap .content_blind_level_2 .body_wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:8px;
    padding-top:8px;
}

.article_content .content_blind_wrap .content_blind_level_2 .body_wrap .image_caption_wrap{
    color: #BBB;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
    letter-spacing: -0.35px;
}

.article_content .content_blind_wrap.mobile .content_blind_level_2 .body_wrap .image_wrap{
    width:85%;

}

.article_content .content_blind_wrap .content_blind_level_2 .footer_wrap{
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 30px */
    letter-spacing: -0.5px;
}
.article_content .content_blind_wrap.mobile .content_blind_level_2 .footer_wrap{
    font-size: 18px;
}


.article_content .content_blind_wrap .content_blind_level_2 .footer_wrap span{
    display: block;
}

.article_content .content_blind_wrap .content_blind_level_2 {

}


.article_content .content_blind_wrap .content_blind_level_2 {

}

/*AI 고지*/
.ai_disclosure_wrap{
    display: flex;
    align-items: center;
    gap: 4px;
    width: fit-content;
    padding: 6px 10px;
    margin-bottom: 24px;
    border-radius: 4px;
    background: #FFF2F2;
}

.ai_disclosure_wrap img{

}

.ai_disclosure_wrap p{
    color: #F65252;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 19.5px */
    letter-spacing: -0.325px;
}

.membership_signup_native_banner{
    /*display: none;*/
    margin: 16px 0;
    padding: 16px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.membership_signup_native_banner p {
    font-size: 18px;
    line-height: 170%;
    font-weight: 500;
    letter-spacing: -0.4px;
    margin: 0;
}

.membership_signup_native_banner a {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 170%; /* 17px */
    letter-spacing: -0.4px;
    background: linear-gradient(92deg, #7C50FF 0.57%, #5D95FB 40.02%, #69B1FF 63.19%, #0D47DA 98.42%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



/* bottom wrap */

.news_view_bottom_wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.news_view_bottom_wrap .alpha_copyright_wrap .alpha_author {
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: #767676; /* --gray-gray-09 */
}

.news_view_bottom_wrap .alpha_view_contact {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news_view_bottom_wrap .link_telegram {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 17px;
    letter-spacing: -0.45px;
    font-weight: 500;
}


/* ------------------------------------------------------------------
   기사 하단 : 기사속 관련 암호화폐 (웹 · 모바일 공용)
   news/_articleTokenSentiment.volt

   감성별 카드 배경/글자색을 li 의 .sentiment_* 로 준다.
   (긍정 빨강 / 부정 파랑 - common.css 와 같은 방향)
   심볼·가격 노출 차이는 article.css / article.m.css 에서 잡는다.
------------------------------------------------------------------ */
.article_token_sentiment_wrap {
    /*margin: 24px 0;*/
}

.article_token_sentiment_head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}

.article_token_sentiment_head .title {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -0.43px;
    color: #111;
}

.article_token_sentiment_head .description {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.33px;
    color: #8B909A;
    white-space: nowrap;
}

.article_token_sentiment_list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 0 !important;
}

/* 마켓 미오픈 시 a 없이 wrap 이 바로 들어와도 같은 레이아웃이 되도록
   배경·패딩은 li 가 갖고 a 는 행을 가로로 채우기만 한다 */
.article_token_sentiment_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
    border-radius: 12px;
    background-color: #F5F6F9;
}

.article_token_sentiment_item > .token_link {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    text-decoration: none;
    color: inherit;
}

/* ----- 감성별 카드 색 ----- */
.article_token_sentiment_item.sentiment_positive {
    background-color: #FFF1F1;
}
.article_token_sentiment_item.sentiment_neutral {
    background-color: #F5F6F9;
}
.article_token_sentiment_item.sentiment_negative {
    background-color: #EFF5FF;
}

.article_token_sentiment_item.sentiment_positive .token_sentiment_text {
    color: #F65252;
}
.article_token_sentiment_item.sentiment_neutral .token_sentiment_text {
    color: #6E7686;
}
.article_token_sentiment_item.sentiment_negative .token_sentiment_text {
    color: #4294FF;
}

/*article_token_sentiment_item > a,
article_token_sentiment_item > a:visited{
    color:unset;
}*/

/* ----- 왼쪽 : 아이콘 + 이름 + 등락률 (+ 모바일 가격) ----- */
.article_token_sentiment_item .sentiment_left_wrap {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.article_token_sentiment_item .token_icon {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    background: #FFFFFF;
}

.article_token_sentiment_item .token_icon img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

/* 아이콘이 없을 때의 심볼 텍스트 대체 */
.article_token_sentiment_item .token_icon em {
    font-size: 9px;
    font-weight: 700;
    font-style: normal;
    color: #6E7686;
    letter-spacing: -0.2px;
}

.article_token_sentiment_item .token_info {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.article_token_sentiment_item .token_name_row {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.article_token_sentiment_item .token_name {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.4px;
    color: #111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.article_token_sentiment_item .token_symbol {
    font-style: normal;
    font-weight: 700;
}

.article_token_sentiment_item .token_rate {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.38px;
}

.article_token_sentiment_item .token_rate em {
    font-style: normal;
}

.article_token_sentiment_item .token_rate img {
    width: 10px;
    height: 10px;
}

.article_token_sentiment_item .token_rate.up {
    color: #F65252;
}
.article_token_sentiment_item .token_rate.down {
    color: #4294FF;
}
.article_token_sentiment_item .token_rate.even {
    color: #6E7686;
}

.article_token_sentiment_item .token_price {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.35px;
    color: #8B909A;
}

/* ----- 오른쪽 : 분위기 + 기준 ----- */
.article_token_sentiment_item .sentiment_right_wrap {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    text-align: right;
}

.article_token_sentiment_item .token_sentiment {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.38px;
    white-space: nowrap;
}

/* 분위기 글자색을 그대로 따라가도록 텍스트 chevron 을 쓴다 */
.article_token_sentiment_item .token_arrow {
    display: inline-block;
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
}

.article_token_sentiment_item .token_sentiment_title {
    color: #8B909A;
}
.article_token_sentiment_item .token_base {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.33px;
    color: #8B909A;
    white-space: nowrap;
}
