.one2-news-full-content .referral-news,
.news-content .referral-news {
    color: #ded9d2;
    font-size: 15px;
    line-height: 1.65;
}

.referral-news * { box-sizing: border-box; }
.referral-news p { margin: 0 0 1em; }
.referral-news a { color: #f0c77d; }
.referral-news a:hover { color: #ffe0a5; }
.referral-news h2,
.referral-news h3 { color: #f3dfb7; letter-spacing: 0; }
.referral-news h2 { font-size: clamp(20px, 2.1rem, 30px); line-height: 1.22; margin: 0 0 18px; }
.referral-news h3 { font-size: 19px; line-height: 1.3; margin: 28px 0 8px; }

.referral-news-lead {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 265px);
    gap: clamp(20px, 4vw, 42px);
    align-items: center;
    padding: 0 0 28px;
    border-bottom: 1px solid #735231;
}
.referral-news-intro { min-width: 0; }
.referral-news-kicker { color: #d49e4e; font-size: 12px; font-weight: 700; text-transform: uppercase; }
.referral-news-intro > p:not(.referral-news-kicker) { max-width: 58ch; font-size: 17px; }
.referral-news-poster { max-width: 265px; margin: 0 auto; }
.referral-news-poster img { display: block; width: 100%; height: auto; border: 1px solid #8a6036; }
.referral-news-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    max-width: 100%;
    padding: 9px 18px;
    border: 1px solid #c4924c;
    background: #3b2119;
    color: #f5d89d !important;
    font-weight: 700;
    text-align: center;
    text-decoration: none !important;
}
.referral-news-action:hover { background: #573021; }
.referral-news-section { padding: 28px 0; border-bottom: 1px solid #4b392e; }

.referral-news-steps { list-style: none; margin: 0; padding: 0; counter-reset: step; }
.one2-news-full-content .referral-news-steps li,
.news-content .referral-news-steps li {
    position: relative;
    min-height: 40px;
    padding: 7px 0 14px 52px;
    margin: 0;
    border-bottom: 1px solid #392b25;
    counter-increment: step;
}
.referral-news-steps li:last-child { border-bottom: 0; }
.referral-news-steps li::before {
    content: counter(step);
    position: absolute;
    top: 5px;
    left: 0;
    width: 32px;
    height: 32px;
    border: 1px solid #a47740;
    color: #eec781;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
}

.referral-news-rewards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.referral-news-reward { display: flex; gap: 15px; min-width: 0; padding: 14px 0; border-top: 1px solid #765332; }
.referral-news-reward img { width: 40px; height: 40px; object-fit: contain; flex: 0 0 40px; image-rendering: auto; }
.referral-news-reward div { min-width: 0; }
.referral-news-reward span { display: block; color: #cf9f61; font-size: 11px; font-weight: 700; }
.referral-news-reward strong { display: block; color: #f3dfb7; font-size: 18px; line-height: 1.35; }
.referral-news-reward p { margin: 4px 0 0; }
.referral-news-items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; list-style: none; margin: 16px 0 0; padding: 0; }
.referral-news-items li { display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 57px; padding: 9px 0; border-top: 1px solid #3d3028; }
.referral-news-items img { width: 32px; height: 32px; object-fit: contain; flex: 0 0 32px; }
.referral-news-items span { min-width: 0; font-weight: 600; }
.referral-news-items small { display: inline-block; margin-left: 4px; color: #d0a96b; font-size: 12px; white-space: nowrap; }
.referral-news-facts { margin: 0; padding: 0 0 0 20px; }
.referral-news-facts li { padding: 5px 0 7px 4px; }
.referral-news-facts li::marker { color: #c59351; }
.referral-news-end { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 28px 0 0; }
.referral-news-end strong { color: #f3dfb7; font-size: 18px; }

@media (max-width: 700px) {
    .referral-news-lead { grid-template-columns: 1fr; }
    .referral-news-poster { width: min(100%, 240px); }
    .referral-news-rewards,
    .referral-news-items { grid-template-columns: 1fr; gap: 0; }
    .referral-news-end { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 420px) {
    .one2-news-full-content .referral-news,
    .news-content .referral-news { font-size: 14px; }
    .referral-news-intro > p:not(.referral-news-kicker) { font-size: 15px; }
    .one2-news-full-content .referral-news-steps li,
    .news-content .referral-news-steps li { padding-left: 44px; }
}

/* The news theme applies broad typography and image spacing to every article. */
body[data-one2-skin="reborn"] .one2-news-article-body:has(.referral-news) { padding-top: 20px; }
body[data-one2-skin="reborn"] .one2-news-full-content .referral-news { line-height: 1.5; }
body[data-one2-skin="reborn"] .one2-news-full-content .referral-news-lead {
    grid-template-columns: minmax(0, 1fr) 185px;
    gap: 24px;
    padding-bottom: 16px;
}
body[data-one2-skin="reborn"] .one2-news-full-content .referral-news h2 { margin: 0 0 10px; font-size: 22px; }
body[data-one2-skin="reborn"] .one2-news-full-content .referral-news h3 { margin: 15px 0 5px; font-size: 17px; }
body[data-one2-skin="reborn"] .one2-news-full-content .referral-news p { margin: 0 0 9px; }
body[data-one2-skin="reborn"] .one2-news-full-content .referral-news-intro > p:not(.referral-news-kicker) { font-size: 16px; }
body[data-one2-skin="reborn"] .one2-news-full-content .referral-news-poster img {
    width: 100%;
    height: auto;
    margin: 0;
    border: 1px solid #8a6036;
    box-shadow: none;
}
body[data-one2-skin="reborn"] .one2-news-full-content .referral-news-section { padding: 17px 0; }
body[data-one2-skin="reborn"] .one2-news-full-content .referral-news-steps,
body[data-one2-skin="reborn"] .one2-news-full-content .referral-news-items { margin: 0; padding: 0; }
body[data-one2-skin="reborn"] .one2-news-full-content .referral-news-steps li { margin: 0; padding: 7px 0 8px 46px; }
body[data-one2-skin="reborn"] .one2-news-full-content .referral-news-steps li::before { top: 4px; }
body[data-one2-skin="reborn"] .one2-news-full-content .referral-news-rewards { gap: 18px; }
body[data-one2-skin="reborn"] .one2-news-full-content .referral-news-reward { padding: 9px 0; }
body[data-one2-skin="reborn"] .one2-news-full-content .referral-news-reward img,
body[data-one2-skin="reborn"] .one2-news-full-content .referral-news-items img {
    width: 32px;
    height: 32px;
    min-width: 32px;
    margin: 0;
    object-fit: contain;
    box-shadow: none;
}
body[data-one2-skin="reborn"] .one2-news-full-content .referral-news-reward strong { font-size: 16px; }
body[data-one2-skin="reborn"] .one2-news-full-content .referral-news-items li {
    min-height: 46px;
    margin: 0;
    padding: 5px 0;
}
body[data-one2-skin="reborn"] .one2-news-full-content .referral-news-facts { margin: 0; padding-left: 20px; }
body[data-one2-skin="reborn"] .one2-news-full-content .referral-news-facts li { margin: 0; padding: 3px 0; }
body[data-one2-skin="reborn"] .one2-news-full-content .referral-news-end { padding-top: 17px; }

@media (max-width: 700px) {
    body[data-one2-skin="reborn"] .one2-news-full-content .referral-news-lead { grid-template-columns: 1fr; gap: 15px; }
    body[data-one2-skin="reborn"] .one2-news-full-content .referral-news-poster { width: min(100%, 170px); }
    body[data-one2-skin="reborn"] .one2-news-full-content .referral-news-rewards,
    body[data-one2-skin="reborn"] .one2-news-full-content .referral-news-items { grid-template-columns: 1fr; }
}

@media (max-width: 420px) {
    body[data-one2-skin="reborn"] .one2-news-full-content .referral-news h2 { font-size: 20px; }
    body[data-one2-skin="reborn"] .one2-news-full-content .referral-news-steps li { padding-left: 42px; }
}