* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    background: #0f0f12;
    color: #111;
    overflow-x: hidden;
    overflow-y: auto;
}

body.rn-feed-active {
    height: 100vh;
    height: 100svh;
    overflow: hidden;
}

button,
input,
select,
textarea {
    font-family: inherit;
}

button {
    -webkit-tap-highlight-color: transparent;
}

.rn-reels-shell {
    width: 100%;
    height: 100vh;
    height: 100svh;
    overflow: hidden;
    background: radial-gradient(circle at top, #25252b 0%, #101014 45%, #070708 100%);
}

#rn-feed-wrapper {
    width: 100%;
    max-width: 520px;
    height: 100vh;
    height: 100svh;
    margin: 0 auto;
    background: #050506;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-snap-type: y proximity;
    scroll-behavior: smooth;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 108px;
}

#rn-feed-wrapper::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.rn-feed-card {
    position: relative;
    width: 100%;
    min-height: 100vh;
    min-height: 100svh;
    height: auto;
    background: #050506;
    overflow: hidden;
    scroll-snap-align: start;
    scroll-snap-stop: normal;
    display: flex;
    flex-direction: column;
}

.rn-news-reel-card {
    padding: 10px;
}

.rn-feed-image {
    position: relative;
    width: 100%;
    height: 42vh;
    min-height: 250px;
    max-height: 380px;
    border-radius: 28px 28px 0 0;
    overflow: hidden;
    background: #111;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.45);
    flex: 0 0 auto;
}

.rn-feed-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1.01);
}

.rn-feed-overlay {
    display: none;
}

.rn-breaking-badge {
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 12;
    background: linear-gradient(135deg, #ff0033, #a90018);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1px;
    padding: 8px 13px;
    border-radius: 999px;
    box-shadow: 0 10px 28px rgba(230, 0, 35, 0.42);
    text-transform: uppercase;
}

.rn-feed-logo {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 52px;
    height: 52px;
    z-index: 12;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111;
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.rn-feed-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 6px;
}

.rn-image-watermark {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 7;
    width: 58%;
    max-width: 280px;
    transform: translate(-50%, -50%);
    pointer-events: none;
    user-select: none;
    filter: drop-shadow(0 8px 22px rgba(0, 0, 0, 0.35));
}

.rn-image-watermark img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

.rn-color-sheet {
    margin: 16px 0;
    padding: 16px;
    border: 1px solid #e7e9ee;
    border-radius: 18px;
    background: #fafafa;
}

.rn-color-sheet h3 {
    margin: 0 0 12px;
    font-size: 17px;
    font-weight: 950;
    color: #111;
}

.rn-color-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 14px;
}

.rn-color-chip {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.rn-color-chip label {
    font-size: 12px;
    font-weight: 900;
    color: #333943;
}

.rn-color-chip input[type="color"] {
    width: 100%;
    height: 48px;
    padding: 6px;
    border: 1px solid #dfe2e7;
    border-radius: 14px;
    background: #fff;
    cursor: pointer;
}

.rn-news-body-area {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, #111116 0%, #070708 100%);
    padding: 18px 84px 0 16px;
    min-height: calc(58vh - 20px);
    position: relative;
}

.rn-news-content-panel {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 8;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
}

.rn-news-meta-top {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.rn-news-category-label {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 7px 11px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 11px;
    line-height: 1;
    font-weight: 850;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rn-feed-title {
    margin: 0 0 12px;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 950;
    letter-spacing: -0.45px;
    color: #fff;
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    text-shadow: none;
}

.rn-feed-excerpt {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 15px;
    line-height: 1.75;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: none;
}

.rn-news-footer {
    margin-top: 16px;
    display: block;
}

.rn-feed-author {
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rn-feed-author::before {
    content: "@";
    color: rgba(255, 255, 255, 0.5);
}

.rn-read-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    margin-top: 18px;
    padding: 9px 15px;
    border: none;
    background: rgba(255, 255, 255, 0.94);
    color: #111;
    border-radius: 999px;
    cursor: pointer;
    font-size: 12px;
    line-height: 1;
    font-weight: 950;
    text-decoration: none;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.25);
    transition: transform 0.18s ease, background 0.18s ease;
}

.rn-read-more:hover {
    transform: translateY(-1px);
    background: #fff;
}

.rn-read-more:active {
    transform: scale(0.96);
}

.rn-action-bar {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 30;
    width: 54px;
    margin-top: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.rn-action-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.rn-action-btn {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    color: #111;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    font-weight: 900;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.rn-action-btn:hover {
    transform: translateY(-2px);
    background: #fff;
    color: #111;
}

.rn-action-btn:active {
    transform: scale(0.94);
}

.rn-like-btn.liked {
    color: #ff2d55;
    background: rgba(255, 255, 255, 0.95);
}

.rn-save-btn.saved {
    color: #c58a00;
    background: rgba(255, 255, 255, 0.95);
}

.rn-count {
    margin-top: 0;
    font-size: 11px;
    font-weight: 900;
    color: #111;
    text-shadow: none;
}

.rn-smart-ad-card {
    padding: 10px;
    background: #050506;
}

.rn-ad-media-wrap {
    position: relative;
    height: calc(100vh - 150px);
    height: calc(100svh - 150px);
    min-height: 420px;
    border-radius: 28px;
    overflow: hidden;
    background: #111;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
}

.rn-ad-media-link {
    display: block;
    width: 100%;
    height: 100%;
}

.rn-ad-image,
.rn-ad-video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    background: #000;
}

.rn-ad-label {
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 12;
    background: rgba(255, 255, 255, 0.94);
    color: #111;
    font-size: 11px;
    font-weight: 900;
    padding: 7px 12px;
    border-radius: 999px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.rn-ad-content-panel {
    margin: 10px 0 0;
    min-height: 120px;
    padding: 16px;
    border-radius: 24px;
    background: linear-gradient(135deg, #ffffff, #f1f2f5);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
}

.rn-ad-title {
    margin: 0 0 6px;
    font-size: 21px;
    line-height: 1.15;
    font-weight: 950;
    letter-spacing: -0.4px;
    color: #111;
}

.rn-ad-description {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: #555d68;
    font-weight: 650;
}

.rn-ad-cta {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 9px 14px;
    border-radius: 999px;
    background: #111;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 900;
}

.rn-bottom-ticker {
    position: fixed;
    left: 50%;
    bottom: 64px;
    transform: translateX(-50%);
    width: 100%;
    max-width: 520px;
    height: 36px;
    z-index: 9990;
    display: flex;
    overflow: hidden;
    background: #5d0712;
    box-shadow: 0 -8px 28px rgba(0, 0, 0, 0.35);
}

.rn-bottom-ticker-label {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    height: 36px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    background: #260207;
    color: #fff;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 0.7px;
}

.rn-bottom-ticker-track {
    flex: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.rn-bottom-ticker-text {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    white-space: nowrap;
    color: #fff7f7;
    font-size: 13px;
    font-weight: 750;
    animation: rnTickerMove 24s linear infinite;
    padding-left: 100%;
}

.rn-bottom-ticker-text span {
    color: #ffb3bd;
}

@keyframes rnTickerMove {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.rn-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.64);
    z-index: 9998;
    display: none;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.rn-overlay.active {
    display: block;
}

.rn-bottom-sheet {
    position: fixed;
    left: 50%;
    right: auto;
    bottom: -100%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 560px;
    height: 84vh;
    background: #fff;
    z-index: 9999;
    border-radius: 26px 26px 0 0;
    transition: bottom 0.28s ease;
    overflow: auto;
    padding: 20px;
    box-shadow: 0 -18px 50px rgba(0, 0, 0, 0.28);
}

.rn-bottom-sheet.active {
    bottom: 0;
}

.rn-sheet-close {
    position: sticky;
    top: 0;
    margin-left: auto;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #f0f1f3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    cursor: pointer;
    z-index: 2;
}

.rn-sheet-image {
    width: 100%;
    max-height: 280px;
    object-fit: cover;
    border-radius: 18px;
    margin: 10px 0 16px;
    background: #eee;
}

.rn-sheet-title {
    margin-top: 8px;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: -0.5px;
}

.rn-sheet-meta {
    color: #69707c;
    margin: 13px 0;
    font-size: 13px;
    font-weight: 650;
}

.rn-sheet-content {
    line-height: 1.78;
    color: #222;
    font-size: 16px;
}

.rn-sheet-content img {
    max-width: 100%;
    height: auto;
    border-radius: 14px;
}

.rn-sheet-content a {
    color: #111;
    font-weight: 800;
}

.rn-login-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.72);
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.rn-login-modal.active {
    display: flex;
}

.rn-login-box {
    width: 100%;
    max-width: 390px;
    background: #fff;
    border-radius: 24px;
    padding: 26px;
    position: relative;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.35);
}

.rn-login-close {
    position: absolute;
    top: 12px;
    right: 14px;
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 50%;
    background: #f1f2f4;
    font-size: 26px;
    cursor: pointer;
}

.rn-login-box h2 {
    margin: 0 0 20px;
    text-align: center;
    font-size: 26px;
    font-weight: 950;
}

.rn-auth-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 18px;
    background: #f1f2f4;
    padding: 5px;
    border-radius: 14px;
}

.rn-auth-tab {
    flex: 1;
    padding: 11px;
    border: none;
    border-radius: 11px;
    cursor: pointer;
    background: transparent;
    font-weight: 850;
    color: #555b65;
}

.rn-auth-tab.active {
    background: #111;
    color: #fff;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}

.rn-auth-panel {
    display: none;
}

.rn-auth-panel.active {
    display: block;
}

.rn-auth-panel input {
    width: 100%;
    margin-bottom: 12px;
    padding: 13px 14px;
    border: 1px solid #dfe2e7;
    border-radius: 13px;
    background: #fafafa;
    outline: none;
    font-size: 15px;
}

.rn-auth-panel input:focus {
    border-color: #111;
    background: #fff;
}

.rn-auth-panel button {
    width: 100%;
    padding: 13px;
    border: none;
    background: #111;
    color: #fff;
    border-radius: 13px;
    cursor: pointer;
    font-weight: 900;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);
}

.rn-auth-message {
    text-align: center;
    margin-bottom: 12px;
    color: #d4001a;
    font-size: 14px;
    font-weight: 700;
}

.rn-comment-sheet {
    position: fixed;
    left: 50%;
    right: auto;
    bottom: -100%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 560px;
    height: 76vh;
    background: #fff;
    z-index: 9999;
    border-radius: 26px 26px 0 0;
    transition: bottom 0.28s ease;
    overflow: auto;
    padding: 20px;
    box-shadow: 0 -18px 50px rgba(0, 0, 0, 0.28);
}

.rn-comment-sheet.active {
    bottom: 0;
}

.rn-comment-close {
    float: right;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #f0f1f3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    cursor: pointer;
}

.rn-comment-sheet h3 {
    margin: 8px 0 20px;
    font-size: 24px;
    font-weight: 950;
}

.rn-comments-list {
    margin-top: 20px;
    margin-bottom: 20px;
}

.rn-comment-item {
    border-bottom: 1px solid #eef0f3;
    padding: 14px 0;
}

.rn-comment-item strong {
    font-size: 14px;
    font-weight: 900;
}

.rn-comment-item p {
    margin: 7px 0;
    color: #2b2f36;
    line-height: 1.55;
}

.rn-comment-item small {
    color: #7a818c;
}

.rn-comment-form {
    position: sticky;
    bottom: 0;
    background: #fff;
    border-top: 1px solid #eef0f3;
    padding-top: 15px;
}

.rn-comment-input {
    width: 100%;
    min-height: 86px;
    padding: 13px;
    border: 1px solid #dfe2e7;
    border-radius: 16px;
    resize: none;
    outline: none;
    font-size: 15px;
    background: #fafafa;
}

.rn-comment-input:focus {
    border-color: #111;
    background: #fff;
}

.rn-comment-submit {
    margin-top: 10px;
    width: 100%;
    padding: 13px;
    border: none;
    background: #111;
    color: #fff;
    border-radius: 14px;
    cursor: pointer;
    font-weight: 900;
}

.rn-dashboard-wrapper {
    max-width: 1180px;
    margin: 36px auto;
    padding: 18px;
}

.rn-dashboard-header {
    background: linear-gradient(135deg, #111, #2b2f38);
    color: #fff;
    padding: 28px;
    border-radius: 24px;
    margin-bottom: 24px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
}

.rn-dashboard-header h2 {
    margin: 0 0 8px;
    font-size: 30px;
    font-weight: 950;
}

.rn-dashboard-header p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
}

.rn-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
}

.rn-dashboard-card {
    background: #fff;
    border: 1px solid #eef0f3;
    border-radius: 22px;
    padding: 22px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
}

.rn-dashboard-card h3 {
    margin: 0 0 12px;
    font-size: 20px;
    font-weight: 950;
}

.rn-dashboard-card p {
    color: #555d68;
    line-height: 1.6;
}

.rn-dashboard-list {
    padding-left: 18px;
    margin: 0;
}

.rn-dashboard-list li {
    margin-bottom: 16px;
    line-height: 1.55;
}

.rn-dashboard-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #111;
    color: #fff;
    padding: 11px 17px;
    border-radius: 999px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    font-weight: 900;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
    transition: transform 0.18s ease, background 0.18s ease;
}

.rn-dashboard-btn:hover {
    transform: translateY(-1px);
    background: #222;
    color: #fff;
}

.rn-dashboard-btn:active {
    transform: scale(0.97);
}

.rn-dashboard-box {
    max-width: 520px;
    margin: 54px auto;
    background: #fff;
    border: 1px solid #eef0f3;
    border-radius: 22px;
    padding: 28px;
    text-align: center;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);
}

.rn-news-editor-modal {
    position: fixed;
    inset: 0;
    z-index: 10001;
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

.rn-news-editor-modal.active {
    display: flex;
}

.rn-news-editor-box {
    width: 100%;
    max-width: 940px;
    max-height: 92vh;
    overflow: auto;
    background: #fff;
    border-radius: 26px;
    padding: 24px;
    position: relative;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38);
}

.rn-news-editor-close {
    position: absolute;
    top: 14px;
    right: 16px;
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    background: #f1f2f4;
    cursor: pointer;
    font-size: 28px;
}

.rn-news-editor-box h2 {
    margin: 0 0 20px;
    font-size: 28px;
    font-weight: 950;
}

.rn-reporter-message {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 800;
    color: #d4001a;
}

.rn-editor-field {
    margin-bottom: 15px;
}

.rn-editor-field label {
    display: block;
    margin-bottom: 7px;
    font-size: 13px;
    font-weight: 900;
    color: #333943;
}

.rn-editor-field input[type="text"],
.rn-editor-field input[type="file"],
.rn-editor-field input[type="color"],
.rn-editor-field select,
.rn-editor-field textarea,
.rn-news-title,
.rn-news-category {
    width: 100%;
    padding: 13px 14px;
    border: 1px solid #dfe2e7;
    border-radius: 14px;
    background: #fafafa;
    outline: none;
    font-size: 15px;
}

.rn-editor-field input[type="color"] {
    height: 48px;
    padding: 6px;
    cursor: pointer;
}

.rn-editor-field input:focus,
.rn-editor-field select:focus,
.rn-editor-field textarea:focus,
.rn-news-title:focus,
.rn-news-category:focus {
    border-color: #111;
    background: #fff;
}

.rn-editor-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.rn-breaking-checkbox {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 6px 0 16px;
    font-size: 14px;
    font-weight: 850;
    color: #30343b;
}

.rn-breaking-checkbox input {
    width: 18px;
    height: 18px;
}

.rn-editor-actions {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 18px;
    flex-wrap: wrap;
}

.wp-editor-wrap {
    border: 1px solid #dfe2e7;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}

.wp-editor-tabs {
    padding-right: 8px;
}

.wp-editor-container {
    border: none !important;
}

.rn-image-preview {
    width: 100%;
    max-height: 180px;
    object-fit: cover;
    border-radius: 14px;
    margin-top: 10px;
    border: 1px solid #e4e6eb;
}

.rn-feed-loader,
.rn-feed-end,
.rn-empty-feed {
    max-width: 520px;
    margin: 0 auto;
    padding: 20px;
    background: #111;
    color: #fff;
    text-align: center;
    font-weight: 800;
}

.rn-pull-refresh-indicator {
    position: fixed;
    left: 50%;
    top: 14px;
    transform: translateX(-50%) translateY(-80px);
    width: auto;
    min-width: 150px;
    max-width: calc(100% - 32px);
    height: 42px;
    padding: 0 14px;
    border-radius: 999px;
    z-index: 9992;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: rgba(255, 255, 255, 0.92);
    color: #111;
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transition: transform 0.22s ease, opacity 0.22s ease;
    opacity: 0;
    pointer-events: none;
}

body.rn-feed-active .rn-pull-refresh-indicator {
    display: flex;
}

.rn-pull-refresh-indicator.active {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
}

.rn-pull-refresh-indicator.ready {
    background: rgba(255, 255, 255, 0.98);
}

.rn-pull-refresh-indicator.refreshing {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
}

.rn-pull-refresh-spinner {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(0, 0, 0, 0.18);
    border-top-color: #111;
    border-radius: 50%;
}

.rn-pull-refresh-indicator.refreshing .rn-pull-refresh-spinner {
    animation: rnSpin 0.75s linear infinite;
}

@keyframes rnSpin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.rn-mobile-bottom-menu {
    position: fixed;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100%;
    max-width: 520px;
    height: 64px;
    z-index: 9991;
    display: none;
    align-items: center;
    justify-content: space-around;
    padding: 7px 8px calc(7px + env(safe-area-inset-bottom));
    background: rgba(8, 8, 10, 0.94);
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow: 0 -12px 34px rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

body.rn-feed-active .rn-mobile-bottom-menu {
    display: flex;
}

.rn-mobile-menu-item {
    flex: 1;
    min-width: 0;
    height: 50px;
    border-radius: 18px;
    color: rgba(255, 255, 255, 0.68);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    font-size: 10px;
    line-height: 1;
    font-weight: 850;
    transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.rn-mobile-menu-item:hover,
.rn-mobile-menu-item.active {
    color: #fff;
    background: rgba(255, 255, 255, 0.10);
}

.rn-mobile-menu-item:active {
    transform: scale(0.96);
}

.rn-menu-icon {
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rn-menu-main-action {
    color: #111;
}

.rn-menu-main-action .rn-menu-icon {
    width: 44px;
    height: 34px;
    margin-top: -8px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ffffff, #ffe1e7);
    color: #111;
    box-shadow: 0 10px 28px rgba(255, 255, 255, 0.18);
}

.rn-menu-main-action span:last-child {
    color: rgba(255, 255, 255, 0.9);
}

body.rn-feed-active .rn-bottom-ticker {
    bottom: 64px;
}

body.rn-feed-active .rn-bottom-sheet.active,
body.rn-feed-active .rn-comment-sheet.active {
    bottom: 0;
}

body:not(.rn-feed-active) {
    height: auto;
    overflow-y: auto;
}

body:not(.rn-feed-active) .rn-dashboard-wrapper {
    height: auto;
    min-height: 100vh;
    overflow: visible;
}

.rn-global-bottom-menu {
    z-index: 9992;
}

body:not(.rn-feed-active) .rn-mobile-bottom-menu {
    display: none;
}

@media (min-width: 768px) {
    #rn-feed-wrapper {
        border-left: 1px solid rgba(255, 255, 255, 0.08);
        border-right: 1px solid rgba(255, 255, 255, 0.08);
    }

    .rn-feed-title {
        font-size: 25px;
    }
}

@media (max-width: 640px) {
    .rn-news-reel-card,
    .rn-smart-ad-card {
        padding: 0;
    }

    .rn-feed-image {
        height: 40vh;
        min-height: 235px;
        max-height: 330px;
        border-radius: 0;
    }

    .rn-ad-media-wrap {
        height: 100vh;
        height: 100svh;
        border-radius: 0;
    }

    .rn-news-body-area {
        min-height: 60vh;
        padding: 16px 72px 0 14px;
        position: relative;
    }

    .rn-news-content-panel {
        padding: 0;
        border-radius: 0;
    }

    .rn-feed-title {
        font-size: 21px;
        line-height: 1.32;
        display: block;
        overflow: visible;
        -webkit-line-clamp: unset;
    }

    .rn-feed-excerpt {
        font-size: 13.5px;
        line-height: 1.7;
        -webkit-line-clamp: 5;
    }

    .rn-action-bar {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 48px;
        padding: 0;
        flex-direction: column;
        justify-content: center;
        gap: 12px;
    }

    .rn-action-btn {
        width: 45px;
        height: 45px;
        font-size: 20px;
    }

    .rn-feed-logo {
        width: 48px;
        height: 48px;
        border-radius: 16px;
    }

    .rn-ad-content-panel {
        position: absolute;
        left: 12px;
        right: 12px;
        bottom: 112px;
        z-index: 10;
        min-height: auto;
        background: rgba(255, 255, 255, 0.92);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
    }

    .rn-ad-title {
        font-size: 18px;
    }

    .rn-ad-description {
        font-size: 12px;
    }

    .rn-dashboard-wrapper {
        height: 100vh;
        height: 100svh;
        overflow-y: auto;
        margin: 0 auto;
        padding: 18px 12px;
    }

    .rn-dashboard-header {
        padding: 22px;
        border-radius: 20px;
    }

    .rn-dashboard-header h2 {
        font-size: 25px;
    }

    .rn-dashboard-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .rn-dashboard-card {
        padding: 18px;
        border-radius: 18px;
    }

    .rn-editor-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .rn-news-editor-box {
        padding: 20px 14px;
        border-radius: 22px;
        max-height: 94vh;
    }

    .rn-news-editor-box h2 {
        font-size: 24px;
        padding-right: 45px;
    }

    .rn-bottom-sheet,
    .rn-comment-sheet {
        height: 86vh;
        border-radius: 24px 24px 0 0;
        padding: 16px;
    }

    .rn-sheet-title {
        font-size: 24px;
    }

    .rn-mobile-bottom-menu {
        display: flex;
    }

    body:not(.rn-feed-active) {
        padding-bottom: 74px;
    }

    body:not(.rn-feed-active) .rn-mobile-bottom-menu {
        display: flex;
    }

    body:not(.rn-feed-active) .rn-bottom-ticker {
        bottom: 64px;
    }
}


@media (max-width: 430px) and (max-height: 760px) {
    .rn-news-body-area {
        padding-bottom: 94px;
    }

    .rn-read-more {
        position: absolute;
        right: 72px;
        bottom: 76px;
        z-index: 31;
        margin-top: 0;
        white-space: nowrap;
    }

    .rn-feed-excerpt {
        -webkit-line-clamp: 4;
    }
}

@media (max-width: 390px) and (max-height: 720px) {
    .rn-read-more {
        right: 66px;
        bottom: 74px;
        padding: 8px 11px;
    }

    .rn-feed-excerpt {
        -webkit-line-clamp: 3;
    }
}

@media (max-width: 390px) {
    .rn-feed-image {
        height: 38vh;
        min-height: 220px;
    }

    .rn-news-body-area {
        padding: 14px 66px 0 13px;
    }

    .rn-feed-title {
        font-size: 19px;
    }

    .rn-feed-excerpt {
        font-size: 12.8px;
        line-height: 1.65;
    }

    .rn-read-more {
        padding: 8px 12px;
        font-size: 11px;
    }

    .rn-action-btn {
        width: 42px;
        height: 42px;
    }

    .rn-action-bar {
        right: 10px;
        width: 44px;
    }
}

@media (min-width: 641px) {
    body.rn-feed-active .rn-mobile-bottom-menu {
        display: none;
    }

    body.rn-feed-active .rn-bottom-ticker {
        bottom: 0;
    }

    body:not(.rn-feed-active) .rn-mobile-bottom-menu {
        display: none;
    }
}


/* Client fix: keep Read More below the right-side share icon on small screens */
@media (max-width: 640px) {
    .rn-news-reel-card .rn-read-more {
        position: absolute;
        right: 9px;
        top: calc(50% + 156px);
        z-index: 32;
        margin-top: 0;
        min-height: 31px;
        padding: 8px 10px;
        font-size: 10px;
        white-space: nowrap;
        max-width: 72px;
        text-align: center;
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
    }

    .rn-news-reel-card .rn-action-bar {
        z-index: 31;
    }
}

@media (max-width: 430px) and (max-height: 760px) {
    .rn-news-reel-card .rn-read-more {
        right: 9px;
        top: calc(50% + 148px);
        bottom: auto;
    }
}

@media (max-width: 390px) and (max-height: 720px) {
    .rn-news-reel-card .rn-read-more {
        right: 8px;
        top: calc(50% + 140px);
        bottom: auto;
        padding: 7px 9px;
        font-size: 9.5px;
    }
}


/* Major update: location, smoother feed, dual ticker, issue form, share poster */
.rn-news-location-label {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.92);
    font-size: 11px;
    line-height: 1;
    font-weight: 850;
    letter-spacing: 0.2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#rn-feed-wrapper {
    scroll-snap-type: y proximity;
    scroll-behavior: smooth;
}

.rn-feed-card {
    scroll-snap-stop: normal;
}

.rn-share-poster-card {
    position: fixed;
    left: -99999px;
    top: 0;
    width: 1080px;
    height: 1350px;
    overflow: hidden;
    background: #101014;
    color: #fff;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    z-index: -1;
}

.rn-share-poster-card img {
    width: 100%;
    height: 760px;
    object-fit: cover;
    display: block;
}

.rn-share-poster-content {
    padding: 54px;
}

.rn-share-poster-brand {
    display: inline-flex;
    align-items: center;
    padding: 12px 18px;
    border-radius: 999px;
    background: #5d0712;
    color: #fff;
    font-size: 28px;
    font-weight: 950;
    margin-bottom: 28px;
}

.rn-share-poster-title {
    margin: 0 0 22px;
    font-size: 56px;
    line-height: 1.12;
    font-weight: 950;
    letter-spacing: -1px;
}

.rn-share-poster-meta {
    font-size: 28px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.82);
    font-weight: 750;
}

.rn-issue-card-highlight {
    border: 1px solid rgba(93, 7, 18, 0.16);
    background: linear-gradient(135deg, #fff, #fff5f6);
}

.rn-issue-telugu-line {
    color: #5d0712;
    font-size: 17px;
    line-height: 1.55;
    font-weight: 900;
}

.rn-issue-modal {
    position: fixed;
    inset: 0;
    z-index: 10002;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.rn-issue-modal.active {
    display: flex;
}

.rn-issue-box {
    width: 100%;
    max-width: 560px;
    max-height: 92vh;
    overflow: auto;
    background: #fff;
    border-radius: 24px;
    padding: 22px;
    position: relative;
    box-shadow: 0 24px 70px rgba(0,0,0,.36);
}

.rn-issue-close {
    position: absolute;
    top: 12px;
    right: 14px;
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 50%;
    background: #f1f2f4;
    cursor: pointer;
    font-size: 26px;
}

.rn-issue-box h2 {
    margin: 0 45px 16px 0;
    font-size: 24px;
    font-weight: 950;
}

.rn-issue-field {
    margin-bottom: 13px;
}

.rn-issue-field label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 900;
    color: #333943;
}

.rn-issue-field input,
.rn-issue-field textarea {
    width: 100%;
    padding: 13px 14px;
    border: 1px solid #dfe2e7;
    border-radius: 13px;
    background: #fafafa;
    outline: none;
    font-size: 15px;
}

.rn-issue-field textarea {
    min-height: 120px;
    resize: vertical;
}

.rn-issue-message {
    margin-bottom: 12px;
    color: #5d0712;
    font-size: 14px;
    font-weight: 800;
}

.rn-bottom-tickers-wrap {
    position: fixed;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100%;
    max-width: 520px;
    z-index: 9990;
    box-shadow: 0 -8px 28px rgba(0, 0, 0, 0.35);
}

.rn-bottom-tickers-wrap .rn-bottom-ticker {
    position: relative;
    left: auto;
    bottom: auto;
    transform: none;
    max-width: 100%;
    box-shadow: none;
}

.rn-bottom-ticker + .rn-bottom-ticker {
    border-top: 1px solid rgba(255,255,255,.16);
}

@media (max-width: 640px) {
    .rn-news-location-label {
        font-size: 10px;
        padding: 5px 9px;
    }

    .rn-bottom-tickers-wrap {
        max-width: 100%;
    }
}


/* Read More final fix: attached below right-side actions, never under ticker */
.rn-news-content-panel > .rn-read-more:not(.rn-read-more-action) {
    display: none !important;
}

.rn-read-more-action-item {
    margin-top: 2px;
}

.rn-read-more-action {
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    min-height: 30px;
    padding: 7px 0;
    margin: 0;
    border-radius: 999px;
    font-size: 10px;
    line-height: 1;
    font-weight: 950;
    text-align: center;
    white-space: nowrap;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

.rn-action-bar {
    gap: 10px;
}

/* Compact dual tickers */
.rn-bottom-tickers-wrap {
    box-shadow: 0 -5px 18px rgba(0, 0, 0, 0.28);
}

.rn-bottom-tickers-wrap .rn-bottom-ticker,
.rn-bottom-ticker {
    height: 24px;
    min-height: 24px;
}

.rn-bottom-ticker-label {
    height: 24px;
    padding: 0 9px;
    font-size: 10px;
    letter-spacing: 0.4px;
}

.rn-bottom-ticker-text {
    font-size: 11px;
    gap: 12px;
}

/* Better title and excerpt readability */
.rn-feed-title {
    margin-bottom: 10px;
}

.rn-feed-excerpt {
    -webkit-line-clamp: 8;
    line-height: 1.62;
}

.rn-news-body-area {
    padding-bottom: 70px;
}

@media (max-width: 640px) {
    .rn-action-bar {
        gap: 9px;
    }

    .rn-read-more-action {
        width: 45px;
        min-width: 45px;
        max-width: 45px;
        min-height: 28px;
        font-size: 9.5px;
    }

    .rn-bottom-tickers-wrap .rn-bottom-ticker,
    .rn-bottom-ticker {
        height: 22px;
        min-height: 22px;
    }

    .rn-bottom-ticker-label {
        height: 22px;
        padding: 0 8px;
        font-size: 9.5px;
    }

    .rn-bottom-ticker-text {
        font-size: 10.5px;
    }

    .rn-news-body-area {
        padding-bottom: 74px;
    }

    .rn-feed-excerpt {
        -webkit-line-clamp: 7;
        line-height: 1.58;
    }

    .rn-news-reel-card .rn-read-more {
        position: static !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        z-index: auto !important;
    }

    .rn-news-reel-card .rn-read-more-action {
        position: static !important;
    }
}

@media (max-width: 390px) {
    .rn-read-more-action {
        width: 42px;
        min-width: 42px;
        max-width: 42px;
        min-height: 27px;
        font-size: 9px;
        padding: 7px 0;
    }

    .rn-feed-excerpt {
        -webkit-line-clamp: 6;
    }
}


/* Breaking badge moved to content area */
.rn-breaking-badge-inline {
    position: relative;
    left: auto;
    top: auto;
    z-index: 1;
    display: inline-flex;
    width: fit-content;
    margin: 0 0 10px;
    padding: 7px 12px;
    font-size: 11px;
    line-height: 1;
    box-shadow: 0 8px 20px rgba(230, 0, 35, 0.28);
}

/* Desktop / tablet landscape layout upgrade */
@media (min-width: 900px) and (orientation: landscape) {
    html,
    body {
        overflow: auto;
        background: #0b0b0e;
    }

    .rn-reels-shell {
        min-height: 100vh;
        height: 100vh;
        display: grid;
        grid-template-columns: 84px minmax(0, 1fr);
        align-items: stretch;
        background:
            radial-gradient(circle at top left, rgba(93, 7, 18, 0.26), transparent 34%),
            linear-gradient(135deg, #08080a 0%, #131319 48%, #08080a 100%);
    }

    .rn-reels-shell::before {
        content: "N5TG";
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 9988;
        width: 84px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding-top: 24px;
        background: rgba(10, 10, 14, 0.92);
        border-right: 1px solid rgba(255, 255, 255, 0.08);
        color: #fff;
        font-size: 15px;
        font-weight: 950;
        letter-spacing: 1.5px;
        box-shadow: 12px 0 40px rgba(0, 0, 0, 0.30);
    }

    .rn-reels-shell::after {
        content: "Home\A Trending\A Saved\A Profile";
        white-space: pre;
        position: fixed;
        left: 0;
        top: 86px;
        z-index: 9989;
        width: 84px;
        text-align: center;
        color: rgba(255, 255, 255, 0.72);
        font-size: 11px;
        line-height: 3.1;
        font-weight: 800;
        pointer-events: none;
    }

    #rn-feed-wrapper {
        grid-column: 2;
        max-width: 1180px;
        width: calc(100vw - 120px);
        height: 100vh;
        margin: 0 auto;
        padding: 28px 28px 54px;
        background: transparent;
        scroll-snap-type: y proximity;
    }

    .rn-feed-card {
        height: calc(100vh - 82px);
        min-height: 620px;
        max-height: 820px;
        display: grid;
        grid-template-columns: minmax(0, 1.12fr) minmax(360px, 0.88fr) 74px;
        gap: 0;
        border-radius: 34px;
        overflow: hidden;
        background: #111116;
        box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
        border: 1px solid rgba(255, 255, 255, 0.08);
        margin: 0 auto 28px;
    }

    .rn-news-reel-card {
        padding: 0;
    }

    .rn-feed-image {
        width: 100%;
        height: 100%;
        min-height: 100%;
        border-radius: 0;
        box-shadow: none;
    }

    .rn-feed-image img {
        object-fit: cover;
        transform: none;
    }

    .rn-news-body-area {
        height: 100%;
        min-height: 100%;
        overflow: hidden;
        padding: 34px 28px 82px;
        display: flex;
        align-items: flex-start;
    }

    .rn-news-content-panel {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        width: 100%;
        height: 100%;
        padding: 0;
        border-radius: 0;
        background: transparent;
        border: none;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        display: flex;
        flex-direction: column;
    }

    .rn-news-meta-top {
        flex-wrap: wrap;
        margin-bottom: 16px;
    }

    .rn-news-category-label,
    .rn-news-location-label {
        background: rgba(255, 255, 255, 0.12);
        color: rgba(255, 255, 255, 0.92);
    }

    .rn-feed-title {
        font-size: clamp(28px, 3vw, 44px);
        line-height: 1.12;
        -webkit-line-clamp: 4;
        margin-bottom: 18px;
        text-shadow: none;
    }

    .rn-feed-excerpt {
        font-size: clamp(15px, 1.35vw, 19px);
        line-height: 1.68;
        -webkit-line-clamp: 12;
        text-shadow: none;
    }

    .rn-feed-author {
        color: rgba(255, 255, 255, 0.78);
        font-size: 12px;
    }

    .rn-action-bar {
        position: relative;
        right: auto;
        bottom: auto;
        z-index: 10;
        width: 74px;
        height: 100%;
        grid-column: 3;
        grid-row: 1 / span 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
        background: rgba(255, 255, 255, 0.035);
        border-left: 1px solid rgba(255, 255, 255, 0.08);
    }

    .rn-action-btn {
        width: 50px;
        height: 50px;
        background: rgba(255, 255, 255, 0.94);
        color: #111;
        border-color: rgba(255, 255, 255, 0.18);
    }

    .rn-count {
        color: rgba(255, 255, 255, 0.92);
        text-shadow: none;
    }

    .rn-read-more-action {
        width: 52px;
        min-width: 52px;
        max-width: 52px;
        min-height: 32px;
        font-size: 10px;
    }

    .rn-feed-logo {
        top: 18px;
        right: 18px;
        width: 56px;
        height: 56px;
    }

    .rn-image-watermark {
        width: 48%;
        max-width: 340px;
    }

    .rn-smart-ad-card {
        grid-template-columns: minmax(0, 1fr) 380px;
        padding: 0;
    }

    .rn-ad-media-wrap {
        height: 100%;
        min-height: 100%;
        border-radius: 0;
        box-shadow: none;
    }

    .rn-ad-content-panel {
        margin: 0;
        min-height: 100%;
        border-radius: 0;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding: 34px;
    }

    .rn-bottom-tickers-wrap {
        left: calc(50% + 42px);
        max-width: min(1180px, calc(100vw - 120px));
    }

    .rn-bottom-menu {
        left: 84px;
        right: 0;
        width: calc(100% - 84px);
        max-width: none;
    }

    .rn-pull-refresh-indicator {
        left: calc(50% + 42px);
    }
}

@media (min-width: 900px) and (orientation: landscape) and (max-height: 720px) {
    #rn-feed-wrapper {
        padding-top: 18px;
    }

    .rn-feed-card {
        height: calc(100vh - 64px);
        min-height: 520px;
    }

    .rn-feed-title {
        font-size: clamp(24px, 2.5vw, 36px);
        -webkit-line-clamp: 3;
    }

    .rn-feed-excerpt {
        -webkit-line-clamp: 8;
    }

    .rn-news-body-area {
        padding: 26px 24px 76px;
    }

    .rn-action-bar {
        gap: 11px;
    }
}


/* Mobile badge placement: BREAKING + category inside image; location/author below in text area */
.rn-image-badges-row {
    position: absolute;
    left: 12px;
    bottom: 10px;
    z-index: 14;
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: calc(100% - 92px);
    flex-wrap: wrap;
}

.rn-breaking-badge-image {
    position: relative;
    left: auto;
    top: auto;
    z-index: 1;
    display: inline-flex;
    width: fit-content;
    padding: 7px 11px;
    font-size: 10px;
    line-height: 1;
    border-radius: 8px;
    box-shadow: 0 8px 18px rgba(230, 0, 35, 0.30);
}

.rn-category-label-image {
    background: rgba(255, 255, 255, 0.92);
    color: #111;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}

.rn-news-body-meta-top {
    margin-bottom: 8px;
}

.rn-news-body-meta-top .rn-news-location-label {
    background: transparent;
    color: rgba(255, 255, 255, 0.72);
    padding: 0;
    border-radius: 0;
}

@media (max-width: 640px) {
    .rn-image-badges-row {
        left: 10px;
        bottom: 8px;
        gap: 6px;
        max-width: calc(100% - 74px);
    }

    .rn-breaking-badge-image {
        padding: 6px 9px;
        font-size: 9px;
        border-radius: 7px;
    }

    .rn-category-label-image {
        padding: 6px 9px;
        font-size: 9px;
    }

    .rn-news-body-meta-top {
        margin-bottom: 7px;
    }

    .rn-feed-title {
        margin-top: 0;
    }
}

/* Real clickable desktop sidebar and improved landscape desktop feed layout */
.rn-desktop-sidebar {
    display: none;
}

@media (min-width: 900px) and (orientation: landscape) {
    .rn-reels-shell::before,
    .rn-reels-shell::after {
        display: none !important;
        content: none !important;
    }

    .rn-reels-shell {
        grid-template-columns: 256px minmax(0, 1fr);
    }

    .rn-desktop-sidebar {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 9991;
        width: 256px;
        display: flex;
        flex-direction: column;
        gap: 18px;
        padding: 22px 16px;
        background: rgba(7, 8, 12, 0.94);
        border-right: 1px solid rgba(255, 255, 255, 0.08);
        box-shadow: 18px 0 48px rgba(0, 0, 0, 0.35);
        overflow-y: auto;
    }

    .rn-desktop-brand {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 72px;
        color: #fff;
        text-decoration: none;
        border-bottom: 2px solid #e60023;
        margin-bottom: 4px;
    }

    .rn-desktop-brand span {
        color: #ff182f;
        font-size: 34px;
        line-height: 1;
        font-weight: 950;
        letter-spacing: -1px;
    }

    .rn-desktop-brand small {
        color: #fff;
        font-size: 20px;
        line-height: 1;
        font-weight: 950;
        letter-spacing: 1px;
    }

    .rn-desktop-nav {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .rn-desktop-nav-item {
        display: flex;
        align-items: center;
        gap: 14px;
        min-height: 48px;
        padding: 11px 13px;
        border-radius: 12px;
        color: rgba(255, 255, 255, 0.88);
        text-decoration: none;
        font-size: 15px;
        font-weight: 850;
        border: 1px solid transparent;
        transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
    }

    .rn-desktop-nav-item:hover,
    .rn-desktop-nav-item.active {
        color: #fff;
        background: rgba(230, 0, 35, 0.18);
        border-color: rgba(230, 0, 35, 0.38);
        transform: translateX(2px);
    }

    .rn-desktop-nav-icon {
        width: 24px;
        text-align: center;
        font-size: 18px;
        font-weight: 950;
    }

    .rn-desktop-sidebar-card {
        margin-top: auto;
        padding: 16px;
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.08);
        color: #fff;
    }

    .rn-desktop-sidebar-card strong {
        display: block;
        margin-bottom: 8px;
        font-size: 14px;
        color: #ff3147;
        text-transform: uppercase;
    }

    .rn-desktop-sidebar-card p {
        margin: 0;
        color: rgba(255, 255, 255, 0.78);
        font-size: 13px;
        line-height: 1.55;
    }

    #rn-feed-wrapper {
        grid-column: 2;
        width: calc(100vw - 292px);
        max-width: 1280px;
        padding: 18px 20px 54px;
    }

    .rn-feed-card {
        height: calc(100vh - 74px);
        min-height: 600px;
        max-height: 840px;
        grid-template-columns: minmax(460px, 0.9fr) minmax(410px, 1.1fr) 76px;
        border-radius: 24px;
    }

    .rn-feed-image {
        height: 100%;
        min-height: 100%;
    }

    .rn-feed-image img {
        object-fit: cover;
    }

    .rn-image-badges-row {
        left: 18px;
        bottom: 18px;
        max-width: calc(100% - 40px);
        gap: 10px;
    }

    .rn-breaking-badge-image {
        padding: 8px 12px;
        font-size: 11px;
        border-radius: 9px;
    }

    .rn-category-label-image {
        padding: 8px 12px;
        font-size: 11px;
    }

    .rn-news-body-area {
        padding: 38px 32px 78px;
        display: flex;
        align-items: flex-start;
        overflow: hidden;
    }

    .rn-news-content-panel {
        justify-content: flex-start;
    }

    .rn-feed-title {
        font-size: clamp(30px, 2.7vw, 46px);
        line-height: 1.12;
        -webkit-line-clamp: 4;
    }

    .rn-feed-excerpt {
        font-size: clamp(15px, 1.2vw, 18px);
        line-height: 1.68;
        -webkit-line-clamp: 10;
    }

    .rn-news-body-meta-top {
        margin-bottom: 15px;
    }

    .rn-news-body-meta-top .rn-news-location-label {
        color: rgba(255, 255, 255, 0.82);
        font-size: 13px;
    }

    .rn-feed-author {
        font-size: 13px;
    }

    .rn-action-bar {
        width: 76px;
        gap: 14px;
    }

    .rn-bottom-tickers-wrap {
        left: calc(50% + 128px);
        max-width: min(1280px, calc(100vw - 292px));
    }

    .rn-bottom-menu {
        left: 256px;
        width: calc(100% - 256px);
    }
}

@media (min-width: 900px) and (orientation: landscape) and (max-width: 1180px) {
    .rn-reels-shell {
        grid-template-columns: 210px minmax(0, 1fr);
    }

    .rn-desktop-sidebar {
        width: 210px;
        padding: 18px 12px;
    }

    .rn-desktop-brand span {
        font-size: 29px;
    }

    .rn-desktop-brand small {
        font-size: 17px;
    }

    .rn-desktop-nav-item {
        font-size: 13px;
        gap: 10px;
        padding: 10px;
    }

    #rn-feed-wrapper {
        width: calc(100vw - 236px);
    }

    .rn-feed-card {
        grid-template-columns: minmax(380px, 0.85fr) minmax(340px, 1.15fr) 70px;
    }

    .rn-bottom-tickers-wrap {
        left: calc(50% + 105px);
        max-width: min(1180px, calc(100vw - 236px));
    }

    .rn-bottom-menu {
        left: 210px;
        width: calc(100% - 210px);
    }
}

@media (min-width: 900px) and (orientation: landscape) and (max-height: 720px) {
    .rn-feed-card {
        min-height: 520px;
        grid-template-columns: minmax(380px, 0.82fr) minmax(360px, 1.18fr) 70px;
    }

    .rn-feed-title {
        font-size: clamp(25px, 2.2vw, 36px);
        -webkit-line-clamp: 3;
    }

    .rn-feed-excerpt {
        -webkit-line-clamp: 7;
    }
}


/* Requested: desktop menu only 4 main buttons, secondary links below; issue button + bigger Read More */
.rn-read-more-action {
    width: 72px;
    min-width: 72px;
    max-width: 72px;
    min-height: 32px;
    padding: 8px 10px;
    font-size: 10px;
    border-radius: 14px;
}

.rn-issue-action-btn svg {
    pointer-events: none;
}

.rn-issue-count {
    font-size: 9px;
}

@media (max-width: 640px) {
    .rn-action-bar {
        gap: 8px;
    }

    .rn-issue-action-btn {
        width: 45px;
        height: 45px;
    }

    .rn-read-more-action {
        width: 74px;
        min-width: 74px;
        max-width: 74px;
        min-height: 30px;
        padding: 8px 9px;
        font-size: 10px;
        border-radius: 13px;
        transform: translateX(-14px);
    }

    .rn-issue-count {
        font-size: 8.5px;
    }
}

@media (max-width: 390px) {
    .rn-read-more-action {
        width: 70px;
        min-width: 70px;
        max-width: 70px;
        font-size: 9.5px;
        transform: translateX(-16px);
    }
}

@media (min-width: 900px) and (orientation: landscape) {
    .rn-desktop-secondary-links {
        display: grid;
        grid-template-columns: 1fr;
        gap: 7px;
        padding-top: 10px;
        margin-top: 4px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .rn-desktop-secondary-links a {
        color: rgba(255, 255, 255, 0.62);
        font-size: 12px;
        font-weight: 750;
        text-decoration: none;
        padding: 7px 10px;
        border-radius: 9px;
    }

    .rn-desktop-secondary-links a:hover {
        color: #fff;
        background: rgba(255, 255, 255, 0.06);
    }

    .rn-desktop-nav {
        gap: 10px;
    }

    .rn-desktop-nav-item {
        min-height: 52px;
    }

    .rn-read-more-action {
        width: 64px;
        min-width: 64px;
        max-width: 64px;
        min-height: 34px;
        font-size: 10px;
    }

    .rn-action-bar {
        gap: 12px;
    }
}


/* Clean desktop/sidebar + latest panel + metadata belt + fixed Read More */
.rn-news-body-meta-top {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    width: fit-content;
    max-width: 100%;
    gap: 9px;
    margin-bottom: 11px;
    padding: 7px 11px;
    border-radius: 999px;
    background: rgba(10, 10, 12, 0.78);
    border: 1px solid rgba(255,255,255,0.12);
    box-shadow: 0 10px 24px rgba(0,0,0,0.14);
}

.rn-news-body-meta-top .rn-news-location-label,
.rn-news-body-meta-top .rn-feed-author {
    background: transparent !important;
    color: rgba(255,255,255,0.94) !important;
    padding: 0 !important;
    font-size: 12px;
    font-weight: 850;
    text-shadow: none !important;
}

.rn-news-body-meta-top .rn-feed-author::before {
    color: rgba(255,255,255,0.60);
}

.rn-read-more-action {
    position: absolute !important;
    right: 76px !important;
    bottom: 108px !important;
    z-index: 44 !important;
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
    min-height: 38px !important;
    padding: 10px 14px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    transform: none !important;
    box-shadow: 0 14px 32px rgba(0,0,0,0.22) !important;
}

.rn-desktop-latest-panel {
    display: none;
}

@media (max-width: 640px) {
    .rn-news-body-meta-top {
        padding: 6px 9px;
        margin-bottom: 10px;
        border-radius: 14px;
    }

    .rn-news-body-meta-top .rn-news-location-label,
    .rn-news-body-meta-top .rn-feed-author {
        font-size: 10.5px;
    }

    .rn-read-more-action {
        right: 74px !important;
        bottom: 114px !important;
        width: 104px !important;
        min-width: 104px !important;
        max-width: 104px !important;
        min-height: 36px !important;
        padding: 9px 12px !important;
        font-size: 11px !important;
    }
}

@media (max-width: 390px) {
    .rn-read-more-action {
        right: 69px !important;
        bottom: 110px !important;
        width: 96px !important;
        min-width: 96px !important;
        max-width: 96px !important;
        font-size: 10.5px !important;
    }
}

@media (min-width: 900px) and (orientation: landscape) {
    .rn-desktop-secondary-links,
    .rn-desktop-sidebar-card {
        display: none !important;
    }

    .rn-desktop-action-links {
        margin-top: auto;
        padding-top: 14px;
        border-top: 1px solid rgba(255,255,255,.08);
        display: grid;
        gap: 9px;
    }

    .rn-desktop-action-links a {
        display: block;
        color: rgba(255,255,255,.82);
        text-decoration: none;
        font-size: 13px;
        font-weight: 850;
        padding: 10px 11px;
        border-radius: 12px;
        background: rgba(255,255,255,.055);
        border: 1px solid rgba(255,255,255,.075);
    }

    .rn-desktop-action-links a:hover {
        color: #fff;
        background: rgba(230,0,35,.18);
        border-color: rgba(230,0,35,.32);
    }

    .rn-reels-shell {
        grid-template-columns: 224px minmax(0, 1fr) 330px !important;
    }

    .rn-desktop-sidebar {
        width: 224px !important;
        padding: 22px 14px !important;
    }

    .rn-desktop-brand {
        min-height: 62px !important;
        margin-bottom: 12px !important;
    }

    .rn-desktop-brand span {
        font-size: 32px !important;
    }

    .rn-desktop-brand small {
        font-size: 17px !important;
    }

    .rn-desktop-nav {
        gap: 10px !important;
    }

    .rn-desktop-nav-item {
        min-height: 54px !important;
        font-size: 15px !important;
        border-radius: 14px !important;
    }

    #rn-feed-wrapper {
        grid-column: 2 !important;
        width: 100% !important;
        max-width: none !important;
        padding: 18px 18px 54px !important;
    }

    .rn-feed-card {
        height: calc(100vh - 78px) !important;
        min-height: 650px !important;
        max-height: 880px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 78px !important;
        grid-template-rows: minmax(330px, 54%) minmax(0, 46%) !important;
        border-radius: 24px !important;
        overflow: hidden !important;
        margin: 0 auto 28px !important;
    }

    .rn-feed-image {
        grid-column: 1 / 2 !important;
        grid-row: 1 !important;
        height: 100% !important;
        min-height: 100% !important;
        border-radius: 0 !important;
    }

    .rn-feed-image img {
        object-fit: cover !important;
        width: 100% !important;
        height: 100% !important;
    }

    .rn-news-body-area {
        grid-column: 1 / 2 !important;
        grid-row: 2 !important;
        height: 100% !important;
        min-height: 0 !important;
        padding: 26px 30px 48px !important;
        overflow: hidden !important;
    }

    .rn-news-content-panel {
        height: 100% !important;
        overflow: hidden !important;
    }

    .rn-feed-title {
        font-size: clamp(25px, 2.15vw, 38px) !important;
        line-height: 1.12 !important;
        -webkit-line-clamp: 2 !important;
        margin-bottom: 12px !important;
    }

    .rn-feed-excerpt {
        font-size: clamp(14px, 1.05vw, 17px) !important;
        line-height: 1.58 !important;
        -webkit-line-clamp: 5 !important;
    }

    .rn-action-bar {
        grid-column: 2 / 3 !important;
        grid-row: 1 / 3 !important;
        width: 78px !important;
        height: 100% !important;
        gap: 12px !important;
    }

    .rn-read-more-action {
        position: static !important;
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
        min-height: 34px !important;
        font-size: 10px !important;
        padding: 8px 6px !important;
        border-radius: 999px !important;
    }

    .rn-desktop-latest-panel {
        position: fixed;
        top: 18px;
        right: 16px;
        bottom: 54px;
        z-index: 9989;
        width: 314px;
        display: flex;
        flex-direction: column;
        padding: 18px;
        border-radius: 22px;
        background: rgba(10, 10, 14, 0.92);
        border: 1px solid rgba(255,255,255,0.08);
        box-shadow: 0 20px 70px rgba(0,0,0,.36);
        overflow: hidden;
    }

    .rn-desktop-latest-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 14px;
    }

    .rn-desktop-latest-header h3 {
        margin: 0;
        color: #fff;
        font-size: 18px;
        font-weight: 950;
    }

    .rn-desktop-latest-header a {
        color: #ff3147;
        text-decoration: none;
        font-size: 12px;
        font-weight: 850;
    }

    .rn-desktop-latest-list {
        display: flex;
        flex-direction: column;
        gap: 11px;
        overflow-y: auto;
        padding-right: 4px;
    }

    .rn-desktop-latest-item {
        display: grid;
        grid-template-columns: 88px 1fr;
        gap: 10px;
        min-height: 74px;
        padding: 8px;
        border-radius: 14px;
        color: #fff;
        text-decoration: none;
        background: rgba(255,255,255,0.055);
        border: 1px solid rgba(255,255,255,0.07);
    }

    .rn-desktop-latest-item:hover {
        background: rgba(230,0,35,.13);
        border-color: rgba(230,0,35,.24);
    }

    .rn-desktop-latest-item img {
        width: 88px;
        height: 62px;
        object-fit: cover;
        border-radius: 10px;
        background: #111;
    }

    .rn-desktop-latest-item span {
        min-width: 0;
    }

    .rn-desktop-latest-item strong {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: #fff;
        font-size: 13px;
        line-height: 1.28;
        font-weight: 900;
    }

    .rn-desktop-latest-item small {
        display: block;
        margin-top: 5px;
        color: rgba(255,255,255,.62);
        font-size: 11px;
        font-weight: 750;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .rn-bottom-tickers-wrap {
        left: 224px !important;
        right: 346px !important;
        transform: none !important;
        width: auto !important;
        max-width: none !important;
    }

    .rn-bottom-menu {
        left: 224px !important;
        right: 346px !important;
        width: auto !important;
        max-width: none !important;
    }
}

@media (min-width: 900px) and (orientation: landscape) and (max-width: 1180px) {
    .rn-reels-shell {
        grid-template-columns: 190px minmax(0, 1fr) 280px !important;
    }

    .rn-desktop-sidebar {
        width: 190px !important;
    }

    .rn-desktop-latest-panel {
        width: 264px;
    }

    .rn-bottom-tickers-wrap,
    .rn-bottom-menu {
        left: 190px !important;
        right: 296px !important;
    }

    .rn-desktop-latest-item {
        grid-template-columns: 72px 1fr;
    }

    .rn-desktop-latest-item img {
        width: 72px;
        height: 56px;
    }
}


/* Desktop portal rebuild + proper ad layout */
@media (min-width: 900px) and (orientation: landscape) {
    html,
    body {
        overflow: auto !important;
        background: #07080b !important;
    }

    .rn-reels-shell {
        height: 100vh !important;
        min-height: 100vh !important;
        display: grid !important;
        grid-template-columns: 224px minmax(0, 1fr) 360px !important;
        background: #07080b !important;
    }

    .rn-desktop-sidebar {
        width: 224px !important;
        padding: 20px 14px !important;
        background: #07080b !important;
        border-right: 1px solid rgba(255,255,255,.08) !important;
    }

    .rn-desktop-secondary-links,
    .rn-desktop-sidebar-card {
        display: none !important;
    }

    .rn-desktop-brand {
        min-height: 70px !important;
        margin-bottom: 14px !important;
        border-bottom: 2px solid #e60023 !important;
    }

    .rn-desktop-brand span {
        font-size: 34px !important;
        color: #ff1736 !important;
    }

    .rn-desktop-brand small {
        font-size: 18px !important;
    }

    .rn-desktop-nav {
        gap: 10px !important;
    }

    .rn-desktop-nav-item {
        min-height: 52px !important;
        border-radius: 14px !important;
        font-size: 15px !important;
        font-weight: 900 !important;
    }

    .rn-desktop-action-links {
        display: grid !important;
        gap: 9px !important;
        margin-top: auto !important;
        padding-top: 16px !important;
        border-top: 1px solid rgba(255,255,255,.08) !important;
    }

    .rn-desktop-action-links a {
        color: rgba(255,255,255,.86) !important;
        text-decoration: none !important;
        font-size: 13px !important;
        font-weight: 850 !important;
        padding: 10px 11px !important;
        border-radius: 12px !important;
        background: rgba(255,255,255,.055) !important;
        border: 1px solid rgba(255,255,255,.075) !important;
    }

    .rn-desktop-action-links a:hover {
        color: #fff !important;
        background: rgba(230,0,35,.18) !important;
        border-color: rgba(230,0,35,.32) !important;
    }

    #rn-feed-wrapper {
        grid-column: 2 !important;
        width: 100% !important;
        max-width: none !important;
        height: 100vh !important;
        padding: 14px 16px 82px !important;
        background: #07080b !important;
        scroll-snap-type: y proximity !important;
    }

    .rn-feed-card {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto !important;
        border-radius: 22px !important;
        overflow: hidden !important;
        background: #111219 !important;
        border: 1px solid rgba(255,255,255,.09) !important;
        box-shadow: 0 22px 70px rgba(0,0,0,.38) !important;
        margin: 0 0 18px !important;
        scroll-snap-align: start !important;
    }

    .rn-news-reel-card {
        padding: 0 !important;
    }

    .rn-feed-image {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 100% !important;
        height: clamp(330px, 52vh, 560px) !important;
        min-height: 330px !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: #000 !important;
    }

    .rn-feed-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        transform: none !important;
    }

    .rn-image-badges-row {
        left: 20px !important;
        bottom: 18px !important;
        max-width: calc(100% - 44px) !important;
        gap: 10px !important;
    }

    .rn-news-body-area {
        grid-column: 1 !important;
        grid-row: 2 !important;
        height: auto !important;
        min-height: 220px !important;
        padding: 24px 28px 28px !important;
        overflow: visible !important;
        background: #111219 !important;
    }

    .rn-news-content-panel {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .rn-news-body-meta-top {
        display: inline-flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        margin: 0 0 13px !important;
        padding: 8px 12px !important;
        border-radius: 999px !important;
        background: rgba(0,0,0,.56) !important;
        border: 1px solid rgba(255,255,255,.12) !important;
        width: fit-content !important;
    }

    .rn-news-body-meta-top .rn-news-location-label,
    .rn-news-body-meta-top .rn-feed-author {
        color: rgba(255,255,255,.92) !important;
        font-size: 13px !important;
        font-weight: 850 !important;
        padding: 0 !important;
        background: transparent !important;
        text-shadow: none !important;
    }

    .rn-feed-title {
        color: #fff !important;
        font-size: clamp(30px, 2.25vw, 44px) !important;
        line-height: 1.13 !important;
        font-weight: 950 !important;
        margin: 0 0 12px !important;
        -webkit-line-clamp: 2 !important;
        text-shadow: none !important;
    }

    .rn-feed-excerpt {
        color: rgba(255,255,255,.78) !important;
        font-size: clamp(15px, 1.08vw, 18px) !important;
        line-height: 1.62 !important;
        -webkit-line-clamp: 4 !important;
        text-shadow: none !important;
        max-width: 92% !important;
    }

    .rn-action-bar {
        position: absolute !important;
        right: 16px !important;
        top: 96px !important;
        bottom: auto !important;
        width: 58px !important;
        height: auto !important;
        z-index: 30 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 11px !important;
        padding: 8px 0 !important;
        border-radius: 999px !important;
        background: rgba(0,0,0,.26) !important;
        border: 1px solid rgba(255,255,255,.12) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
    }

    .rn-action-btn {
        width: 46px !important;
        height: 46px !important;
        background: rgba(255,255,255,.94) !important;
        color: #111 !important;
        border-color: rgba(255,255,255,.22) !important;
    }

    .rn-count {
        color: #fff !important;
        font-size: 10px !important;
        text-shadow: 0 2px 8px rgba(0,0,0,.7) !important;
    }

    .rn-issue-count {
        color: #fff !important;
    }

    .rn-read-more-action {
        position: static !important;
        width: 70px !important;
        min-width: 70px !important;
        max-width: 70px !important;
        min-height: 32px !important;
        padding: 8px 8px !important;
        border-radius: 999px !important;
        font-size: 10px !important;
        transform: translateX(-6px) !important;
    }

    .rn-desktop-latest-panel {
        position: fixed !important;
        top: 14px !important;
        right: 14px !important;
        bottom: 74px !important;
        z-index: 9989 !important;
        width: 332px !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 18px !important;
        border-radius: 22px !important;
        background: rgba(12, 13, 18, 0.94) !important;
        border: 1px solid rgba(255,255,255,.09) !important;
        box-shadow: 0 20px 70px rgba(0,0,0,.36) !important;
        overflow: hidden !important;
    }

    .rn-desktop-latest-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        margin-bottom: 14px !important;
    }

    .rn-desktop-latest-header h3 {
        margin: 0 !important;
        color: #fff !important;
        font-size: 19px !important;
        font-weight: 950 !important;
    }

    .rn-desktop-latest-header a {
        color: #ff3147 !important;
        text-decoration: none !important;
        font-size: 12px !important;
        font-weight: 850 !important;
    }

    .rn-desktop-latest-list {
        display: flex !important;
        flex-direction: column !important;
        gap: 11px !important;
        overflow-y: auto !important;
        padding-right: 4px !important;
    }

    .rn-desktop-latest-item {
        display: grid !important;
        grid-template-columns: 90px 1fr !important;
        gap: 10px !important;
        min-height: 76px !important;
        padding: 8px !important;
        border-radius: 14px !important;
        color: #fff !important;
        text-decoration: none !important;
        background: rgba(255,255,255,.055) !important;
        border: 1px solid rgba(255,255,255,.07) !important;
    }

    .rn-desktop-latest-item:hover {
        background: rgba(230,0,35,.13) !important;
        border-color: rgba(230,0,35,.24) !important;
    }

    .rn-desktop-latest-item img {
        width: 90px !important;
        height: 64px !important;
        object-fit: cover !important;
        border-radius: 10px !important;
        background: #111 !important;
    }

    .rn-desktop-latest-item strong {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        color: #fff !important;
        font-size: 13px !important;
        line-height: 1.28 !important;
        font-weight: 900 !important;
    }

    .rn-desktop-latest-item small {
        display: block !important;
        margin-top: 5px !important;
        color: rgba(255,255,255,.62) !important;
        font-size: 11px !important;
        font-weight: 750 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .rn-bottom-tickers-wrap {
        left: 224px !important;
        right: 360px !important;
        transform: none !important;
        width: auto !important;
        max-width: none !important;
    }

    .rn-bottom-menu {
        left: 224px !important;
        right: 360px !important;
        width: auto !important;
        max-width: none !important;
    }

    .rn-smart-ad-card {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: minmax(360px, 58vh) auto !important;
        min-height: 620px !important;
        height: auto !important;
        background: #111219 !important;
        border-radius: 22px !important;
        overflow: hidden !important;
    }

    .rn-ad-media-wrap {
        grid-row: 1 !important;
        height: 100% !important;
        min-height: 360px !important;
        border-radius: 0 !important;
        background: #000 !important;
        box-shadow: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .rn-ad-media-link {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .rn-ad-image,
    .rn-ad-video {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        background: #000 !important;
    }

    .rn-ad-content-panel {
        grid-row: 2 !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        z-index: 1 !important;
        margin: 0 !important;
        min-height: 150px !important;
        padding: 24px 28px !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 18px !important;
        box-shadow: none !important;
    }

    .rn-ad-title {
        font-size: clamp(22px, 2vw, 34px) !important;
        line-height: 1.12 !important;
        color: #111 !important;
    }

    .rn-ad-description {
        font-size: 15px !important;
        color: #555d68 !important;
    }

    .rn-ad-cta {
        min-width: 118px !important;
        min-height: 42px !important;
        font-size: 13px !important;
    }
}

@media (min-width: 900px) and (orientation: landscape) and (max-width: 1180px) {
    .rn-reels-shell {
        grid-template-columns: 190px minmax(0, 1fr) 290px !important;
    }

    .rn-desktop-sidebar {
        width: 190px !important;
    }

    .rn-desktop-latest-panel {
        width: 274px !important;
    }

    .rn-bottom-tickers-wrap,
    .rn-bottom-menu {
        left: 190px !important;
        right: 290px !important;
    }

    .rn-desktop-latest-item {
        grid-template-columns: 74px 1fr !important;
    }

    .rn-desktop-latest-item img {
        width: 74px !important;
        height: 58px !important;
    }
}


/* N5TG logo image, contact form, video slot and desktop action fix */
.rn-desktop-brand-image {
    min-height: 82px !important;
    padding: 8px 0 !important;
}

.rn-desktop-brand-image img {
    max-width: 132px;
    max-height: 74px;
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
}

.rn-contact-admin-modal {
    position: fixed;
    inset: 0;
    z-index: 10003;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.rn-contact-admin-modal.active {
    display: flex;
}

.rn-contact-admin-box {
    width: 100%;
    max-width: 540px;
    max-height: 92vh;
    overflow: auto;
    background: #fff;
    border-radius: 24px;
    padding: 22px;
    position: relative;
    box-shadow: 0 24px 70px rgba(0,0,0,.36);
}

.rn-contact-admin-close {
    position: absolute;
    top: 12px;
    right: 14px;
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 50%;
    background: #f1f2f4;
    cursor: pointer;
    font-size: 26px;
}

.rn-contact-admin-box h2 {
    margin: 0 45px 8px 0;
    font-size: 24px;
    font-weight: 950;
}

.rn-contact-admin-box p {
    margin: 0 0 16px;
    color: #565d69;
}

.rn-contact-admin-message {
    margin-bottom: 12px;
    color: #5d0712;
    font-size: 14px;
    font-weight: 800;
}

.rn-feed-video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    background: #000;
}

.rn-video-play-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 22;
    transform: translate(-50%, -50%);
    width: 74px;
    height: 74px;
    border: none;
    border-radius: 50%;
    background: rgba(255,255,255,.92);
    color: #111;
    font-size: 28px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 14px 40px rgba(0,0,0,.32);
}

.rn-feed-video:playing + .rn-video-play-overlay {
    display: none;
}

@media (min-width: 900px) and (orientation: landscape) {
    .rn-action-bar {
        top: auto !important;
        right: 18px !important;
        bottom: 110px !important;
        width: 58px !important;
    }

    .rn-feed-video {
        object-fit: cover !important;
    }

    .rn-smart-ad-card .rn-action-bar {
        display: none !important;
    }

    .rn-desktop-brand-image img {
        max-width: 145px;
        max-height: 78px;
    }
}

@media (max-width: 640px) {
    .rn-video-play-overlay {
        width: 60px;
        height: 60px;
        font-size: 22px;
    }
}


/* UI fixes: lower desktop action rail, centered close icons, dashboard login form */
.rn-login-close,
.rn-contact-admin-close,
.rn-issue-close,
.rn-news-editor-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding: 0 !important;
    text-align: center !important;
}

.rn-dashboard-login-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    background: #07080b;
}

.rn-dashboard-auth-box {
    width: min(520px, calc(100vw - 28px));
    background: #fff;
    border-radius: 24px;
    padding: 28px;
    box-shadow: 0 24px 70px rgba(0,0,0,.34);
}

.rn-dashboard-auth-box h2 {
    margin: 0 0 10px;
    text-align: center;
    font-size: 30px;
    font-weight: 950;
    letter-spacing: .2px;
    color: #111;
}

.rn-dashboard-auth-box > p {
    margin: 0 0 18px;
    text-align: center;
    color: #5b6470;
}

.rn-dashboard-auth-box .rn-auth-tabs {
    margin-bottom: 16px;
}

.rn-dashboard-auth-box .rn-auth-panel input {
    width: 100%;
    margin-bottom: 12px;
}

.rn-dashboard-auth-box .rn-login-submit,
.rn-dashboard-auth-box .rn-register-submit {
    width: 100%;
}

.rn-issue-action-btn svg {
    pointer-events: none;
}

@media (min-width: 900px) and (orientation: landscape) {
    .rn-action-bar {
        top: auto !important;
        right: 18px !important;
        bottom: 34px !important;
        width: 58px !important;
        transform: none !important;
    }

    .rn-smart-ad-card .rn-action-bar {
        display: none !important;
    }

    .rn-read-more-action {
        transform: translateX(-6px) !important;
    }

    .rn-contact-admin-box h2,
    .rn-issue-box h2,
    .rn-login-box h2 {
        text-transform: uppercase;
    }
}

@media (max-width: 640px) {
    .rn-contact-admin-close,
    .rn-issue-close,
    .rn-login-close {
        top: 10px !important;
        right: 10px !important;
    }
}


/* Final issue + scroll + action layout fixes */
.rn-issue-action-btn svg {
    width: 23px;
    height: 23px;
}

@media (max-width: 640px) {
    #rn-feed-wrapper {
        scroll-snap-type: y mandatory !important;
        scroll-behavior: smooth !important;
        overscroll-behavior-y: contain !important;
        -webkit-overflow-scrolling: auto !important;
    }

    .rn-feed-card {
        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;
    }

    .rn-action-bar {
        top: auto !important;
        right: 10px !important;
        bottom: 132px !important;
        gap: 8px !important;
    }

    .rn-read-more-action {
        position: absolute !important;
        right: 68px !important;
        bottom: 78px !important;
        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;
        min-height: 38px !important;
        font-size: 11px !important;
        border-radius: 999px !important;
        transform: none !important;
    }
}

@media (min-width: 900px) and (orientation: landscape) {
    .rn-action-bar {
        top: auto !important;
        right: 18px !important;
        bottom: 94px !important;
        width: 58px !important;
    }

    .rn-read-more-action {
        position: absolute !important;
        right: 88px !important;
        bottom: 42px !important;
        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;
        min-height: 38px !important;
        font-size: 11px !important;
        transform: none !important;
    }
}

.rn-issue-camera-images,
.rn-issue-gallery-images {
    background: #fff;
}


/* Final poll + issue toggle + mobile action placement */
.rn-image-badges-stack {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.rn-feed-poll {
    position: absolute;
    left: 10px;
    right: 82px;
    bottom: 74px;
    z-index: 16;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px;
    border-radius: 18px;
    background: rgba(0, 0, 0, 0.56);
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: 0 12px 28px rgba(0,0,0,.22);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.rn-poll-question {
    min-width: 0;
    flex: 1;
    color: #fff;
    font-size: 11px;
    line-height: 1.25;
    font-weight: 900;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: 0 2px 8px rgba(0,0,0,.55);
}

.rn-poll-vote-btn {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border: none;
    border-radius: 50%;
    background: rgba(255,255,255,.94);
    color: #111;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(0,0,0,.18);
}

.rn-poll-vote-btn.active,
.rn-feed-poll.voted .rn-poll-vote-btn.active {
    background: #0b5cff;
    color: #fff;
}

.rn-feed-poll.voting {
    opacity: .72;
    pointer-events: none;
}

@media (max-width: 640px) {
    .rn-image-badges-row {
        bottom: 8px !important;
    }

    .rn-feed-poll {
        left: 10px;
        right: 80px;
        bottom: 62px;
        padding: 6px;
        gap: 5px;
        border-radius: 15px;
    }

    .rn-poll-question {
        font-size: 9.8px;
        -webkit-line-clamp: 2;
    }

    .rn-poll-vote-btn {
        width: 28px;
        height: 28px;
        min-width: 28px;
        font-size: 13px;
    }

    .rn-action-bar {
        top: auto !important;
        right: 10px !important;
        bottom: 104px !important;
        gap: 8px !important;
    }

    .rn-read-more-action {
        position: absolute !important;
        right: 72px !important;
        bottom: 46px !important;
        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;
        min-height: 38px !important;
        font-size: 11px !important;
        border-radius: 999px !important;
        transform: none !important;
    }
}

@media (max-width: 390px) {
    .rn-feed-poll {
        right: 74px;
        bottom: 58px;
    }

    .rn-action-bar {
        bottom: 98px !important;
    }

    .rn-read-more-action {
        right: 68px !important;
        bottom: 42px !important;
        width: 105px !important;
        min-width: 105px !important;
        max-width: 105px !important;
    }
}

@media (min-width: 900px) and (orientation: landscape) {
    .rn-feed-poll {
        left: 20px;
        right: 96px;
        bottom: 74px;
        max-width: 620px;
    }

    .rn-image-badges-stack {
        bottom: 18px !important;
    }
}


/* Restored full JS package: poll SVG, hide-after-vote, cropper */
.rn-poll-vote-btn svg {
    width: 20px;
    height: 20px;
    display: block;
}

.rn-feed-poll.poll-hidden-after-vote {
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .2s ease, transform .2s ease;
}

.rn-landscape-crop-frame {
    position: relative;
    width: 100%;
    max-width: 560px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 14px;
    background: #111;
    border: 2px solid #0b5cff;
    cursor: crosshair;
    margin-top: 10px;
}

.rn-crop-preview-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: 50% 50%;
    user-select: none;
    -webkit-user-drag: none;
}

.rn-crop-crosshair {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 52px;
    height: 52px;
    transform: translate(-50%, -50%);
    border: 2px solid rgba(255,255,255,.88);
    border-radius: 50%;
    box-shadow: 0 0 0 999px rgba(0,0,0,.16);
    pointer-events: none;
}

.rn-crop-crosshair::before,
.rn-crop-crosshair::after {
    content: "";
    position: absolute;
    background: rgba(255,255,255,.9);
}

.rn-crop-crosshair::before {
    left: 50%;
    top: -10px;
    width: 2px;
    height: 72px;
    transform: translateX(-50%);
}

.rn-crop-crosshair::after {
    top: 50%;
    left: -10px;
    width: 72px;
    height: 2px;
    transform: translateY(-50%);
}


/* Final corrected poll/auth/cropper UI */
.rn-poll-vote-btn svg {
    width: 20px;
    height: 20px;
    display: block;
}

.rn-feed-poll.poll-hidden-after-vote {
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .2s ease, transform .2s ease;
}

.rn-feed-poll {
    left: 108px !important;
    right: 78px !important;
    bottom: 8px !important;
    width: auto !important;
    min-height: 40px;
    align-items: center;
}

.rn-poll-question {
    -webkit-line-clamp: 3 !important;
}

@media (max-width: 640px) {
    .rn-feed-image {
        height: 45vh !important;
        min-height: 255px !important;
    }

    .rn-image-badges-stack {
        left: 10px !important;
        bottom: 8px !important;
    }

    .rn-feed-poll {
        left: 104px !important;
        right: 76px !important;
        bottom: 8px !important;
        min-height: 40px;
        padding: 6px !important;
    }

    .rn-poll-question {
        font-size: 9.4px !important;
        line-height: 1.18 !important;
        -webkit-line-clamp: 3 !important;
    }

    .rn-poll-vote-btn {
        width: 27px !important;
        height: 27px !important;
        min-width: 27px !important;
    }

    .rn-poll-vote-btn svg {
        width: 17px;
        height: 17px;
    }
}

.rn-landscape-crop-frame {
    position: relative;
    width: 100%;
    max-width: 560px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 14px;
    background: #111;
    border: 2px solid #0b5cff;
    cursor: crosshair;
    margin-top: 10px;
}

.rn-crop-preview-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: 50% 50%;
    user-select: none;
    -webkit-user-drag: none;
}

.rn-crop-crosshair {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 52px;
    height: 52px;
    transform: translate(-50%, -50%);
    border: 2px solid rgba(255,255,255,.88);
    border-radius: 50%;
    box-shadow: 0 0 0 999px rgba(0,0,0,.16);
    pointer-events: none;
}

.rn-crop-crosshair::before,
.rn-crop-crosshair::after {
    content: "";
    position: absolute;
    background: rgba(255,255,255,.9);
}

.rn-crop-crosshair::before {
    left: 50%;
    top: -10px;
    width: 2px;
    height: 72px;
    transform: translateX(-50%);
}

.rn-crop-crosshair::after {
    top: 50%;
    left: -10px;
    width: 72px;
    height: 2px;
    transform: translateY(-50%);
}


/* Final profile/cropper/poll visibility/mobile image adjustment */
@media (max-width: 640px) {
    .rn-feed-image {
        height: 41vh !important;
        min-height: 235px !important;
    }
}

.rn-poll-vote-btn {
    color: #111 !important;
}

.rn-poll-vote-btn svg {
    width: 22px !important;
    height: 22px !important;
    display: block !important;
    stroke: currentColor !important;
}

.rn-feed-poll.poll-hidden-after-vote {
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .2s ease, transform .2s ease;
}

.rn-profile-preview {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 12px 0 16px;
}

.rn-profile-preview img {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(0,0,0,.08);
}

.rn-profile-preview strong {
    display: block;
    font-size: 18px;
    color: #111;
}

.rn-profile-preview span {
    display: block;
    font-size: 13px;
    color: #666;
    margin-top: 3px;
}

.rn-profile-field {
    margin-bottom: 12px;
}

.rn-profile-field label {
    display: block;
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 6px;
}

.rn-profile-field input {
    width: 100%;
    border: 1px solid #dde1e6;
    border-radius: 12px;
    padding: 11px 12px;
}

.rn-profile-message {
    font-size: 13px;
    font-weight: 800;
    color: #5d0712;
    margin-bottom: 10px;
}


/* Final visual fixes: mobile feed spacing, poll clarity, cropper visibility, readmore modal width */
@media (max-width: 640px) {
    .rn-feed-image {
        height: 38vh !important;
        min-height: 220px !important;
        max-height: 330px !important;
    }

    .rn-news-body-area {
        min-height: calc(62vh - 118px) !important;
        padding: 18px 16px 88px !important;
    }

    .rn-feed-title {
        font-size: clamp(22px, 6vw, 30px) !important;
        line-height: 1.16 !important;
        -webkit-line-clamp: 3 !important;
        padding-right: 62px !important;
        margin-bottom: 11px !important;
    }

    .rn-feed-excerpt {
        font-size: clamp(14px, 4vw, 17px) !important;
        line-height: 1.55 !important;
        -webkit-line-clamp: 7 !important;
        padding-right: 8px !important;
    }

    .rn-news-body-meta-top {
        margin-bottom: 10px !important;
        max-width: calc(100% - 70px) !important;
    }

    .rn-action-bar {
        right: 8px !important;
        bottom: 150px !important;
        gap: 7px !important;
        z-index: 35 !important;
    }

    .rn-action-btn {
        width: 44px !important;
        height: 44px !important;
    }

    .rn-read-more-action {
        right: 70px !important;
        bottom: 54px !important;
        width: 116px !important;
        min-width: 116px !important;
        max-width: 116px !important;
        min-height: 38px !important;
        opacity: 1 !important;
        color: #111 !important;
        background: rgba(255,255,255,.96) !important;
    }
}

.rn-feed-poll {
    background: rgba(0,0,0,.72) !important;
    border: 1px solid rgba(255,255,255,.20) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.28) !important;
}

.rn-poll-vote-btn {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    color: #111 !important;
    background: #fff !important;
    border: 2px solid rgba(255,255,255,.85) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.24) !important;
}

.rn-poll-vote-btn svg {
    width: 23px !important;
    height: 23px !important;
    display: block !important;
    stroke: currentColor !important;
}

.rn-poll-up.active,
.rn-poll-up:hover {
    background: #10b85a !important;
    color: #fff !important;
    transform: scale(1.08);
}

.rn-poll-down.active,
.rn-poll-down:hover {
    background: #ef233c !important;
    color: #fff !important;
    transform: scale(1.08);
}

.rn-poll-vote-btn {
    transition: transform .18s ease, background .18s ease, color .18s ease;
}

.rn-poll-question {
    font-size: 12px !important;
    line-height: 1.25 !important;
    -webkit-line-clamp: 3 !important;
}

@media (max-width: 640px) {
    .rn-feed-poll {
        left: 112px !important;
        right: 74px !important;
        bottom: 8px !important;
        padding: 6px !important;
        min-height: 48px !important;
    }

    .rn-poll-vote-btn {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
    }

    .rn-poll-vote-btn svg {
        width: 21px !important;
        height: 21px !important;
    }

    .rn-poll-question {
        font-size: 10px !important;
        line-height: 1.2 !important;
    }
}

.rn-open-image-cropper-btn,
.rn-admin-open-image-cropper-btn {
    margin-left: 10px !important;
    padding: 7px 12px !important;
    border-radius: 8px !important;
    border: 1px solid #0b5cff !important;
    background: #0b5cff !important;
    color: #fff !important;
    font-weight: 800 !important;
    cursor: pointer !important;
}

.rn-image-cropper-wrap {
    margin-top: 12px !important;
}

.rn-landscape-crop-frame {
    position: relative !important;
    width: 100% !important;
    max-width: 560px !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    background: #111 !important;
    border: 2px solid #0b5cff !important;
    cursor: crosshair !important;
}

.rn-crop-preview-image {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
}

.rn-crop-crosshair {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 54px !important;
    height: 54px !important;
    transform: translate(-50%, -50%) !important;
    border: 2px solid rgba(255,255,255,.95) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 999px rgba(0,0,0,.16) !important;
    pointer-events: none !important;
}

.rn-article-modal-box,
.rn-readmore-box,
.rn-article-box {
    width: min(92vw, 820px) !important;
    max-width: 820px !important;
}

@media (max-width: 640px) {
    .rn-article-modal-box,
    .rn-readmore-box,
    .rn-article-box {
        width: 94vw !important;
        max-width: 94vw !important;
        border-radius: 18px !important;
    }
}

@media (min-width: 900px) and (orientation: landscape) {
    .rn-article-modal-box,
    .rn-readmore-box,
    .rn-article-box {
        width: min(62vw, 920px) !important;
        max-width: 920px !important;
    }
}


/* HARD FIX: huge visible poll icons + real visible cropper */
.rn-feed-poll-big,
.rn-feed-poll {
    position: absolute !important;
    left: 118px !important;
    right: 70px !important;
    bottom: 8px !important;
    z-index: 999 !important;
    min-height: 64px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8px 10px !important;
    background: rgba(0, 0, 0, 0.82) !important;
    border: 2px solid rgba(255, 255, 255, 0.28) !important;
    border-radius: 20px !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.38) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

.rn-poll-vote-btn {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    border-radius: 50% !important;
    border: 3px solid #fff !important;
    background: #ffffff !important;
    color: #111111 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0 10px 25px rgba(0,0,0,.36) !important;
    cursor: pointer !important;
    transition: transform .18s ease, background .18s ease, color .18s ease !important;
}

.rn-poll-svg,
.rn-poll-vote-btn svg {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    display: block !important;
    color: inherit !important;
    fill: currentColor !important;
    stroke: none !important;
}

.rn-poll-up:hover,
.rn-poll-up.active {
    background: #10b85a !important;
    color: #ffffff !important;
    transform: scale(1.12) !important;
}

.rn-poll-down:hover,
.rn-poll-down.active {
    background: #ef233c !important;
    color: #ffffff !important;
    transform: scale(1.12) !important;
}

.rn-poll-question {
    flex: 1 !important;
    min-width: 0 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.28 !important;
    font-weight: 950 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-shadow: 0 3px 10px rgba(0,0,0,.8) !important;
}

@media (max-width: 640px) {
    .rn-feed-poll-big,
    .rn-feed-poll {
        left: 104px !important;
        right: 70px !important;
        bottom: 8px !important;
        min-height: 54px !important;
        gap: 7px !important;
        padding: 6px 7px !important;
        border-radius: 16px !important;
    }

    .rn-poll-vote-btn {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        border-width: 2px !important;
    }

    .rn-poll-svg,
    .rn-poll-vote-btn svg {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
    }

    .rn-poll-question {
        font-size: 10.8px !important;
        line-height: 1.18 !important;
        -webkit-line-clamp: 3 !important;
    }
}

.rn-hard-crop-btn,
.rn-open-image-cropper-btn,
.rn-admin-open-image-cropper-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 10px !important;
    margin-top: 8px !important;
    padding: 9px 14px !important;
    border: none !important;
    border-radius: 9px !important;
    background: #0b5cff !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    font-size: 13px !important;
    cursor: pointer !important;
    box-shadow: 0 8px 18px rgba(11,92,255,.24) !important;
}

.rn-hard-cropper-wrap,
.rn-hard-admin-cropper-wrap,
.rn-image-cropper-wrap {
    margin-top: 14px !important;
    padding: 14px !important;
    background: #ffffff !important;
    border: 2px solid #0b5cff !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.12) !important;
}

.rn-hard-cropper-title {
    font-size: 15px !important;
    font-weight: 950 !important;
    color: #111 !important;
    margin-bottom: 10px !important;
}

.rn-hard-landscape-frame,
.rn-landscape-crop-frame {
    position: relative !important;
    width: 100% !important;
    max-width: 620px !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    background: #111 !important;
    border: 3px solid #0b5cff !important;
    cursor: crosshair !important;
}

.rn-crop-preview-image {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
}

.rn-crop-crosshair {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 64px !important;
    height: 64px !important;
    transform: translate(-50%, -50%) !important;
    border: 3px solid #ffffff !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 999px rgba(0,0,0,.18), 0 0 18px rgba(0,0,0,.45) !important;
    pointer-events: none !important;
}

.rn-hard-cropper-help {
    margin: 8px 0 0 !important;
    color: #555 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}


/* POLISH FIX: poll 3/4 size, readable action dock, better mobile/desktop feed */
.rn-video-play-overlay {
    display: none !important;
}

.rn-feed-video {
    object-fit: cover !important;
}

/* Poll: 75% of previous hard size */
.rn-feed-poll-big,
.rn-feed-poll {
    min-height: 50px !important;
    gap: 9px !important;
    padding: 6px 8px !important;
    border-radius: 17px !important;
}

.rn-poll-vote-btn {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    border-width: 2px !important;
}

.rn-poll-svg,
.rn-poll-vote-btn svg {
    width: 31px !important;
    height: 31px !important;
    min-width: 31px !important;
    min-height: 31px !important;
}

.rn-poll-question {
    font-size: 12px !important;
    line-height: 1.22 !important;
    -webkit-line-clamp: 3 !important;
}

.rn-feed-poll.poll-hidden-after-vote {
    display: none !important;
}

/* Mobile readability */
@media (max-width: 640px) {
    .rn-feed-image {
        height: 36vh !important;
        min-height: 210px !important;
        max-height: 300px !important;
    }

    .rn-news-body-area {
        min-height: calc(64vh - 118px) !important;
        padding: 16px 15px 92px !important;
    }

    .rn-feed-title {
        font-size: clamp(20px, 5.35vw, 27px) !important;
        line-height: 1.15 !important;
        -webkit-line-clamp: 3 !important;
        padding-right: 76px !important;
        margin-bottom: 10px !important;
    }

    .rn-feed-excerpt {
        font-size: clamp(13px, 3.75vw, 16px) !important;
        line-height: 1.55 !important;
        -webkit-line-clamp: 8 !important;
        padding-right: 8px !important;
    }

    .rn-news-body-meta-top {
        max-width: calc(100% - 88px) !important;
    }

    .rn-feed-poll-big,
    .rn-feed-poll {
        left: 104px !important;
        right: 74px !important;
        bottom: 8px !important;
        min-height: 45px !important;
        gap: 6px !important;
        padding: 5px 6px !important;
    }

    .rn-poll-vote-btn {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
    }

    .rn-poll-svg,
    .rn-poll-vote-btn svg {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        min-height: 26px !important;
    }

    .rn-poll-question {
        font-size: 9.8px !important;
        line-height: 1.18 !important;
    }

    /* glossy action dock fixed to edge */
    .rn-action-bar {
        top: auto !important;
        right: 0 !important;
        bottom: 112px !important;
        width: 62px !important;
        padding: 10px 7px !important;
        gap: 9px !important;
        border-radius: 22px 0 0 22px !important;
        background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(0,0,0,.52)) !important;
        border: 1px solid rgba(255,255,255,.22) !important;
        border-right: none !important;
        box-shadow: -12px 0 28px rgba(0,0,0,.22) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        z-index: 50 !important;
    }

    .rn-action-btn {
        width: 44px !important;
        height: 44px !important;
        background: rgba(255,255,255,.96) !important;
        color: #111 !important;
        box-shadow: 0 8px 18px rgba(0,0,0,.24) !important;
    }

    .rn-count {
        color: #ffffff !important;
        background: rgba(0,0,0,.72) !important;
        min-width: 18px !important;
        height: 18px !important;
        line-height: 18px !important;
        border-radius: 999px !important;
        padding: 0 5px !important;
        font-size: 10px !important;
        font-weight: 950 !important;
        text-shadow: none !important;
        margin-top: -3px !important;
    }

    .rn-read-more-action {
        position: absolute !important;
        right: 64px !important;
        bottom: 62px !important;
        width: 120px !important;
        min-width: 120px !important;
        max-width: 120px !important;
        min-height: 40px !important;
        border-radius: 999px !important;
        background: rgba(255,255,255,.98) !important;
        color: #111 !important;
        box-shadow: 0 12px 28px rgba(0,0,0,.28) !important;
        z-index: 52 !important;
    }
}

/* Desktop/wide landscape: make central story wider and title smaller */
@media (min-width: 900px) and (orientation: landscape) {
    .rn-reels-shell {
        grid-template-columns: 224px minmax(720px, 1fr) 330px !important;
    }

    #rn-feed-wrapper {
        padding-left: 26px !important;
        padding-right: 26px !important;
    }

    .rn-feed-card {
        max-width: none !important;
        width: 100% !important;
        grid-template-columns: minmax(0, 1fr) 74px !important;
    }

    .rn-feed-image {
        height: clamp(320px, 49vh, 520px) !important;
    }

    .rn-news-body-area {
        padding: 22px 34px 46px !important;
    }

    .rn-feed-title {
        font-size: clamp(24px, 1.75vw, 34px) !important;
        line-height: 1.14 !important;
        -webkit-line-clamp: 2 !important;
        padding-right: 92px !important;
    }

    .rn-feed-excerpt {
        font-size: clamp(14px, .95vw, 17px) !important;
        line-height: 1.56 !important;
        -webkit-line-clamp: 5 !important;
        padding-right: 80px !important;
    }

    .rn-action-bar {
        top: auto !important;
        right: 0 !important;
        bottom: 92px !important;
        width: 66px !important;
        padding: 12px 8px !important;
        border-radius: 22px 0 0 22px !important;
        background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(0,0,0,.58)) !important;
        border: 1px solid rgba(255,255,255,.22) !important;
        border-right: none !important;
        box-shadow: -14px 0 34px rgba(0,0,0,.24) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
    }

    .rn-count {
        color: #fff !important;
        background: rgba(0,0,0,.72) !important;
        min-width: 18px !important;
        height: 18px !important;
        line-height: 18px !important;
        border-radius: 999px !important;
        padding: 0 5px !important;
        font-size: 10px !important;
        text-shadow: none !important;
    }

    .rn-read-more-action {
        position: absolute !important;
        right: 82px !important;
        bottom: 54px !important;
        width: 118px !important;
        min-width: 118px !important;
        max-width: 118px !important;
        min-height: 38px !important;
    }

    .rn-desktop-latest-panel {
        width: 306px !important;
    }

    .rn-bottom-tickers-wrap,
    .rn-bottom-menu {
        right: 330px !important;
    }
}

@media (min-width: 1400px) and (orientation: landscape) {
    .rn-reels-shell {
        grid-template-columns: 224px minmax(900px, 1fr) 340px !important;
    }

    .rn-desktop-latest-panel {
        width: 320px !important;
    }

    .rn-bottom-tickers-wrap,
    .rn-bottom-menu {
        right: 348px !important;
    }
}


/* FINAL: emoji-safe poll, desktop readmore in dock, lower headline, smooth preload layer */
.rn-feed-poll,
.rn-feed-poll-big {
    align-items: flex-start !important;
    min-height: auto !important;
    height: auto !important;
    max-height: none !important;
    padding: 8px 10px !important;
}

.rn-poll-vote-btn {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    margin-top: 2px !important;
}

.rn-poll-svg,
.rn-poll-vote-btn svg {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
}

.rn-poll-question {
    flex: 1 !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    display: block !important;
    max-height: none !important;
    -webkit-line-clamp: unset !important;
    font-size: 11.5px !important;
    line-height: 1.28 !important;
    font-family: inherit !important;
}

.rn-poll-question img,
.rn-poll-question svg,
.rn-poll-question emoji {
    max-width: 18px !important;
    max-height: 18px !important;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle !important;
}

/* prevent emoji fonts from becoming huge inside poll */
.rn-feed-poll * {
    font-variant-emoji: text !important;
}

@media (max-width: 640px) {
    .rn-feed-poll,
    .rn-feed-poll-big {
        left: 102px !important;
        right: 76px !important;
        bottom: 7px !important;
        gap: 6px !important;
        padding: 6px 7px !important;
        border-radius: 15px !important;
    }

    .rn-poll-vote-btn {
        width: 31px !important;
        height: 31px !important;
        min-width: 31px !important;
        max-width: 31px !important;
    }

    .rn-poll-svg,
    .rn-poll-vote-btn svg {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
    }

    .rn-poll-question {
        font-size: 9.6px !important;
        line-height: 1.18 !important;
    }

    .rn-feed-title {
        font-size: clamp(19px, 5.05vw, 25px) !important;
        line-height: 1.13 !important;
        -webkit-line-clamp: 3 !important;
        padding-right: 82px !important;
    }

    .rn-feed-excerpt {
        font-size: clamp(13px, 3.62vw, 15.5px) !important;
        line-height: 1.55 !important;
        -webkit-line-clamp: 9 !important;
    }
}

/* desktop readmore belongs inside/under dock, not floating over title */
@media (min-width: 900px) and (orientation: landscape) {
    .rn-feed-title {
        font-size: clamp(22px, 1.55vw, 30px) !important;
        line-height: 1.13 !important;
        padding-right: 108px !important;
        -webkit-line-clamp: 2 !important;
    }

    .rn-feed-excerpt {
        font-size: clamp(13.5px, .9vw, 16px) !important;
        line-height: 1.56 !important;
        -webkit-line-clamp: 6 !important;
        padding-right: 108px !important;
    }

    .rn-action-bar {
        right: 0 !important;
        bottom: 76px !important;
        width: 72px !important;
        padding: 12px 8px 58px !important;
        border-radius: 24px 0 0 24px !important;
    }

    .rn-read-more-action {
        position: absolute !important;
        right: 0 !important;
        bottom: 76px !important;
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;
        min-height: 48px !important;
        padding: 7px 5px !important;
        border-radius: 0 0 0 22px !important;
        background: rgba(255,255,255,.98) !important;
        color: #111 !important;
        z-index: 70 !important;
        font-size: 10px !important;
        box-shadow: -14px 0 34px rgba(0,0,0,.24) !important;
    }

    .rn-reels-shell {
        grid-template-columns: 224px minmax(820px, 1fr) 320px !important;
    }

    .rn-desktop-latest-panel {
        width: 300px !important;
    }
}

@media (min-width: 1400px) and (orientation: landscape) {
    .rn-reels-shell {
        grid-template-columns: 224px minmax(980px, 1fr) 330px !important;
    }
}

/* initial mobile loading/preload overlay */
.rn-feed-preloader {
    position: fixed;
    inset: 0;
    z-index: 10020;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #07080b;
    color: #fff;
    font-weight: 950;
    font-size: 15px;
    letter-spacing: .3px;
}

.rn-feed-preloader::before {
    content: "";
    width: 34px;
    height: 34px;
    margin-right: 12px;
    border-radius: 50%;
    border: 4px solid rgba(255,255,255,.2);
    border-top-color: #ff1736;
    animation: rnSpin 1s linear infinite;
}

@keyframes rnSpin {
    to { transform: rotate(360deg); }
}


/* === FINAL UI POLISH PACKAGE === */

/* Video: native controls only */
.rn-video-play-overlay {
    display: none !important;
}

/* Poll: professional auto-height row, emoji safe */
.rn-feed-poll,
.rn-feed-poll-big {
    position: absolute !important;
    left: 150px !important;
    right: 88px !important;
    bottom: 14px !important;
    z-index: 36 !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) 34px !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 52px !important;
    height: auto !important;
    max-height: none !important;
    padding: 8px 10px !important;
    border-radius: 18px !important;
    background: rgba(0, 0, 0, .68) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.32) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
}

.rn-poll-vote-btn {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    border-radius: 50% !important;
    border: 2px solid rgba(255,255,255,.9) !important;
    background: #fff !important;
    color: #111 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.28) !important;
    transition: transform .18s ease, background .18s ease, color .18s ease !important;
}

.rn-poll-svg,
.rn-poll-vote-btn svg {
    width: 23px !important;
    height: 23px !important;
    min-width: 23px !important;
    min-height: 23px !important;
    display: block !important;
    fill: currentColor !important;
    stroke: none !important;
}

.rn-poll-up:hover,
.rn-poll-up.active {
    background: #10b85a !important;
    color: #fff !important;
    transform: scale(1.08) !important;
}

.rn-poll-down:hover,
.rn-poll-down.active {
    background: #ef233c !important;
    color: #fff !important;
    transform: scale(1.08) !important;
}

.rn-poll-question {
    min-width: 0 !important;
    color: #fff !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    display: block !important;
    max-height: none !important;
    -webkit-line-clamp: unset !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.65) !important;
    font-family: inherit !important;
}

.rn-feed-poll.poll-hidden-after-vote {
    display: none !important;
}

/* Mobile feed spacing */
@media (max-width: 640px) {
    .rn-feed-image {
        height: 33vh !important;
        min-height: 200px !important;
        max-height: 285px !important;
    }

    .rn-feed-logo {
        top: 14px !important;
        right: 14px !important;
    }

    .rn-image-badges-stack,
    .rn-image-badges-row {
        left: 12px !important;
        bottom: 12px !important;
        z-index: 38 !important;
        gap: 6px !important;
    }

    .rn-feed-poll,
    .rn-feed-poll-big {
        left: 112px !important;
        right: 78px !important;
        bottom: 9px !important;
        grid-template-columns: 30px minmax(0, 1fr) 30px !important;
        gap: 6px !important;
        min-height: 44px !important;
        padding: 6px 7px !important;
        border-radius: 15px !important;
    }

    .rn-poll-vote-btn {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
    }

    .rn-poll-svg,
    .rn-poll-vote-btn svg {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
    }

    .rn-poll-question {
        font-size: 9.5px !important;
        line-height: 1.18 !important;
    }

    .rn-news-body-area {
        min-height: calc(67vh - 118px) !important;
        padding: 16px 14px 96px !important;
    }

    .rn-news-content-panel {
        padding-right: 0 !important;
    }

    .rn-news-body-meta-top {
        max-width: calc(100% - 86px) !important;
        margin-bottom: 10px !important;
    }

    .rn-feed-title {
        font-size: clamp(19px, 4.95vw, 25px) !important;
        line-height: 1.13 !important;
        font-weight: 950 !important;
        -webkit-line-clamp: 3 !important;
        padding-right: 84px !important;
        margin-bottom: 10px !important;
    }

    .rn-feed-excerpt {
        font-size: clamp(13px, 3.55vw, 15.5px) !important;
        line-height: 1.56 !important;
        -webkit-line-clamp: 9 !important;
        padding-right: 8px !important;
    }

    .rn-action-bar {
        top: auto !important;
        right: 0 !important;
        bottom: 126px !important;
        width: 62px !important;
        padding: 10px 7px 62px !important;
        gap: 8px !important;
        border-radius: 24px 0 0 24px !important;
        background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(0,0,0,.62)) !important;
        border: 1px solid rgba(255,255,255,.22) !important;
        border-right: none !important;
        box-shadow: -12px 0 28px rgba(0,0,0,.26) !important;
        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
        z-index: 56 !important;
    }

    .rn-action-btn {
        width: 44px !important;
        height: 44px !important;
        background: rgba(255,255,255,.96) !important;
        color: #111 !important;
        box-shadow: 0 8px 18px rgba(0,0,0,.24) !important;
    }

    .rn-count {
        color: #fff !important;
        background: rgba(0,0,0,.78) !important;
        min-width: 18px !important;
        height: 18px !important;
        line-height: 18px !important;
        border-radius: 999px !important;
        padding: 0 5px !important;
        font-size: 10px !important;
        font-weight: 950 !important;
        text-shadow: none !important;
        margin-top: -3px !important;
    }

    .rn-read-more-action {
        position: absolute !important;
        right: 0 !important;
        bottom: 126px !important;
        width: 62px !important;
        min-width: 62px !important;
        max-width: 62px !important;
        min-height: 52px !important;
        padding: 7px 5px !important;
        border-radius: 0 0 0 22px !important;
        background: rgba(255,255,255,.98) !important;
        color: #111 !important;
        box-shadow: -12px 0 28px rgba(0,0,0,.26) !important;
        z-index: 58 !important;
        font-size: 10px !important;
        font-weight: 950 !important;
    }
}

/* Desktop / Landscape */
@media (min-width: 900px) and (orientation: landscape) {
    .rn-reels-shell {
        grid-template-columns: 224px minmax(880px, 1fr) 315px !important;
    }

    #rn-feed-wrapper {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .rn-feed-card {
        width: 100% !important;
        max-width: none !important;
    }

    .rn-feed-image {
        height: clamp(290px, 41vh, 460px) !important;
        min-height: 290px !important;
    }

    .rn-feed-logo {
        top: 16px !important;
        right: 16px !important;
    }

    .rn-image-badges-stack,
    .rn-image-badges-row {
        left: 20px !important;
        bottom: 16px !important;
        z-index: 38 !important;
    }

    .rn-feed-poll,
    .rn-feed-poll-big {
        left: 168px !important;
        right: 96px !important;
        bottom: 14px !important;
        grid-template-columns: 34px minmax(0, 1fr) 34px !important;
        max-width: none !important;
    }

    .rn-news-body-area {
        padding: 22px 34px 52px !important;
        min-height: 235px !important;
    }

    .rn-news-content-panel {
        padding-right: 0 !important;
    }

    .rn-feed-title {
        font-size: clamp(22px, 1.5vw, 30px) !important;
        line-height: 1.14 !important;
        font-weight: 950 !important;
        -webkit-line-clamp: 2 !important;
        padding-right: 122px !important;
        margin-bottom: 10px !important;
    }

    .rn-feed-excerpt {
        font-size: clamp(13.5px, .9vw, 16px) !important;
        line-height: 1.56 !important;
        -webkit-line-clamp: 7 !important;
        padding-right: 122px !important;
    }

    .rn-action-bar {
        top: auto !important;
        right: 0 !important;
        bottom: 86px !important;
        width: 74px !important;
        padding: 12px 9px 58px !important;
        gap: 10px !important;
        border-radius: 24px 0 0 24px !important;
        background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(0,0,0,.62)) !important;
        border: 1px solid rgba(255,255,255,.22) !important;
        border-right: none !important;
        box-shadow: -14px 0 34px rgba(0,0,0,.28) !important;
        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
        z-index: 56 !important;
    }

    .rn-action-btn {
        width: 48px !important;
        height: 48px !important;
        background: rgba(255,255,255,.96) !important;
        color: #111 !important;
    }

    .rn-count {
        color: #fff !important;
        background: rgba(0,0,0,.78) !important;
        min-width: 18px !important;
        height: 18px !important;
        line-height: 18px !important;
        border-radius: 999px !important;
        padding: 0 5px !important;
        font-size: 10px !important;
        text-shadow: none !important;
        font-weight: 950 !important;
    }

    .rn-read-more-action {
        position: absolute !important;
        right: 0 !important;
        bottom: 86px !important;
        width: 74px !important;
        min-width: 74px !important;
        max-width: 74px !important;
        min-height: 52px !important;
        padding: 7px 5px !important;
        border-radius: 0 0 0 22px !important;
        background: rgba(255,255,255,.98) !important;
        color: #111 !important;
        box-shadow: -14px 0 34px rgba(0,0,0,.28) !important;
        z-index: 58 !important;
        font-size: 10px !important;
        font-weight: 950 !important;
    }

    .rn-desktop-latest-panel {
        width: 295px !important;
    }

    .rn-desktop-latest-item {
        min-height: 88px !important;
    }

    .rn-bottom-tickers-wrap,
    .rn-bottom-menu {
        right: 315px !important;
    }
}

@media (min-width: 1400px) and (orientation: landscape) {
    .rn-reels-shell {
        grid-template-columns: 224px minmax(1040px, 1fr) 325px !important;
    }

    .rn-desktop-latest-panel {
        width: 305px !important;
    }

    .rn-bottom-tickers-wrap,
    .rn-bottom-menu {
        right: 325px !important;
    }
}

/* Read more modal bigger */
.rn-article-modal-box,
.rn-readmore-box,
.rn-article-box {
    width: min(94vw, 900px) !important;
    max-width: 900px !important;
}

@media (min-width: 900px) and (orientation: landscape) {
    .rn-article-modal-box,
    .rn-readmore-box,
    .rn-article-box {
        width: min(66vw, 980px) !important;
        max-width: 980px !important;
    }
}

@media (max-width: 640px) {
    .rn-article-modal-box,
    .rn-readmore-box,
    .rn-article-box {
        width: 95vw !important;
        max-width: 95vw !important;
        border-radius: 18px !important;
    }
}


/* === DESKTOP OVERLAP FINAL FIX === */
@media (min-width: 900px) and (orientation: landscape) {
    /* Give every desktop card a full viewport height so next card does not peek under ticker */
    .rn-feed-card {
        min-height: calc(100vh - 48px) !important;
        height: calc(100vh - 48px) !important;
        max-height: none !important;
        overflow: hidden !important;
        position: relative !important;
    }

    #rn-feed-wrapper {
        height: calc(100vh - 48px) !important;
        overflow-y: auto !important;
        scroll-snap-type: y mandatory !important;
    }

    /* Keep main feed area away from the right latest-news panel */
    .rn-reels-shell {
        grid-template-columns: 224px minmax(740px, calc(100vw - 590px)) 315px !important;
        column-gap: 16px !important;
    }

    .rn-feed-card,
    .rn-news-reel-card {
        width: 100% !important;
        max-width: calc(100vw - 590px) !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-radius: 18px !important;
    }

    /* Image smaller so text area has space, but card still full height */
    .rn-feed-image {
        height: clamp(280px, 39vh, 430px) !important;
        min-height: 280px !important;
        max-height: 430px !important;
        overflow: hidden !important;
    }

    .rn-news-body-area {
        min-height: calc(100vh - 430px) !important;
        padding: 22px 100px 92px 34px !important;
        overflow: hidden !important;
    }

    /* Poll: shorter, shifted right, not overlapping breaking/category */
    .rn-feed-poll,
    .rn-feed-poll-big {
        left: 190px !important;
        right: 112px !important;
        bottom: 14px !important;
        width: auto !important;
        max-width: 560px !important;
        min-height: 46px !important;
        padding: 7px 9px !important;
        grid-template-columns: 30px minmax(0, 1fr) 30px !important;
        gap: 8px !important;
        border-radius: 16px !important;
    }

    .rn-poll-vote-btn {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
    }

    .rn-poll-svg,
    .rn-poll-vote-btn svg {
        width: 21px !important;
        height: 21px !important;
        min-width: 21px !important;
        min-height: 21px !important;
    }

    .rn-poll-question {
        font-size: 10.8px !important;
        line-height: 1.22 !important;
    }

    /* Badges stay left; poll starts after them */
    .rn-image-badges-stack,
    .rn-image-badges-row {
        left: 20px !important;
        bottom: 16px !important;
        max-width: 155px !important;
        z-index: 45 !important;
    }

    .rn-news-category-label,
    .rn-breaking-badge-image {
        max-width: 150px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* Action module stays INSIDE card, not under Latest News */
    .rn-action-bar {
        position: absolute !important;
        top: auto !important;
        right: 14px !important;
        bottom: 116px !important;
        width: 62px !important;
        padding: 10px 7px 56px !important;
        gap: 8px !important;
        border-radius: 22px !important;
        background: linear-gradient(180deg, rgba(255,255,255,.20), rgba(0,0,0,.66)) !important;
        border: 1px solid rgba(255,255,255,.25) !important;
        box-shadow: 0 12px 34px rgba(0,0,0,.30) !important;
        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
        z-index: 60 !important;
    }

    .rn-action-btn {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
    }

    .rn-read-more-action {
        position: absolute !important;
        right: 14px !important;
        bottom: 116px !important;
        width: 62px !important;
        min-width: 62px !important;
        max-width: 62px !important;
        min-height: 48px !important;
        padding: 6px 4px !important;
        border-radius: 0 0 22px 22px !important;
        background: rgba(255,255,255,.98) !important;
        color: #111 !important;
        box-shadow: 0 12px 34px rgba(0,0,0,.30) !important;
        z-index: 63 !important;
        font-size: 9.5px !important;
        line-height: 1.1 !important;
    }

    .rn-count {
        color: #fff !important;
        background: rgba(0,0,0,.82) !important;
        min-width: 18px !important;
        height: 18px !important;
        line-height: 18px !important;
        border-radius: 999px !important;
        padding: 0 5px !important;
        font-size: 10px !important;
        font-weight: 950 !important;
        text-shadow: none !important;
    }

    /* Content never hides under action dock */
    .rn-feed-title {
        font-size: clamp(21px, 1.45vw, 28px) !important;
        line-height: 1.14 !important;
        padding-right: 118px !important;
        -webkit-line-clamp: 2 !important;
        margin-bottom: 10px !important;
    }

    .rn-feed-excerpt {
        font-size: clamp(13px, .86vw, 15.5px) !important;
        line-height: 1.55 !important;
        padding-right: 118px !important;
        -webkit-line-clamp: 8 !important;
    }

    /* Latest panel not overlaying card */
    .rn-desktop-latest-panel {
        width: 295px !important;
        right: 14px !important;
        z-index: 30 !important;
    }

    .rn-bottom-tickers-wrap,
    .rn-bottom-menu {
        right: 315px !important;
    }
}

@media (min-width: 1400px) and (orientation: landscape) {
    .rn-reels-shell {
        grid-template-columns: 224px minmax(860px, calc(100vw - 610px)) 325px !important;
    }

    .rn-feed-card,
    .rn-news-reel-card {
        max-width: calc(100vw - 610px) !important;
    }

    .rn-feed-poll,
    .rn-feed-poll-big {
        max-width: 620px !important;
    }

    .rn-desktop-latest-panel {
        width: 305px !important;
    }

    .rn-bottom-tickers-wrap,
    .rn-bottom-menu {
        right: 325px !important;
    }
}


/* === ACTION DOCK READMORE FINAL FIX === */

/* Remove old outside readmore if any cache still has it */
.rn-read-more-outside {
    display: none !important;
}

/* Read More inside vertical dock as final item */
.rn-action-bar .rn-read-more-action-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

.rn-action-bar .rn-read-more-action {
    width: 52px !important;
    height: 42px !important;
    min-width: 52px !important;
    min-height: 42px !important;
    max-width: 52px !important;
    padding: 5px 4px !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    color: #111111 !important;
    font-size: 9px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    text-align: center !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.25) !important;
}

/* Mobile final layout */
@media (max-width: 640px) {
    .rn-feed-card,
    .rn-news-reel-card {
        height: calc(100dvh - 118px) !important;
        min-height: calc(100dvh - 118px) !important;
        overflow: hidden !important;
        position: relative !important;
    }

    .rn-feed-image {
        height: 30vh !important;
        min-height: 185px !important;
        max-height: 255px !important;
    }

    .rn-news-body-area {
        min-height: calc(70vh - 118px) !important;
        padding: 14px 14px 76px !important;
        overflow: hidden !important;
    }

    .rn-news-content-panel {
        padding-right: 84px !important;
        max-height: calc(70vh - 190px) !important;
        overflow: hidden !important;
    }

    .rn-news-body-meta-top {
        max-width: 100% !important;
        margin-bottom: 9px !important;
    }

    .rn-feed-title {
        font-size: clamp(19px, 4.9vw, 25px) !important;
        line-height: 1.14 !important;
        font-weight: 950 !important;
        -webkit-line-clamp: 3 !important;
        padding-right: 0 !important;
        margin-bottom: 10px !important;
    }

    .rn-feed-excerpt {
        font-size: clamp(13px, 3.45vw, 15px) !important;
        line-height: 1.55 !important;
        -webkit-line-clamp: 13 !important;
        padding-right: 0 !important;
        white-space: pre-line !important;
    }

    .rn-action-bar {
        top: auto !important;
        right: 0 !important;
        bottom: 72px !important;
        width: 62px !important;
        padding: 9px 7px !important;
        gap: 8px !important;
        border-radius: 24px 0 0 24px !important;
        background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(0,0,0,.68)) !important;
        border: 1px solid rgba(255,255,255,.24) !important;
        border-right: none !important;
        box-shadow: -12px 0 28px rgba(0,0,0,.28) !important;
        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
        z-index: 80 !important;
    }

    .rn-action-btn {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        background: rgba(255,255,255,.96) !important;
        color: #111 !important;
        box-shadow: 0 8px 18px rgba(0,0,0,.24) !important;
    }

    .rn-action-bar .rn-read-more-action {
        width: 52px !important;
        height: 42px !important;
        min-width: 52px !important;
        min-height: 42px !important;
        border-radius: 16px !important;
        font-size: 9px !important;
        line-height: 1.05 !important;
    }

    .rn-count {
        color: #ffffff !important;
        background: rgba(0,0,0,.78) !important;
        min-width: 18px !important;
        height: 18px !important;
        line-height: 18px !important;
        border-radius: 999px !important;
        padding: 0 5px !important;
        font-size: 10px !important;
        font-weight: 950 !important;
        text-shadow: none !important;
        margin-top: -3px !important;
    }
}

/* Desktop / landscape final layout */
@media (min-width: 900px) and (orientation: landscape) {
    .rn-feed-card,
    .rn-news-reel-card {
        height: calc(100vh - 48px) !important;
        min-height: calc(100vh - 48px) !important;
        overflow: hidden !important;
        position: relative !important;
    }

    .rn-feed-image {
        height: clamp(240px, 35vh, 385px) !important;
        min-height: 240px !important;
        max-height: 385px !important;
        overflow: hidden !important;
    }

    .rn-news-body-area {
        min-height: calc(100vh - 385px) !important;
        padding: 18px 30px 64px 34px !important;
        overflow: hidden !important;
    }

    .rn-news-content-panel {
        padding-right: 120px !important;
        max-height: calc(100vh - 440px) !important;
        overflow: hidden !important;
    }

    .rn-feed-title {
        font-size: clamp(21px, 1.42vw, 29px) !important;
        line-height: 1.14 !important;
        font-weight: 950 !important;
        -webkit-line-clamp: 3 !important;
        padding-right: 0 !important;
        margin-bottom: 10px !important;
    }

    .rn-feed-excerpt {
        font-size: clamp(13.5px, .86vw, 16px) !important;
        line-height: 1.56 !important;
        -webkit-line-clamp: 14 !important;
        padding-right: 0 !important;
        white-space: pre-line !important;
        margin-bottom: 0 !important;
    }

    .rn-action-bar {
        position: absolute !important;
        top: auto !important;
        right: 14px !important;
        bottom: 72px !important;
        width: 64px !important;
        padding: 10px 7px !important;
        gap: 8px !important;
        border-radius: 24px !important;
        background: linear-gradient(180deg, rgba(255,255,255,.20), rgba(0,0,0,.68)) !important;
        border: 1px solid rgba(255,255,255,.25) !important;
        box-shadow: 0 12px 34px rgba(0,0,0,.32) !important;
        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
        z-index: 80 !important;
    }

    .rn-action-btn {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;
        background: rgba(255,255,255,.96) !important;
        color: #111 !important;
    }

    .rn-action-bar .rn-read-more-action {
        width: 54px !important;
        height: 44px !important;
        min-width: 54px !important;
        min-height: 44px !important;
        border-radius: 16px !important;
        font-size: 9.2px !important;
        line-height: 1.05 !important;
    }

    .rn-count {
        color: #ffffff !important;
        background: rgba(0,0,0,.82) !important;
        min-width: 18px !important;
        height: 18px !important;
        line-height: 18px !important;
        border-radius: 999px !important;
        padding: 0 5px !important;
        font-size: 10px !important;
        font-weight: 950 !important;
        text-shadow: none !important;
    }

    /* Wider landscape read more modal */
    .rn-article-modal-box,
    .rn-readmore-box,
    .rn-article-box,
    .rn-read-more-box,
    .rn-full-news-box {
        width: 88vw !important;
        max-width: 1380px !important;
        min-width: 980px !important;
    }

    .rn-article-modal-content,
    .rn-readmore-content,
    .rn-full-news-content,
    .rn-article-content {
        width: 100% !important;
        max-width: none !important;
    }

    .rn-article-modal-box img,
    .rn-readmore-box img,
    .rn-article-box img {
        width: 100% !important;
        max-height: 280px !important;
        object-fit: cover !important;
    }
}

@media (min-width: 1400px) and (orientation: landscape) {
    .rn-article-modal-box,
    .rn-readmore-box,
    .rn-article-box,
    .rn-read-more-box,
    .rn-full-news-box {
        width: 90vw !important;
        max-width: 1480px !important;
    }
}


/* =====================================================================
   CLEAN FINAL FIX 2026-06-22
   Real action dock order: Like, Comment, Save, Share, Issue, Read More.
   This block intentionally overrides all previous conflicting patches.
===================================================================== */

/* Kill old floating/outside read-more variants */
.rn-read-more-outside {
    display: none !important;
}

/* Feed card must use available viewport, not show next card underneath */
.rn-feed-card.rn-news-reel-card,
.rn-news-reel-card {
    position: relative !important;
    overflow: hidden !important;
    scroll-snap-align: start !important;
}

/* Action dock is one vertical glossy dock */
.rn-news-reel-card > .rn-action-bar,
.rn-action-bar {
    position: absolute !important;
    top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(0,0,0,.72)) !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    box-shadow: 0 14px 36px rgba(0,0,0,.32) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    z-index: 90 !important;
}

/* Every action item stays in normal vertical order */
.rn-action-bar .rn-action-item,
.rn-action-bar .rn-read-more-action-item,
.rn-action-bar .rn-issue-action-item {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Read More is the last item inside the dock */
.rn-action-bar .rn-read-more-action {
    position: static !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background: #ffffff !important;
    color: #111111 !important;
    font-weight: 950 !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.25) !important;
}

/* Counts must always be visible */
.rn-action-bar .rn-count {
    color: #ffffff !important;
    background: rgba(0,0,0,.82) !important;
    border-radius: 999px !important;
    text-shadow: none !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Text should not go under dock */
.rn-news-content-panel {
    box-sizing: border-box !important;
}

/* Show actual paragraph breaks as far as possible */
.rn-feed-excerpt {
    white-space: pre-line !important;
}

/* Wider bottom sheet/read more modal */
.rn-bottom-sheet,
.rn-sheet-content-wrap,
.rn-readmore-box,
.rn-article-modal-box,
.rn-article-box,
.rn-read-more-box,
.rn-full-news-box {
    box-sizing: border-box !important;
}

/* ---------------- MOBILE ---------------- */
@media (max-width: 640px) {
    .rn-feed-card.rn-news-reel-card,
    .rn-news-reel-card {
        height: calc(100dvh - 118px) !important;
        min-height: calc(100dvh - 118px) !important;
        max-height: calc(100dvh - 118px) !important;
    }

    .rn-feed-image {
        height: 30vh !important;
        min-height: 182px !important;
        max-height: 248px !important;
    }

    .rn-news-body-area {
        min-height: calc(70dvh - 118px) !important;
        height: calc(70dvh - 118px) !important;
        padding: 14px 12px 58px 14px !important;
        overflow: hidden !important;
    }

    .rn-news-content-panel {
        padding-right: 76px !important;
        height: 100% !important;
        max-height: 100% !important;
        overflow: hidden !important;
    }

    .rn-news-body-meta-top {
        margin-bottom: 8px !important;
        max-width: 100% !important;
    }

    .rn-feed-title {
        font-size: clamp(18px, 4.75vw, 24px) !important;
        line-height: 1.14 !important;
        font-weight: 950 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        padding-right: 0 !important;
        margin: 0 0 9px !important;
    }

    .rn-feed-excerpt {
        font-size: clamp(13px, 3.4vw, 15px) !important;
        line-height: 1.52 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 13 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        padding-right: 0 !important;
        margin: 0 !important;
    }

    .rn-news-reel-card > .rn-action-bar,
    .rn-action-bar {
        right: 0 !important;
        bottom: 70px !important;
        width: 58px !important;
        padding: 8px 6px !important;
        gap: 6px !important;
        border-radius: 22px 0 0 22px !important;
        border-right: none !important;
    }

    .rn-action-bar .rn-action-btn {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        border-radius: 50% !important;
        background: rgba(255,255,255,.96) !important;
        color: #111111 !important;
    }

    .rn-action-bar .rn-read-more-action {
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        height: 38px !important;
        min-height: 38px !important;
        border-radius: 15px !important;
        padding: 4px 3px !important;
        font-size: 8.5px !important;
        line-height: 1.05 !important;
    }

    .rn-action-bar .rn-count {
        min-width: 17px !important;
        height: 17px !important;
        line-height: 17px !important;
        padding: 0 4px !important;
        font-size: 9.5px !important;
        margin-top: -3px !important;
    }

    .rn-action-bar .rn-issue-count {
        font-size: 9px !important;
        height: auto !important;
        min-height: 15px !important;
        padding: 1px 4px !important;
    }

    .rn-bottom-sheet {
        width: 96vw !important;
        max-width: 96vw !important;
        left: 2vw !important;
        right: 2vw !important;
        border-radius: 18px 18px 0 0 !important;
    }
}

/* ---------------- DESKTOP / LANDSCAPE ---------------- */
@media (min-width: 900px) and (orientation: landscape) {
    .rn-feed-card.rn-news-reel-card,
    .rn-news-reel-card {
        height: calc(100vh - 48px) !important;
        min-height: calc(100vh - 48px) !important;
        max-height: calc(100vh - 48px) !important;
    }

    .rn-feed-image {
        height: clamp(245px, 35vh, 385px) !important;
        min-height: 245px !important;
        max-height: 385px !important;
    }

    .rn-news-body-area {
        height: calc(100vh - 385px) !important;
        min-height: calc(100vh - 385px) !important;
        padding: 18px 28px 58px 34px !important;
        overflow: hidden !important;
    }

    .rn-news-content-panel {
        padding-right: 108px !important;
        height: 100% !important;
        max-height: 100% !important;
        overflow: hidden !important;
    }

    .rn-news-body-meta-top {
        margin-bottom: 8px !important;
    }

    .rn-feed-title {
        font-size: clamp(21px, 1.42vw, 29px) !important;
        line-height: 1.14 !important;
        font-weight: 950 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        padding-right: 0 !important;
        margin: 0 0 10px !important;
    }

    .rn-feed-excerpt {
        font-size: clamp(13.5px, .86vw, 16px) !important;
        line-height: 1.54 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 15 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        padding-right: 0 !important;
        margin: 0 !important;
    }

    .rn-news-reel-card > .rn-action-bar,
    .rn-action-bar {
        right: 14px !important;
        bottom: 72px !important;
        width: 62px !important;
        padding: 9px 7px !important;
        gap: 7px !important;
        border-radius: 24px !important;
    }

    .rn-action-bar .rn-action-btn {
        width: 43px !important;
        height: 43px !important;
        min-width: 43px !important;
        min-height: 43px !important;
        border-radius: 50% !important;
        background: rgba(255,255,255,.96) !important;
        color: #111111 !important;
    }

    .rn-action-bar .rn-read-more-action {
        width: 51px !important;
        min-width: 51px !important;
        max-width: 51px !important;
        height: 39px !important;
        min-height: 39px !important;
        border-radius: 15px !important;
        padding: 4px 3px !important;
        font-size: 8.8px !important;
        line-height: 1.05 !important;
    }

    .rn-action-bar .rn-count {
        min-width: 18px !important;
        height: 18px !important;
        line-height: 18px !important;
        padding: 0 5px !important;
        font-size: 10px !important;
        margin-top: -3px !important;
    }

    .rn-action-bar .rn-issue-count {
        font-size: 9px !important;
        height: auto !important;
        min-height: 15px !important;
        padding: 1px 4px !important;
    }

    .rn-bottom-sheet {
        width: 88vw !important;
        max-width: 1420px !important;
        left: 6vw !important;
        right: 6vw !important;
    }

    .rn-sheet-image {
        max-height: 300px !important;
        object-fit: cover !important;
    }
}

@media (min-width: 1400px) and (orientation: landscape) {
    .rn-bottom-sheet {
        width: 90vw !important;
        max-width: 1520px !important;
        left: 5vw !important;
        right: 5vw !important;
    }
}


/* ==========================================================
   ABSOLUTE FINAL LAYOUT FIX - 2026-06-22
   Purpose:
   1. Action dock fixed at bottom-right just above tickers.
   2. Read More is LAST button inside action dock.
   3. Title/description no longer clipped early.
   4. Text uses available vertical empty space.
   5. Desktop and mobile both obey same dock structure.
========================================================== */

/* Kill old wrong/floating read more styles */
.rn-read-more-outside,
.rn-read-more-action-item:not(.rn-action-bar .rn-read-more-action-item) {
    display: none !important;
}

.rn-news-reel-card,
.rn-feed-card.rn-news-reel-card {
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Force content panel to use real available height */
.rn-news-body-area,
.rn-news-content-panel {
    box-sizing: border-box !important;
}

.rn-news-content-panel {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Dock base */
.rn-news-reel-card > .rn-action-bar,
.rn-feed-card > .rn-action-bar,
.rn-action-bar {
    position: absolute !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background: linear-gradient(180deg, rgba(255,255,255,.20), rgba(0,0,0,.76)) !important;
    border: 1px solid rgba(255,255,255,.28) !important;
    box-shadow: 0 16px 38px rgba(0,0,0,.38) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    z-index: 999 !important;
}

/* Hard reset every item inside dock */
.rn-action-bar > .rn-action-item,
.rn-action-bar > .rn-read-more-action-item,
.rn-action-bar > .rn-issue-action-item {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Normal action buttons */
.rn-action-bar .rn-action-btn {
    position: static !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.97) !important;
    color: #111 !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.28) !important;
}

/* Read More, last button, rectangular but inside dock */
.rn-action-bar .rn-read-more-action {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: #111111 !important;
    font-weight: 950 !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.28) !important;
}

/* Counts readable */
.rn-action-bar .rn-count {
    color: #fff !important;
    background: rgba(0,0,0,.84) !important;
    text-shadow: none !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 950 !important;
}

/* Issue label readable and compact */
.rn-action-bar .rn-issue-count {
    color: #fff !important;
    background: rgba(0,0,0,.84) !important;
    border-radius: 999px !important;
    text-align: center !important;
}

/* Text defaults */
.rn-feed-title,
.rn-feed-excerpt {
    overflow: hidden !important;
    text-overflow: clip !important;
    padding-right: 0 !important;
}

.rn-feed-excerpt {
    white-space: pre-line !important;
}

/* ---------------- MOBILE ---------------- */
@media (max-width: 640px) {
    .rn-news-reel-card,
    .rn-feed-card.rn-news-reel-card {
        height: calc(100dvh - 118px) !important;
        min-height: calc(100dvh - 118px) !important;
        max-height: calc(100dvh - 118px) !important;
    }

    .rn-feed-image {
        height: 29vh !important;
        min-height: 176px !important;
        max-height: 245px !important;
    }

    .rn-news-body-area {
        height: calc(71dvh - 118px) !important;
        min-height: calc(71dvh - 118px) !important;
        max-height: calc(71dvh - 118px) !important;
        padding: 13px 12px 42px 14px !important;
        overflow: hidden !important;
    }

    .rn-news-content-panel {
        height: 100% !important;
        max-height: 100% !important;
        padding-right: 76px !important;
        overflow: hidden !important;
    }

    .rn-news-body-meta-top {
        margin-bottom: 8px !important;
        max-width: 100% !important;
        flex-shrink: 0 !important;
    }

    .rn-feed-title {
        font-size: clamp(18px, 4.7vw, 24px) !important;
        line-height: 1.13 !important;
        font-weight: 950 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
        margin: 0 0 9px !important;
        flex-shrink: 0 !important;
    }

    .rn-feed-excerpt {
        font-size: clamp(13px, 3.35vw, 15px) !important;
        line-height: 1.5 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 14 !important;
        margin: 0 !important;
        flex: 1 1 auto !important;
    }

    /* Dock bottom = just above ticker area */
    .rn-news-reel-card > .rn-action-bar,
    .rn-feed-card > .rn-action-bar,
    .rn-action-bar {
        right: 0 !important;
        bottom: 16px !important;
        width: 58px !important;
        padding: 7px 6px !important;
        gap: 5px !important;
        border-radius: 22px 0 0 22px !important;
        border-right: none !important;
    }

    .rn-action-bar .rn-action-btn {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
    }

    .rn-action-bar .rn-read-more-action {
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        height: 36px !important;
        min-height: 36px !important;
        padding: 3px !important;
        font-size: 8.4px !important;
        line-height: 1.05 !important;
    }

    .rn-action-bar .rn-count {
        min-width: 16px !important;
        height: 16px !important;
        line-height: 16px !important;
        padding: 0 4px !important;
        font-size: 9px !important;
        margin-top: -3px !important;
    }

    .rn-action-bar .rn-issue-count {
        font-size: 8.5px !important;
        min-height: 14px !important;
        line-height: 14px !important;
        padding: 0 4px !important;
    }
}

/* ---------------- DESKTOP LANDSCAPE ---------------- */
@media (min-width: 900px) and (orientation: landscape) {
    .rn-news-reel-card,
    .rn-feed-card.rn-news-reel-card {
        height: calc(100vh - 48px) !important;
        min-height: calc(100vh - 48px) !important;
        max-height: calc(100vh - 48px) !important;
    }

    .rn-feed-image {
        height: clamp(235px, 34vh, 365px) !important;
        min-height: 235px !important;
        max-height: 365px !important;
    }

    .rn-news-body-area {
        height: calc(100vh - 365px) !important;
        min-height: calc(100vh - 365px) !important;
        max-height: calc(100vh - 365px) !important;
        padding: 18px 28px 42px 34px !important;
        overflow: hidden !important;
    }

    .rn-news-content-panel {
        height: 100% !important;
        max-height: 100% !important;
        padding-right: 104px !important;
        overflow: hidden !important;
    }

    .rn-news-body-meta-top {
        margin-bottom: 8px !important;
        flex-shrink: 0 !important;
    }

    .rn-feed-title {
        font-size: clamp(22px, 1.55vw, 31px) !important;
        line-height: 1.13 !important;
        font-weight: 950 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
        margin: 0 0 10px !important;
        flex-shrink: 0 !important;
    }

    .rn-feed-excerpt {
        font-size: clamp(14px, .92vw, 16.5px) !important;
        line-height: 1.52 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 18 !important;
        margin: 0 !important;
        flex: 1 1 auto !important;
    }

    /* Dock is lower end, not middle */
    .rn-news-reel-card > .rn-action-bar,
    .rn-feed-card > .rn-action-bar,
    .rn-action-bar {
        right: 14px !important;
        bottom: 42px !important;
        width: 62px !important;
        padding: 8px 7px !important;
        gap: 6px !important;
        border-radius: 24px !important;
    }

    .rn-action-bar .rn-action-btn {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
    }

    .rn-action-bar .rn-read-more-action {
        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;
        height: 37px !important;
        min-height: 37px !important;
        padding: 3px !important;
        font-size: 8.6px !important;
        line-height: 1.05 !important;
    }

    .rn-action-bar .rn-count {
        min-width: 17px !important;
        height: 17px !important;
        line-height: 17px !important;
        padding: 0 4px !important;
        font-size: 9.5px !important;
        margin-top: -3px !important;
    }

    .rn-action-bar .rn-issue-count {
        font-size: 8.5px !important;
        min-height: 14px !important;
        line-height: 14px !important;
        padding: 0 4px !important;
    }

    /* True wide reader */
    .rn-bottom-sheet {
        width: 90vw !important;
        max-width: 1500px !important;
        left: 5vw !important;
        right: 5vw !important;
    }

    .rn-sheet-content {
        max-width: none !important;
        width: 100% !important;
    }

    .rn-sheet-image {
        width: 100% !important;
        max-height: 280px !important;
        object-fit: cover !important;
    }
}


/* ==========================================================
   FULL TITLE + AUTO READMORE FINAL FIX
   - Full title visible, no half-cut title
   - Description fills available area until ticker
   - Read More button visible only when JS detects overflow
   - Action dock stays bottom-right above ticker
========================================================== */

.rn-read-more-action-item {
    display: none !important;
}

.rn-news-reel-card.rn-has-overflow-text .rn-action-bar .rn-read-more-action-item,
.rn-feed-card.rn-has-overflow-text .rn-action-bar .rn-read-more-action-item {
    display: flex !important;
}

/* Dock hard bottom */
.rn-news-reel-card > .rn-action-bar,
.rn-feed-card > .rn-action-bar,
.rn-action-bar {
    position: absolute !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    z-index: 9999 !important;
}

/* Keep all dock items normal and ordered */
.rn-action-bar > .rn-action-item,
.rn-action-bar > .rn-read-more-action-item,
.rn-action-bar > .rn-issue-action-item {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.rn-action-bar .rn-read-more-action {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background: #fff !important;
    color: #111 !important;
    font-weight: 950 !important;
    border-radius: 14px !important;
}

/* Full title: remove clamp from title */
.rn-feed-title {
    display: block !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
    overflow: visible !important;
    text-overflow: clip !important;
    height: auto !important;
    max-height: none !important;
    white-space: normal !important;
}

/* Description occupies remaining visible space */
.rn-feed-excerpt {
    white-space: pre-line !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

/* MOBILE */
@media (max-width: 640px) {
    .rn-news-reel-card,
    .rn-feed-card.rn-news-reel-card {
        height: calc(100dvh - 118px) !important;
        min-height: calc(100dvh - 118px) !important;
        max-height: calc(100dvh - 118px) !important;
        overflow: hidden !important;
        position: relative !important;
    }

    /* Slightly taller image/video by about 0.5cm while keeping content useful */
    .rn-feed-image {
        height: 31vh !important;
        min-height: 194px !important;
        max-height: 262px !important;
    }

    .rn-news-body-area {
        height: calc(69dvh - 118px) !important;
        min-height: calc(69dvh - 118px) !important;
        max-height: calc(69dvh - 118px) !important;
        padding: 13px 12px 36px 14px !important;
        overflow: hidden !important;
    }

    .rn-news-content-panel {
        height: 100% !important;
        max-height: 100% !important;
        padding-right: 76px !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .rn-news-body-meta-top {
        margin-bottom: 8px !important;
        flex-shrink: 0 !important;
    }

    .rn-feed-title {
        font-size: clamp(17.5px, 4.55vw, 23px) !important;
        line-height: 1.12 !important;
        font-weight: 950 !important;
        margin: 0 0 8px !important;
        flex: 0 0 auto !important;
    }

    .rn-feed-excerpt {
        font-size: clamp(12.8px, 3.3vw, 14.8px) !important;
        line-height: 1.46 !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
        margin: 0 !important;
    }

    .rn-news-reel-card > .rn-action-bar,
    .rn-feed-card > .rn-action-bar,
    .rn-action-bar {
        right: 0 !important;
        bottom: 12px !important;
        width: 58px !important;
        padding: 7px 6px !important;
        gap: 5px !important;
        border-radius: 22px 0 0 22px !important;
        background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(0,0,0,.76)) !important;
        border: 1px solid rgba(255,255,255,.28) !important;
        border-right: none !important;
        box-shadow: -12px 0 28px rgba(0,0,0,.35) !important;
    }

    .rn-action-bar .rn-action-btn {
        width: 37px !important;
        height: 37px !important;
        min-width: 37px !important;
        min-height: 37px !important;
        background: rgba(255,255,255,.97) !important;
        color: #111 !important;
    }

    .rn-action-bar .rn-read-more-action {
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        height: 35px !important;
        min-height: 35px !important;
        padding: 3px !important;
        font-size: 8.3px !important;
        line-height: 1.04 !important;
    }
}

/* DESKTOP / LANDSCAPE */
@media (min-width: 900px) and (orientation: landscape) {
    .rn-news-reel-card,
    .rn-feed-card.rn-news-reel-card {
        height: calc(100vh - 48px) !important;
        min-height: calc(100vh - 48px) !important;
        max-height: calc(100vh - 48px) !important;
        overflow: hidden !important;
        position: relative !important;
    }

    /* Slightly taller featured media, as requested */
    .rn-feed-image {
        height: clamp(255px, 36vh, 395px) !important;
        min-height: 255px !important;
        max-height: 395px !important;
    }

    .rn-news-body-area {
        height: calc(100vh - 395px) !important;
        min-height: calc(100vh - 395px) !important;
        max-height: calc(100vh - 395px) !important;
        padding: 18px 28px 36px 34px !important;
        overflow: hidden !important;
    }

    .rn-news-content-panel {
        height: 100% !important;
        max-height: 100% !important;
        padding-right: 104px !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .rn-news-body-meta-top {
        margin-bottom: 8px !important;
        flex-shrink: 0 !important;
    }

    .rn-feed-title {
        font-size: clamp(21px, 1.42vw, 29px) !important;
        line-height: 1.12 !important;
        font-weight: 950 !important;
        margin: 0 0 10px !important;
        flex: 0 0 auto !important;
    }

    .rn-feed-excerpt {
        font-size: clamp(13.6px, .88vw, 16px) !important;
        line-height: 1.48 !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
        margin: 0 !important;
    }

    .rn-news-reel-card > .rn-action-bar,
    .rn-feed-card > .rn-action-bar,
    .rn-action-bar {
        right: 14px !important;
        bottom: 26px !important;
        width: 62px !important;
        padding: 8px 7px !important;
        gap: 6px !important;
        border-radius: 24px !important;
        background: linear-gradient(180deg, rgba(255,255,255,.20), rgba(0,0,0,.78)) !important;
        border: 1px solid rgba(255,255,255,.28) !important;
        box-shadow: 0 16px 38px rgba(0,0,0,.38) !important;
    }

    .rn-action-bar .rn-action-btn {
        width: 41px !important;
        height: 41px !important;
        min-width: 41px !important;
        min-height: 41px !important;
        background: rgba(255,255,255,.97) !important;
        color: #111 !important;
    }

    .rn-action-bar .rn-read-more-action {
        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;
        height: 36px !important;
        min-height: 36px !important;
        padding: 3px !important;
        font-size: 8.6px !important;
        line-height: 1.04 !important;
    }

    .rn-bottom-sheet {
        width: 90vw !important;
        max-width: 1500px !important;
        left: 5vw !important;
        right: 5vw !important;
    }
}


/* ==========================================================
   READMORE MODAL REBUILD + CARD SNAP FIX
   Fixes:
   - next feed card showing inside current card
   - readmore sheet going half out of screen
   - action dock fixed near bottom
========================================================== */

/* Feed viewport/card must be exactly one screen */
html body .rn-reels-shell #rn-feed-wrapper {
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scroll-snap-type: y mandatory !important;
}

html body .rn-news-reel-card,
html body .rn-feed-card.rn-news-reel-card {
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    scroll-snap-align: start !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Put tickers/bottom nav over the current card, not as part of card height */
html body .rn-bottom-tickers-wrap,
html body .rn-bottom-ticker,
html body .rn-bottom-menu {
    z-index: 1000 !important;
}

/* Force action dock bottom-right */
html body .rn-news-reel-card > .rn-action-bar,
html body .rn-feed-card > .rn-action-bar,
html body .rn-action-bar {
    position: absolute !important;
    top: auto !important;
    left: auto !important;
    right: 0 !important;
    bottom: 132px !important;
    transform: none !important;
    z-index: 2000 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 58px !important;
    padding: 7px 6px !important;
    gap: 5px !important;
    border-radius: 22px 0 0 22px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(0,0,0,.78)) !important;
    border: 1px solid rgba(255,255,255,.25) !important;
    border-right: none !important;
    box-shadow: -12px 0 28px rgba(0,0,0,.35) !important;
}

html body .rn-action-bar > .rn-action-item,
html body .rn-action-bar > .rn-read-more-action-item,
html body .rn-action-bar > .rn-issue-action-item {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .rn-action-bar .rn-action-btn {
    width: 37px !important;
    height: 37px !important;
    min-width: 37px !important;
    min-height: 37px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.98) !important;
    color: #111 !important;
}

html body .rn-action-bar .rn-read-more-action {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 35px !important;
    min-height: 35px !important;
    border-radius: 15px !important;
    padding: 3px !important;
    font-size: 8.3px !important;
    line-height: 1.04 !important;
    font-weight: 950 !important;
    text-align: center !important;
    background: #fff !important;
    color: #111 !important;
}

/* Mobile feed content */
@media (max-width: 640px) {
    html body .rn-feed-image {
        height: 31dvh !important;
        min-height: 194px !important;
        max-height: 262px !important;
        overflow: hidden !important;
    }

    html body .rn-news-body-area {
        height: 69dvh !important;
        min-height: 69dvh !important;
        max-height: 69dvh !important;
        padding: 13px 12px 170px 14px !important;
        overflow: hidden !important;
    }

    html body .rn-news-content-panel {
        height: 100% !important;
        max-height: 100% !important;
        padding-right: 76px !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
    }

    html body .rn-feed-title {
        display: block !important;
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
        white-space: normal !important;
        -webkit-line-clamp: unset !important;
        font-size: clamp(17.5px, 4.55vw, 23px) !important;
        line-height: 1.12 !important;
        margin: 0 0 8px !important;
        flex: 0 0 auto !important;
    }

    html body .rn-feed-excerpt {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
        white-space: pre-line !important;
        font-size: clamp(12.8px, 3.3vw, 14.8px) !important;
        line-height: 1.46 !important;
        margin: 0 !important;
    }
}

/* Desktop feed content */
@media (min-width: 900px) and (orientation: landscape) {
    html body .rn-news-reel-card,
    html body .rn-feed-card.rn-news-reel-card {
        height: calc(100vh - 48px) !important;
        min-height: calc(100vh - 48px) !important;
        max-height: calc(100vh - 48px) !important;
    }

    html body .rn-reels-shell #rn-feed-wrapper {
        height: calc(100vh - 48px) !important;
        min-height: calc(100vh - 48px) !important;
        max-height: calc(100vh - 48px) !important;
    }

    html body .rn-feed-image {
        height: clamp(255px, 36vh, 395px) !important;
        min-height: 255px !important;
        max-height: 395px !important;
    }

    html body .rn-news-body-area {
        height: calc(100vh - 395px) !important;
        min-height: calc(100vh - 395px) !important;
        max-height: calc(100vh - 395px) !important;
        padding: 18px 28px 80px 34px !important;
        overflow: hidden !important;
    }

    html body .rn-news-content-panel {
        height: 100% !important;
        max-height: 100% !important;
        padding-right: 104px !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
    }

    html body .rn-feed-title {
        display: block !important;
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
        white-space: normal !important;
        -webkit-line-clamp: unset !important;
        font-size: clamp(21px, 1.42vw, 29px) !important;
        line-height: 1.12 !important;
        margin: 0 0 10px !important;
        flex: 0 0 auto !important;
    }

    html body .rn-feed-excerpt {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
        white-space: pre-line !important;
        font-size: clamp(13.6px, .88vw, 16px) !important;
        line-height: 1.48 !important;
        margin: 0 !important;
    }

    html body .rn-action-bar {
        right: 14px !important;
        bottom: 76px !important;
        width: 62px !important;
    }
}

/* Completely rebuild Read More popup as centered modal */
html body .rn-overlay.active {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 99998 !important;
    background: rgba(0,0,0,.72) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}

html body .rn-bottom-sheet {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) scale(.96) !important;
    width: min(94vw, 520px) !important;
    max-width: min(94vw, 520px) !important;
    height: min(86dvh, 780px) !important;
    max-height: min(86dvh, 780px) !important;
    padding: 18px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 99999 !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    box-shadow: 0 24px 80px rgba(0,0,0,.48) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .18s ease, transform .18s ease !important;
}

html body .rn-bottom-sheet.active {
    top: 50% !important;
    left: 50% !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) scale(1) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

html body .rn-sheet-close {
    position: sticky !important;
    top: 0 !important;
    margin-left: auto !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 50% !important;
    z-index: 3 !important;
    background: rgba(245,245,245,.96) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

html body .rn-sheet-image {
    width: 100% !important;
    height: auto !important;
    max-height: 240px !important;
    object-fit: cover !important;
    border-radius: 18px !important;
    margin: 8px 0 16px !important;
}

@media (min-width: 900px) and (orientation: landscape) {
    html body .rn-bottom-sheet {
        width: 86vw !important;
        max-width: 1380px !important;
        height: 86vh !important;
        max-height: 86vh !important;
        padding: 22px !important;
    }

    html body .rn-sheet-image {
        max-height: 285px !important;
    }

    html body .rn-sheet-title {
        max-width: 92% !important;
    }
}


/* ==========================================================
   ICON + READMORE COLOR + MORE DESCRIPTION FIX
========================================================== */

/* Read More must respect inline selected colors from feed card */
html body .rn-action-bar .rn-read-more-action {
    border: 1px solid rgba(255,255,255,.22) !important;
}

/* Make all action icons clearly visible, not ant-sized */
html body .rn-action-bar .rn-action-btn svg,
html body .rn-action-bar .rn-comment-btn svg,
html body .rn-action-bar .rn-save-btn svg,
html body .rn-action-bar .rn-share-btn svg,
html body .rn-action-bar .rn-issue-btn svg {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    display: block !important;
    stroke-width: 2.25 !important;
}

html body .rn-action-bar .rn-like-btn {
    font-size: 30px !important;
    line-height: 1 !important;
}

html body .rn-action-bar .rn-comment-btn,
html body .rn-action-bar .rn-save-btn,
html body .rn-action-bar .rn-share-btn,
html body .rn-action-bar .rn-issue-btn {
    font-size: 22px !important;
    line-height: 1 !important;
}

/* More description visible: reduce bottom dead padding and compact line-height */
@media (max-width: 640px) {
    html body .rn-news-body-area {
        padding-bottom: 118px !important;
    }

    html body .rn-feed-excerpt {
        font-size: clamp(12.6px, 3.25vw, 14.5px) !important;
        line-height: 1.38 !important;
    }

    html body .rn-news-content-panel {
        padding-right: 76px !important;
    }

    html body .rn-action-bar .rn-action-btn svg,
    html body .rn-action-bar .rn-comment-btn svg,
    html body .rn-action-bar .rn-save-btn svg,
    html body .rn-action-bar .rn-share-btn svg,
    html body .rn-action-bar .rn-issue-btn svg {
        width: 23px !important;
        height: 23px !important;
        min-width: 23px !important;
        min-height: 23px !important;
    }

    html body .rn-action-bar .rn-like-btn {
        font-size: 31px !important;
    }
}

@media (min-width: 900px) and (orientation: landscape) {
    html body .rn-news-body-area {
        padding-bottom: 64px !important;
    }

    html body .rn-feed-excerpt {
        font-size: clamp(13.5px, .86vw, 15.8px) !important;
        line-height: 1.42 !important;
    }

    html body .rn-action-bar .rn-action-btn svg,
    html body .rn-action-bar .rn-comment-btn svg,
    html body .rn-action-bar .rn-save-btn svg,
    html body .rn-action-bar .rn-share-btn svg,
    html body .rn-action-bar .rn-issue-btn svg {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
    }

    html body .rn-action-bar .rn-like-btn {
        font-size: 32px !important;
    }
}


/* ==========================================================
   REAL EXCERPT FILL + POPUP COLOR FIX
========================================================== */

/* make feed description fill the empty body area */
html body .rn-feed-excerpt {
    display: block !important;
    -webkit-line-clamp: unset !important;
    max-height: none !important;
    white-space: pre-line !important;
}

/* keep overflow only at card body level so ticker is safe */
@media (max-width: 640px) {
    html body .rn-news-content-panel {
        padding-right: 76px !important;
        overflow: hidden !important;
    }

    html body .rn-feed-excerpt {
        font-size: clamp(12.4px, 3.18vw, 14.3px) !important;
        line-height: 1.34 !important;
    }
}

@media (min-width: 900px) and (orientation: landscape) {
    html body .rn-news-content-panel {
        padding-right: 104px !important;
        overflow: hidden !important;
    }

    html body .rn-feed-excerpt {
        font-size: clamp(13px, .82vw, 15.2px) !important;
        line-height: 1.34 !important;
    }
}

/* popup should respect selected post colors */
html body .rn-bottom-sheet,
html body .rn-bottom-sheet .rn-sheet-content,
html body .rn-bottom-sheet .rn-sheet-meta {
    color: inherit !important;
}

html body .rn-bottom-sheet .rn-sheet-title {
    color: inherit;
}


/* ==========================================================
   LONG PREVIEW + MEDIA HEIGHT FINAL FIX
   - Force longer feed preview text to occupy empty space
   - Increase featured image/video height
========================================================== */

html body .rn-feed-excerpt {
    display: block !important;
    -webkit-line-clamp: unset !important;
    max-height: none !important;
    white-space: pre-line !important;
    overflow: hidden !important;
}

@media (max-width: 640px) {
    html body .rn-feed-image {
        height: 34dvh !important;
        min-height: 215px !important;
        max-height: 292px !important;
    }

    html body .rn-feed-image img,
    html body .rn-feed-image video {
        height: 100% !important;
        object-fit: cover !important;
    }

    html body .rn-news-body-area {
        height: 66dvh !important;
        min-height: 66dvh !important;
        max-height: 66dvh !important;
        padding: 13px 12px 170px 14px !important;
        overflow: hidden !important;
    }

    html body .rn-feed-title {
        font-size: clamp(17.5px, 4.45vw, 22.5px) !important;
        line-height: 1.12 !important;
        margin-bottom: 8px !important;
    }

    html body .rn-feed-excerpt {
        font-size: clamp(12.2px, 3.08vw, 14px) !important;
        line-height: 1.28 !important;
    }
}

@media (min-width: 900px) and (orientation: landscape) {
    html body .rn-feed-image {
        height: clamp(285px, 41vh, 460px) !important;
        min-height: 285px !important;
        max-height: 460px !important;
    }

    html body .rn-feed-image img,
    html body .rn-feed-image video {
        height: 100% !important;
        object-fit: cover !important;
    }

    html body .rn-news-body-area {
        height: calc(100vh - 460px) !important;
        min-height: calc(100vh - 460px) !important;
        max-height: calc(100vh - 460px) !important;
        padding: 18px 28px 80px 34px !important;
        overflow: hidden !important;
    }

    html body .rn-feed-title {
        font-size: clamp(21px, 1.38vw, 28px) !important;
        line-height: 1.12 !important;
        margin-bottom: 9px !important;
    }

    html body .rn-feed-excerpt {
        font-size: clamp(13px, .80vw, 15px) !important;
        line-height: 1.30 !important;
    }
}


/* ==========================================================
   NO CUT PREVIEW + STRONG MEDIA HEIGHT FIX
   This overrides previous max-height/line-clamp conflicts.
========================================================== */

/* Card stays one viewport, but article area uses all available space */
html body .rn-news-reel-card,
html body .rn-feed-card.rn-news-reel-card {
    position: relative !important;
    overflow: hidden !important;
}

/* Remove every previous clamp from preview text */
html body .rn-news-reel-card .rn-feed-excerpt,
html body .rn-feed-card .rn-feed-excerpt,
html body .rn-feed-excerpt {
    display: block !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    white-space: pre-line !important;
}

/* The content panel is clipped at the card, not the excerpt line itself */
html body .rn-news-content-panel {
    overflow: hidden !important;
}

/* Mobile */
@media (max-width: 640px) {
    html body .rn-feed-card.rn-news-reel-card,
    html body .rn-news-reel-card {
        height: calc(100dvh - 118px) !important;
        min-height: calc(100dvh - 118px) !important;
        max-height: calc(100dvh - 118px) !important;
    }

    /* Increase media/video height clearly */
    html body .rn-feed-card.rn-news-reel-card .rn-feed-image,
    html body .rn-news-reel-card .rn-feed-image,
    html body .rn-feed-image {
        height: 36dvh !important;
        min-height: 230px !important;
        max-height: 315px !important;
        flex: 0 0 auto !important;
    }

    html body .rn-feed-image img,
    html body .rn-feed-image video,
    html body .rn-feed-video {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    html body .rn-news-body-area {
        height: calc(64dvh - 118px) !important;
        min-height: calc(64dvh - 118px) !important;
        max-height: calc(64dvh - 118px) !important;
        padding: 12px 12px 142px 14px !important;
        overflow: hidden !important;
    }

    html body .rn-news-content-panel {
        height: 100% !important;
        max-height: 100% !important;
        padding-right: 76px !important;
        overflow: hidden !important;
        display: block !important;
    }

    html body .rn-news-body-meta-top {
        margin-bottom: 7px !important;
    }

    html body .rn-feed-title {
        display: block !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        -webkit-line-clamp: unset !important;
        font-size: clamp(17px, 4.35vw, 22px) !important;
        line-height: 1.10 !important;
        margin: 0 0 8px !important;
        padding-right: 0 !important;
    }

    html body .rn-feed-excerpt {
        font-size: clamp(12px, 3vw, 13.6px) !important;
        line-height: 1.24 !important;
        margin: 0 !important;
        padding-right: 0 !important;
    }
}

/* Desktop / landscape */
@media (min-width: 900px) and (orientation: landscape) {
    html body .rn-feed-card.rn-news-reel-card,
    html body .rn-news-reel-card {
        height: calc(100vh - 48px) !important;
        min-height: calc(100vh - 48px) !important;
        max-height: calc(100vh - 48px) !important;
    }

    /* Increase image/video area by about 1cm+ */
    html body .rn-feed-card.rn-news-reel-card .rn-feed-image,
    html body .rn-news-reel-card .rn-feed-image,
    html body .rn-feed-image {
        height: clamp(330px, 47vh, 530px) !important;
        min-height: 330px !important;
        max-height: 530px !important;
        flex: 0 0 auto !important;
    }

    html body .rn-feed-image img,
    html body .rn-feed-image video,
    html body .rn-feed-video {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    html body .rn-news-body-area {
        height: calc(100vh - 530px) !important;
        min-height: 230px !important;
        max-height: calc(100vh - 330px) !important;
        padding: 16px 28px 82px 34px !important;
        overflow: hidden !important;
    }

    html body .rn-news-content-panel {
        height: 100% !important;
        max-height: 100% !important;
        padding-right: 104px !important;
        overflow: hidden !important;
        display: block !important;
    }

    html body .rn-feed-title {
        display: block !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        -webkit-line-clamp: unset !important;
        font-size: clamp(20px, 1.28vw, 27px) !important;
        line-height: 1.10 !important;
        margin: 0 0 8px !important;
        padding-right: 0 !important;
    }

    html body .rn-feed-excerpt {
        font-size: clamp(12.6px, .76vw, 14.5px) !important;
        line-height: 1.22 !important;
        margin: 0 !important;
        padding-right: 0 !important;
    }
}


/* ==========================================================
   HARD 300+ CHARACTER FEED PREVIEW FIX
   This removes visual clipping from the excerpt itself.
========================================================== */

html body .rn-feed-excerpt {
    display: block !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

@media (max-width: 640px) {
    html body .rn-feed-image {
        height: 32dvh !important;
        min-height: 205px !important;
        max-height: 280px !important;
    }

    html body .rn-news-body-area {
        height: 68dvh !important;
        min-height: 68dvh !important;
        max-height: 68dvh !important;
        padding: 12px 12px 150px 14px !important;
        overflow: hidden !important;
    }

    html body .rn-news-content-panel {
        padding-right: 76px !important;
        overflow: hidden !important;
        display: block !important;
    }

    html body .rn-feed-title {
        font-size: clamp(17px, 4.35vw, 22px) !important;
        line-height: 1.1 !important;
        margin-bottom: 10px !important;
    }

    html body .rn-feed-excerpt {
        font-size: clamp(12.6px, 3.18vw, 14.2px) !important;
        line-height: 1.34 !important;
        margin-top: 0 !important;
    }
}

@media (min-width: 900px) and (orientation: landscape) {
    html body .rn-feed-image {
        height: clamp(285px, 41vh, 460px) !important;
        min-height: 285px !important;
        max-height: 460px !important;
    }

    html body .rn-news-body-area {
        height: calc(100vh - 460px) !important;
        min-height: 260px !important;
        max-height: calc(100vh - 285px) !important;
        padding: 16px 28px 80px 34px !important;
        overflow: hidden !important;
    }

    html body .rn-news-content-panel {
        padding-right: 104px !important;
        overflow: hidden !important;
        display: block !important;
    }

    html body .rn-feed-title {
        font-size: clamp(20px, 1.28vw, 27px) !important;
        line-height: 1.1 !important;
        margin-bottom: 10px !important;
    }

    html body .rn-feed-excerpt {
        font-size: clamp(13.2px, .82vw, 15.3px) !important;
        line-height: 1.36 !important;
        margin-top: 0 !important;
    }
}


/* ==========================================================
   FEED STANDALONE CARD + NO BLANK SPACE FIX
   2026-06-22
   - Desktop blank body space is removed by using flex layout.
   - Text area no longer gets hidden by bottom padding.
   - Each feed card is isolated for smooth scroll.
========================================================== */

html body .rn-reels-shell #rn-feed-wrapper {
    overscroll-behavior-y: contain !important;
    scroll-snap-type: y mandatory !important;
    scroll-behavior: smooth !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

html body .rn-news-reel-card,
html body .rn-feed-card.rn-news-reel-card {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    overflow: hidden !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    contain: layout paint !important;
}

/* Media area is fixed; text area takes exact remaining space */
html body .rn-feed-image {
    flex: 0 0 auto !important;
}

html body .rn-news-body-area {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

html body .rn-news-content-panel {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Title stays full, description fills remaining visible space */
html body .rn-feed-title {
    flex: 0 0 auto !important;
    display: block !important;
    overflow: visible !important;
    max-height: none !important;
    -webkit-line-clamp: unset !important;
}

html body .rn-feed-excerpt {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: block !important;
    overflow: hidden !important;
    max-height: none !important;
    -webkit-line-clamp: unset !important;
    white-space: normal !important;
}

/* Desktop: remove nightmare blank area near ticker */
@media (min-width: 900px) and (orientation: landscape) {
    html body .rn-reels-shell #rn-feed-wrapper {
        height: calc(100vh - 48px) !important;
        max-height: calc(100vh - 48px) !important;
    }

    html body .rn-news-reel-card,
    html body .rn-feed-card.rn-news-reel-card {
        height: calc(100vh - 48px) !important;
        min-height: calc(100vh - 48px) !important;
        max-height: calc(100vh - 48px) !important;
    }

    html body .rn-feed-image {
        height: clamp(305px, 43vh, 500px) !important;
        min-height: 305px !important;
        max-height: 500px !important;
    }

    html body .rn-feed-image img,
    html body .rn-feed-image video,
    html body .rn-feed-video {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    html body .rn-news-body-area {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 16px 112px 46px 34px !important;
    }

    html body .rn-news-content-panel {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding-right: 0 !important;
    }

    html body .rn-feed-title {
        font-size: clamp(20px, 1.28vw, 27px) !important;
        line-height: 1.12 !important;
        margin: 0 0 10px !important;
        padding: 0 !important;
    }

    html body .rn-feed-excerpt {
        font-size: clamp(13.2px, .84vw, 15.5px) !important;
        line-height: 1.34 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body .rn-action-bar {
        right: 14px !important;
        bottom: 62px !important;
    }
}

/* Mobile: every news card is independent and snap-stable */
@media (max-width: 640px) {
    html body .rn-reels-shell #rn-feed-wrapper {
        height: 100dvh !important;
        max-height: 100dvh !important;
        scroll-snap-type: y mandatory !important;
    }

    html body .rn-news-reel-card,
    html body .rn-feed-card.rn-news-reel-card {
        height: 100dvh !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;
    }

    html body .rn-feed-image {
        height: 34dvh !important;
        min-height: 215px !important;
        max-height: 295px !important;
    }

    html body .rn-feed-image img,
    html body .rn-feed-image video,
    html body .rn-feed-video {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    html body .rn-news-body-area {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 13px 86px 154px 14px !important;
    }

    html body .rn-news-content-panel {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding-right: 0 !important;
    }

    html body .rn-feed-title {
        font-size: clamp(17px, 4.35vw, 22px) !important;
        line-height: 1.12 !important;
        margin: 0 0 10px !important;
        padding: 0 !important;
    }

    html body .rn-feed-excerpt {
        font-size: clamp(12.3px, 3.08vw, 14px) !important;
        line-height: 1.32 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body .rn-action-bar {
        right: 0 !important;
        bottom: 126px !important;
    }
}


/* ==========================================================
   MOBILE / DESKTOP DESCRIPTION CHARACTER LENGTH FIX
   Mobile: 380 chars. Desktop: 500 chars.
========================================================== */

.rn-preview-mobile {
    display: inline !important;
}

.rn-preview-desktop {
    display: none !important;
}

@media (min-width: 900px) and (orientation: landscape) {
    .rn-preview-mobile {
        display: none !important;
    }

    .rn-preview-desktop {
        display: inline !important;
    }
}


/* ==========================================================
   N5TG MOBILE REELS ENGINE V1
   Mobile only:
   - Browser scroll disabled inside feed
   - One swipe moves exactly one card
   - Cards are stacked and moved by transform
   - Desktop remains unchanged
========================================================== */

@media (max-width: 768px) {
    html.rn-mobile-reels-lock,
    html.rn-mobile-reels-lock body {
        overflow: hidden !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        touch-action: none !important;
        overscroll-behavior: none !important;
    }

    html body .rn-reels-shell {
        height: 100dvh !important;
        max-height: 100dvh !important;
        overflow: hidden !important;
        position: relative !important;
    }

    html body .rn-reels-shell #rn-feed-wrapper.rn-reels-engine-active {
        position: relative !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;
        width: 100% !important;
        overflow: hidden !important;
        scroll-snap-type: none !important;
        scroll-behavior: auto !important;
        overscroll-behavior: none !important;
        touch-action: none !important;
        will-change: transform !important;
        contain: layout paint size !important;
    }

    html body #rn-feed-wrapper.rn-reels-engine-active > .rn-feed-card,
    html body #rn-feed-wrapper.rn-reels-engine-active > .rn-news-reel-card,
    html body #rn-feed-wrapper.rn-reels-engine-active > .rn-ad-card {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        overflow: hidden !important;
        scroll-snap-align: none !important;
        transition: transform 420ms cubic-bezier(.22,.78,.26,1), opacity 220ms ease !important;
        will-change: transform, opacity !important;
        backface-visibility: hidden !important;
        transform: translate3d(0, 120%, 0) !important;
        opacity: 0.35 !important;
        pointer-events: none !important;
        contain: layout paint !important;
    }

    html body #rn-feed-wrapper.rn-reels-engine-active > .rn-feed-card.rn-reels-current,
    html body #rn-feed-wrapper.rn-reels-engine-active > .rn-news-reel-card.rn-reels-current,
    html body #rn-feed-wrapper.rn-reels-engine-active > .rn-ad-card.rn-reels-current {
        transform: translate3d(0, 0, 0) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 5 !important;
    }

    html body #rn-feed-wrapper.rn-reels-engine-active > .rn-feed-card.rn-reels-prev,
    html body #rn-feed-wrapper.rn-reels-engine-active > .rn-news-reel-card.rn-reels-prev,
    html body #rn-feed-wrapper.rn-reels-engine-active > .rn-ad-card.rn-reels-prev {
        transform: translate3d(0, -100%, 0) !important;
        opacity: 0.45 !important;
        z-index: 3 !important;
    }

    html body #rn-feed-wrapper.rn-reels-engine-active > .rn-feed-card.rn-reels-next,
    html body #rn-feed-wrapper.rn-reels-engine-active > .rn-news-reel-card.rn-reels-next,
    html body #rn-feed-wrapper.rn-reels-engine-active > .rn-ad-card.rn-reels-next {
        transform: translate3d(0, 100%, 0) !important;
        opacity: 0.45 !important;
        z-index: 3 !important;
    }

    html body #rn-feed-wrapper.rn-reels-engine-active > .rn-feed-card.rn-reels-hidden,
    html body #rn-feed-wrapper.rn-reels-engine-active > .rn-news-reel-card.rn-reels-hidden,
    html body #rn-feed-wrapper.rn-reels-engine-active > .rn-ad-card.rn-reels-hidden {
        transform: translate3d(0, 140%, 0) !important;
        opacity: 0 !important;
        z-index: 1 !important;
    }

    html body .rn-pull-refresh-indicator {
        display: none !important;
    }

    html body .rn-feed-loader,
    html body .rn-feed-end {
        display: none !important;
    }

    html body .rn-reels-engine-hint {
        position: fixed;
        left: 50%;
        bottom: 132px;
        transform: translateX(-50%);
        z-index: 9999;
        padding: 8px 12px;
        border-radius: 999px;
        background: rgba(0,0,0,.68);
        color: #fff;
        font-size: 12px;
        font-weight: 800;
        pointer-events: none;
        opacity: 0;
        transition: opacity .2s ease;
    }

    html body .rn-reels-engine-hint.show {
        opacity: 1;
    }
}


/* ==========================================================
   FINAL TWO CHANGES ONLY
   1. Read More outside action dock, near description end.
   2. Admin-controlled poll emoji beside poll, no background.
========================================================== */

/* Read More is no longer part of the action dock */
html body .rn-action-bar .rn-read-more-action-item,
html body .rn-action-bar .rn-read-more-action {
    display: none !important;
}

html body .rn-read-more-inline {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 92px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin-top: 10px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.22) !important;
    z-index: 20 !important;
}

/* Poll emoji display */
html body .rn-poll-emoji-display {
    position: absolute !important;
    z-index: 42 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    line-height: 1 !important;
    pointer-events: none !important;
    user-select: none !important;
    filter: drop-shadow(0 6px 12px rgba(0,0,0,.34)) !important;
}

/* Mobile placement */
@media (max-width: 768px) {
    html body .rn-read-more-inline {
        margin-top: 9px !important;
        height: 34px !important;
        min-height: 34px !important;
        min-width: 88px !important;
        padding: 0 14px !important;
        font-size: 11px !important;
    }

    html body .rn-poll-emoji-display {
        left: calc(50% + 145px) !important;
        bottom: 21px !important;
        font-size: 38px !important;
    }
}

/* Desktop / landscape placement */
@media (min-width: 900px) and (orientation: landscape) {
    html body .rn-read-more-inline {
        margin-top: 10px !important;
        height: 36px !important;
        min-height: 36px !important;
        min-width: 98px !important;
        padding: 0 18px !important;
        font-size: 12px !important;
    }

    html body .rn-poll-emoji-display {
        left: calc(50% + 330px) !important;
        bottom: 16px !important;
        font-size: 44px !important;
    }
}


/* ==========================================================
   READMORE + POLL EMOJI POSITION FIX ONLY
   - Emoji exactly beside poll block.
   - Read More visible as capsule left of action dock.
========================================================== */

/* Emoji must sit just next to the poll block, not far right */
html body .rn-poll-emoji-display {
    position: absolute !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    line-height: 1 !important;
    z-index: 80 !important;
    pointer-events: none !important;
    user-select: none !important;
    filter: drop-shadow(0 6px 12px rgba(0,0,0,.35)) !important;
}

/* Make feed body the positioning parent for visible Read More */
html body .rn-news-body-area {
    position: relative !important;
}

/* Read More capsule beside/left of action dock */
html body .rn-read-more-inline {
    position: absolute !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 108px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    z-index: 120 !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.28) !important;
}

/* Mobile positions */
@media (max-width: 768px) {
    html body .rn-poll-emoji-display {
        left: calc(112px + 100% - 83px) !important;
        right: auto !important;
        bottom: 11px !important;
        font-size: 34px !important;
    }

    /* If calc above conflicts with older poll width, this keeps emoji near poll right edge */
    html body .rn-feed-poll + .rn-poll-emoji-display,
    html body .rn-feed-poll-big + .rn-poll-emoji-display {
        left: auto !important;
        right: 72px !important;
        bottom: 11px !important;
    }

    html body .rn-read-more-inline {
        right: 68px !important;
        bottom: 18px !important;
        min-width: 104px !important;
        height: 36px !important;
        min-height: 36px !important;
        padding: 0 15px !important;
        font-size: 11px !important;
    }
}

/* Desktop / landscape positions */
@media (min-width: 900px) and (orientation: landscape) {
    html body .rn-poll-emoji-display {
        left: auto !important;
        right: 74px !important;
        bottom: 16px !important;
        font-size: 40px !important;
    }

    html body .rn-read-more-inline {
        right: 88px !important;
        bottom: 22px !important;
        min-width: 118px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 18px !important;
        font-size: 12px !important;
    }
}


/* ==========================================================
   FINAL STRUCTURAL READMORE + POLL EMOJI REBUILD
   - Poll emoji is now inside poll block beside poll buttons/text.
   - Read More is in content flow, bottom-right of description area.
========================================================== */

/* emoji lives inside poll, never over featured image */
html body .rn-feed-poll .rn-poll-emoji-display,
html body .rn-feed-poll-big .rn-poll-emoji-display {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    margin-left: 8px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    line-height: 1 !important;
    pointer-events: none !important;
    user-select: none !important;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,.28)) !important;
}

html body .rn-feed-poll,
html body .rn-feed-poll-big {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: calc(100% - 120px) !important;
}

/* Read More is outside action dock and visible near bottom-right content */
html body .rn-news-content-panel {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
}

html body .rn-action-bar .rn-read-more-action-item,
html body .rn-action-bar .rn-read-more-action {
    display: none !important;
}

html body .rn-read-more-inline {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-end !important;
    margin-left: auto !important;
    margin-top: auto !important;
    width: auto !important;
    min-width: 108px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    z-index: 50 !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.28) !important;
}

@media (max-width: 768px) {
    html body .rn-feed-poll .rn-poll-emoji-display,
    html body .rn-feed-poll-big .rn-poll-emoji-display {
        font-size: 28px !important;
        margin-left: 6px !important;
    }

    html body .rn-read-more-inline {
        min-width: 98px !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 14px !important;
        font-size: 11px !important;
        margin-right: 4px !important;
        margin-bottom: 0 !important;
    }
}

@media (min-width: 900px) and (orientation: landscape) {
    html body .rn-feed-poll .rn-poll-emoji-display,
    html body .rn-feed-poll-big .rn-poll-emoji-display {
        font-size: 32px !important;
        margin-left: 8px !important;
    }

    html body .rn-read-more-inline {
        min-width: 118px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 18px !important;
        font-size: 12px !important;
        margin-right: 0 !important;
    }
}


/* ==========================================================
   MOCKUP EXACT PLACEMENT FINAL
   - Emoji selector/display is glued inside poll block, right after thumbs-down.
   - Read More is outside action block, visible bottom-right of news body.
========================================================== */

/* Poll block works as the emoji anchor */
html body .rn-feed-poll,
html body .rn-feed-poll-big {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    max-width: calc(100% - 116px) !important;
    overflow: visible !important;
}

html body .rn-feed-poll .rn-poll-emoji-display,
html body .rn-feed-poll-big .rn-poll-emoji-display {
    position: static !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 0 2px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    line-height: 1 !important;
    pointer-events: none !important;
    user-select: none !important;
    z-index: 4 !important;
    filter: drop-shadow(0 4px 7px rgba(0,0,0,.32)) !important;
}

/* Content body is the read-more anchor */
html body .rn-news-body-area {
    position: relative !important;
    overflow: hidden !important;
}

html body .rn-news-content-panel {
    padding-bottom: 58px !important;
}

/* Do not show Read More inside action dock */
html body .rn-action-bar .rn-read-more-action-item,
html body .rn-action-bar .rn-read-more-action {
    display: none !important;
}

/* Real visible Read More capsule at marked green area */
html body .rn-read-more-body-capsule,
html body .rn-read-more-inline.rn-read-more-body-capsule {
    position: absolute !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 128px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    z-index: 5000 !important;
    pointer-events: auto !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.35) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Mobile exact placement */
@media (max-width: 768px) {
    html body .rn-feed-poll .rn-poll-emoji-display,
    html body .rn-feed-poll-big .rn-poll-emoji-display {
        font-size: 28px !important;
    }

    html body .rn-news-content-panel {
        padding-bottom: 60px !important;
    }

    html body .rn-read-more-body-capsule,
    html body .rn-read-more-inline.rn-read-more-body-capsule {
        right: 14px !important;
        bottom: 22px !important;
        min-width: 116px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 14px !important;
        font-size: 12px !important;
    }
}

/* Desktop exact placement */
@media (min-width: 900px) and (orientation: landscape) {
    html body .rn-feed-poll .rn-poll-emoji-display,
    html body .rn-feed-poll-big .rn-poll-emoji-display {
        font-size: 32px !important;
    }

    html body .rn-news-content-panel {
        padding-bottom: 62px !important;
    }

    html body .rn-read-more-body-capsule,
    html body .rn-read-more-inline.rn-read-more-body-capsule {
        right: 28px !important;
        bottom: 28px !important;
        min-width: 138px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 20px !important;
        font-size: 13px !important;
    }
}


/* ==========================================================
   FINAL POLL EMOJI ICON + READMORE MOBILE UP FIX
   - Poll emoji: 40x40 icon just outside poll block.
   - Mobile Read More: half inch upward from ticker.
   - No other layout changes.
========================================================== */
html body .rn-feed-poll,
html body .rn-feed-poll-big {
    position: relative !important;
    overflow: visible !important;
}

html body .rn-feed-poll .rn-poll-emoji-display,
html body .rn-feed-poll-big .rn-poll-emoji-display {
    position: absolute !important;
    top: 50% !important;
    left: calc(100% + 10px) !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 30px !important;
    line-height: 1 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    pointer-events: none !important;
    user-select: none !important;
    z-index: 90 !important;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,.35)) !important;
}

@media (max-width: 768px) {
    html body .rn-read-more-body-capsule,
    html body .rn-read-more-inline.rn-read-more-body-capsule {
        right: 14px !important;
        bottom: 48px !important;
    }

    html body .rn-feed-poll .rn-poll-emoji-display,
    html body .rn-feed-poll-big .rn-poll-emoji-display {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        font-size: 30px !important;
        left: calc(100% + 8px) !important;
    }
}

@media (min-width: 900px) and (orientation: landscape) {
    html body .rn-read-more-body-capsule,
    html body .rn-read-more-inline.rn-read-more-body-capsule {
        right: 28px !important;
        bottom: 28px !important;
    }

    html body .rn-feed-poll .rn-poll-emoji-display,
    html body .rn-feed-poll-big .rn-poll-emoji-display {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        font-size: 30px !important;
        left: calc(100% + 10px) !important;
    }
}


/* ==========================================================
   POLL OUT + MOBILE READMORE UP ONLY
   - Poll/emoji brought back up/out from under card.
   - Read More moved upward only on mobile.
   - No desktop Read More change.
========================================================== */
html body .rn-feed-poll,
html body .rn-feed-poll-big {
    z-index: 120 !important;
    transform: translateY(-18px) !important;
}

html body .rn-feed-poll .rn-poll-emoji-display,
html body .rn-feed-poll-big .rn-poll-emoji-display {
    z-index: 121 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

@media (max-width: 768px) {
    html body .rn-read-more-body-capsule,
    html body .rn-read-more-inline.rn-read-more-body-capsule {
        bottom: 82px !important;
        right: 14px !important;
    }

    html body .rn-feed-poll,
    html body .rn-feed-poll-big {
        transform: translateY(-22px) !important;
    }
}

@media (min-width: 900px) and (orientation: landscape) {
    html body .rn-feed-poll,
    html body .rn-feed-poll-big {
        transform: translateY(-18px) !important;
    }

    html body .rn-read-more-body-capsule,
    html body .rn-read-more-inline.rn-read-more-body-capsule {
        bottom: 28px !important;
        right: 28px !important;
    }
}


/* ==========================================================
   MOCKUP POSITION CODES FINAL
   Requested:
   - Poll font smaller.
   - Poll and emoji/icon visible above media/body divider, not cut.
   - Emoji/icon 40x40 outside poll, just beside it.
   - Mobile Read More 1cm left + 1cm up.
   - Desktop Read More stays in marked lower-right area.
========================================================== */

/* Poll module: compact and above divider */
html body .rn-feed-poll,
html body .rn-feed-poll-big {
    position: absolute !important;
    left: 50% !important;
    bottom: 14px !important;
    transform: translateX(-50%) !important;
    z-index: 180 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    width: auto !important;
    max-width: calc(100% - 190px) !important;
    min-height: 38px !important;
    padding: 5px 8px !important;
    overflow: visible !important;
}

html body .rn-feed-poll .rn-poll-question,
html body .rn-feed-poll-big .rn-poll-question,
html body .rn-poll-question {
    font-size: 11px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    max-width: 260px !important;
}

/* poll up/down icons slightly compact */
html body .rn-feed-poll .rn-poll-vote-btn,
html body .rn-feed-poll-big .rn-poll-vote-btn {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
}

html body .rn-feed-poll .rn-poll-vote-btn svg,
html body .rn-feed-poll-big .rn-poll-vote-btn svg {
    width: 20px !important;
    height: 20px !important;
}

/* Emoji/icon: exactly 40x40, outside poll, beside it */
html body .rn-feed-poll .rn-poll-emoji-display,
html body .rn-feed-poll-big .rn-poll-emoji-display {
    position: absolute !important;
    top: 50% !important;
    left: calc(100% + 10px) !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 28px !important;
    line-height: 1 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    pointer-events: none !important;
    user-select: none !important;
    z-index: 181 !important;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,.35)) !important;
}

/* Read More is anchored to body, not action dock */
html body .rn-news-body-area {
    position: relative !important;
}

html body .rn-action-bar .rn-read-more-action-item,
html body .rn-action-bar .rn-read-more-action {
    display: none !important;
}

html body .rn-read-more-body-capsule,
html body .rn-read-more-inline.rn-read-more-body-capsule {
    position: absolute !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 128px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    z-index: 5000 !important;
    pointer-events: auto !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.35) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Desktop exact mockup placement */
@media (min-width: 900px) and (orientation: landscape) {
    html body .rn-feed-poll,
    html body .rn-feed-poll-big {
        bottom: 18px !important;
        min-height: 38px !important;
        padding: 5px 9px !important;
    }

    html body .rn-feed-poll .rn-poll-question,
    html body .rn-feed-poll-big .rn-poll-question,
    html body .rn-poll-question {
        font-size: 11px !important;
        max-width: 300px !important;
    }

    html body .rn-read-more-body-capsule,
    html body .rn-read-more-inline.rn-read-more-body-capsule {
        right: 28px !important;
        bottom: 28px !important;
        min-width: 138px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 20px !important;
        font-size: 13px !important;
    }
}

/* Mobile exact mockup placement */
@media (max-width: 768px) {
    html body .rn-feed-poll,
    html body .rn-feed-poll-big {
        left: 50% !important;
        bottom: 14px !important;
        transform: translateX(-50%) !important;
        max-width: calc(100% - 112px) !important;
        min-height: 36px !important;
        padding: 4px 7px !important;
        gap: 6px !important;
    }

    html body .rn-feed-poll .rn-poll-question,
    html body .rn-feed-poll-big .rn-poll-question,
    html body .rn-poll-question {
        font-size: 10px !important;
        line-height: 1.12 !important;
        max-width: 150px !important;
    }

    html body .rn-feed-poll .rn-poll-vote-btn,
    html body .rn-feed-poll-big .rn-poll-vote-btn {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
    }

    html body .rn-feed-poll .rn-poll-vote-btn svg,
    html body .rn-feed-poll-big .rn-poll-vote-btn svg {
        width: 19px !important;
        height: 19px !important;
    }

    html body .rn-feed-poll .rn-poll-emoji-display,
    html body .rn-feed-poll-big .rn-poll-emoji-display {
        left: calc(100% + 7px) !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        max-width: 40px !important;
        max-height: 40px !important;
        font-size: 27px !important;
    }

    /* mobile: 1cm left and 1cm upward */
    html body .rn-read-more-body-capsule,
    html body .rn-read-more-inline.rn-read-more-body-capsule {
        right: 52px !important;
        bottom: 86px !important;
        min-width: 118px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 16px !important;
        font-size: 12px !important;
    }
}


/* ==========================================================
   MOBILE POLL + READMORE FINAL ONLY
   Desktop untouched.
   Mobile:
   - Poll stays landscape.
   - Poll question max 2 lines.
   - Emoji/icon stays 40x40 beside poll.
   - Read More moves left/up.
========================================================== */

@media (max-width: 768px) {
    html body .rn-feed-poll,
    html body .rn-feed-poll-big {
        position: absolute !important;
        left: 20px !important;
        right: 88px !important;
        bottom: 16px !important;
        transform: none !important;
        width: auto !important;
        max-width: none !important;
        min-height: 44px !important;
        height: auto !important;
        padding: 5px 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        overflow: visible !important;
        z-index: 180 !important;
        border-radius: 20px !important;
    }

    html body .rn-feed-poll .rn-poll-question,
    html body .rn-feed-poll-big .rn-poll-question,
    html body .rn-poll-question {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: none !important;
        font-size: 12px !important;
        line-height: 1.18 !important;
        font-weight: 950 !important;
        text-align: left !important;
        white-space: normal !important;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    html body .rn-feed-poll .rn-poll-vote-btn,
    html body .rn-feed-poll-big .rn-poll-vote-btn {
        flex: 0 0 38px !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
    }

    html body .rn-feed-poll .rn-poll-vote-btn svg,
    html body .rn-feed-poll-big .rn-poll-vote-btn svg {
        width: 22px !important;
        height: 22px !important;
    }

    html body .rn-feed-poll .rn-poll-emoji-display,
    html body .rn-feed-poll-big .rn-poll-emoji-display {
        position: absolute !important;
        top: 50% !important;
        left: calc(100% + 8px) !important;
        right: auto !important;
        bottom: auto !important;
        transform: translateY(-50%) !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        max-width: 40px !important;
        max-height: 40px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 28px !important;
        line-height: 1 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        pointer-events: none !important;
        user-select: none !important;
        z-index: 181 !important;
        filter: drop-shadow(0 4px 8px rgba(0,0,0,.35)) !important;
    }

    html body .rn-read-more-body-capsule,
    html body .rn-read-more-inline.rn-read-more-body-capsule {
        right: 52px !important;
        bottom: 94px !important;
        min-width: 124px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 17px !important;
        font-size: 12px !important;
        z-index: 5000 !important;
    }
}


/* ==========================================================
   MOBILE RESPONSIVE FINAL ADJUST
   Desktop untouched.
   Mobile only:
   - Action dock moved 1cm upward.
   - Read More moved 2cm upward.
   - Poll smaller and shifted toward right edge.
========================================================== */
@media (max-width: 768px) {
    html body .rn-action-bar {
        bottom: 164px !important;
    }

    html body .rn-read-more-body-capsule,
    html body .rn-read-more-inline.rn-read-more-body-capsule {
        right: 54px !important;
        bottom: 156px !important;
        min-width: 112px !important;
        height: 36px !important;
        min-height: 36px !important;
        padding: 0 14px !important;
        font-size: 11px !important;
    }

    html body .rn-feed-poll,
    html body .rn-feed-poll-big {
        left: auto !important;
        right: 58px !important;
        bottom: 14px !important;
        transform: none !important;
        width: min(68vw, 330px) !important;
        max-width: calc(100vw - 118px) !important;
        min-height: 38px !important;
        height: 38px !important;
        padding: 3px 6px !important;
        gap: 5px !important;
        border-radius: 18px !important;
        overflow: visible !important;
    }

    html body .rn-feed-poll .rn-poll-question,
    html body .rn-feed-poll-big .rn-poll-question,
    html body .rn-poll-question {
        font-size: 9px !important;
        line-height: 1.08 !important;
        max-width: none !important;
        white-space: normal !important;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    html body .rn-feed-poll .rn-poll-vote-btn,
    html body .rn-feed-poll-big .rn-poll-vote-btn {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        min-height: 30px !important;
        flex: 0 0 30px !important;
    }

    html body .rn-feed-poll .rn-poll-vote-btn svg,
    html body .rn-feed-poll-big .rn-poll-vote-btn svg {
        width: 18px !important;
        height: 18px !important;
    }

    html body .rn-feed-poll .rn-poll-emoji-display,
    html body .rn-feed-poll-big .rn-poll-emoji-display {
        left: calc(100% + 5px) !important;
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        max-width: 36px !important;
        max-height: 36px !important;
        font-size: 25px !important;
    }
}

@media (max-width: 768px) and (max-height: 760px) {
    html body .rn-action-bar {
        bottom: 150px !important;
    }

    html body .rn-read-more-body-capsule,
    html body .rn-read-more-inline.rn-read-more-body-capsule {
        bottom: 140px !important;
    }

    html body .rn-feed-poll,
    html body .rn-feed-poll-big {
        width: min(64vw, 300px) !important;
        height: 36px !important;
        min-height: 36px !important;
    }

    html body .rn-feed-poll .rn-poll-question,
    html body .rn-feed-poll-big .rn-poll-question,
    html body .rn-poll-question {
        font-size: 8.5px !important;
    }
}


/* ==========================================================
   CLIENT FINAL FIVE FIXES
   Only requested changes:
   1. Mobile action dock 2cm upward, starts near title level.
   2. Read More smaller like category/breaking capsule.
   3. Poll 1.5mm downward + 5mm right.
   4. Emoji list handled in admin PHP.
   5. Bottom two tickers height +1mm each.
========================================================== */

/* 5. increase both ticker rows by approx 1mm */
html body .rn-bottom-ticker {
    min-height: 26px !important;
    height: 26px !important;
}

html body .rn-bottom-ticker + .rn-bottom-ticker,
html body .rn-bottom-ticker.rn-advt-ticker,
html body .rn-bottom-ticker-advt,
html body .rn-advt-bottom-ticker {
    min-height: 26px !important;
    height: 26px !important;
}

html body .rn-bottom-ticker-label,
html body .rn-bottom-ticker-track,
html body .rn-bottom-ticker-text {
    min-height: 26px !important;
    line-height: 26px !important;
}

/* Mobile-only layout changes */
@media (max-width: 768px) {
    /* 1. action module 2cm upward */
    html body .rn-action-bar {
        bottom: 238px !important;
    }

    /* 2. Read More small capsule, like category/breaking */
    html body .rn-read-more-body-capsule,
    html body .rn-read-more-inline.rn-read-more-body-capsule {
        right: 54px !important;
        bottom: 164px !important;
        min-width: 76px !important;
        width: auto !important;
        height: 28px !important;
        min-height: 28px !important;
        padding: 0 10px !important;
        border-radius: 999px !important;
        font-size: 10px !important;
        font-weight: 950 !important;
        line-height: 1 !important;
        box-shadow: 0 8px 18px rgba(0,0,0,.25) !important;
    }

    html body .rn-read-more-body-capsule span,
    html body .rn-read-more-inline.rn-read-more-body-capsule span {
        font-size: 10px !important;
    }

    /* 3. Poll 1.5mm down and 5mm right from previous */
    html body .rn-feed-poll,
    html body .rn-feed-poll-big {
        right: 39px !important; /* previous 58px minus ~19px = 5mm right */
        bottom: 8px !important; /* previous 14px minus ~6px = 1.5mm down */
    }
}

/* Compact phones */
@media (max-width: 768px) and (max-height: 760px) {
    html body .rn-action-bar {
        bottom: 224px !important;
    }

    html body .rn-read-more-body-capsule,
    html body .rn-read-more-inline.rn-read-more-body-capsule {
        bottom: 150px !important;
    }

    html body .rn-feed-poll,
    html body .rn-feed-poll-big {
        right: 39px !important;
        bottom: 8px !important;
    }
}


/* ==========================================================
   TRANSLATOR BUBBLE + ACTION UP + POLL DOWN FIX
   User requested:
   - poll down straight to breaking capsule
   - action module moved upward
   - translator bubble outside/above action module
   - mobile focused, desktop untouched as much as possible
========================================================== */

html body .rn-translate-bubble {
    position: absolute !important;
    z-index: 6200 !important;
}

html body .rn-translate-toggle {
    width: 46px !important;
    height: 46px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.32) !important;
    background: rgba(255,255,255,.96) !important;
    color: #111 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.32) !important;
    font-weight: 950 !important;
}

html body .rn-translate-icon {
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

html body .rn-translate-menu {
    position: absolute !important;
    right: 52px !important;
    top: 0 !important;
    width: 178px !important;
    max-height: 280px !important;
    overflow-y: auto !important;
    padding: 8px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    background: rgba(10,10,14,.94) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: 0 18px 48px rgba(0,0,0,.45) !important;
    display: none !important;
}

html body .rn-translate-bubble.open .rn-translate-menu {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
}

html body .rn-translate-menu button {
    width: 100% !important;
    min-height: 34px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    text-align: left !important;
    padding: 0 10px !important;
    cursor: pointer !important;
}

html body .rn-translate-menu button:hover,
html body .rn-translate-menu button.active {
    background: #e4002b !important;
    color: #fff !important;
}

/* hide ugly default Google frame/select */
html body .goog-te-banner-frame,
html body iframe.goog-te-banner-frame,
html body .skiptranslate iframe {
    display: none !important;
}

html body {
    top: 0 !important;
}

html body .goog-te-gadget,
html body #google_translate_element {
    position: fixed !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

/* Mobile exact requested movement */
@media (max-width: 768px) {
    /* action module upward */
    html body .rn-action-bar {
        bottom: 258px !important;
    }

    /* translator bubble outside, just above action module */
    html body .rn-translate-bubble {
        right: 0 !important;
        bottom: 552px !important;
    }

    html body .rn-translate-toggle {
        width: 44px !important;
        height: 44px !important;
    }

    html body .rn-translate-menu {
        right: 50px !important;
        top: -4px !important;
        width: 168px !important;
        max-height: 250px !important;
    }

    /* poll down to breaking capsule level, still right aligned */
    html body .rn-feed-poll,
    html body .rn-feed-poll-big {
        right: 34px !important;
        bottom: 2px !important;
    }
}

/* Compact height phones */
@media (max-width: 768px) and (max-height: 760px) {
    html body .rn-action-bar {
        bottom: 238px !important;
    }

    html body .rn-translate-bubble {
        bottom: 518px !important;
    }

    html body .rn-feed-poll,
    html body .rn-feed-poll-big {
        bottom: 2px !important;
        right: 34px !important;
    }
}

/* Desktop: only provide bubble if card uses same action stack */
@media (min-width: 900px) and (orientation: landscape) {
    html body .rn-translate-bubble {
        right: 14px !important;
        bottom: 394px !important;
    }

    html body .rn-translate-toggle {
        width: 44px !important;
        height: 44px !important;
    }
}


/* ==========================================================
   FINAL CLIENT FIX: ACTION + TRANSLATOR ATTACHED + LOCATION UI
   Mobile:
   - action stack actually moved up using top/transform override
   - language bubble attached just above action stack
   - poll moved down to breaking capsule level
   - translation menu protected from Google translation
========================================================== */

.rn-news-posted-date {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
}

.rn-location-selector-grid,
.rn-location-selector-wrap {
    display: grid !important;
    gap: 10px !important;
    max-width: 920px !important;
}

.rn-location-selector-grid select,
.rn-location-selector-grid input,
.rn-location-selector-wrap select,
.rn-location-selector-wrap input {
    width: 100% !important;
    min-height: 42px !important;
}

html body .rn-translate-bubble,
html body .rn-translate-bubble *,
html body .rn-translate-menu,
html body .rn-translate-menu * {
    translate: no !important;
}

/* Mobile only */
@media (max-width: 768px) {
    /* action module: use top, because old CSS uses top:50%; bottom was ignored */
    html body .rn-action-bar {
        top: calc(34dvh + 112px) !important;
        bottom: auto !important;
        right: 0 !important;
        transform: none !important;
        z-index: 6100 !important;
    }

    /* language bubble attached directly above action module */
    html body .rn-translate-bubble {
        top: calc(34dvh + 58px) !important;
        bottom: auto !important;
        right: 0 !important;
        transform: none !important;
        z-index: 6200 !important;
    }

    html body .rn-translate-toggle {
        width: 44px !important;
        height: 44px !important;
    }

    html body .rn-translate-menu {
        right: 50px !important;
        top: 0 !important;
        width: 176px !important;
        max-height: 254px !important;
    }

    /* poll straight down to breaking capsule level */
    html body .rn-feed-poll,
    html body .rn-feed-poll-big {
        bottom: 0 !important;
        right: 34px !important;
        transform: none !important;
        z-index: 180 !important;
    }
}

/* Compact phones */
@media (max-width: 768px) and (max-height: 760px) {
    html body .rn-action-bar {
        top: calc(34dvh + 96px) !important;
        bottom: auto !important;
    }

    html body .rn-translate-bubble {
        top: calc(34dvh + 42px) !important;
        bottom: auto !important;
    }
}

/* Desktop: keep original layout mostly untouched, only attach bubble to desktop action if present */
@media (min-width: 900px) and (orientation: landscape) {
    html body .rn-translate-bubble {
        right: 14px !important;
        top: calc(50% - 250px) !important;
        bottom: auto !important;
    }
}


/* ==========================================================
   META DISPLAY POLISH FINAL
   - Meta capsule compact two-line premium layout.
   - Date visible on dark/light backgrounds.
   - Author uses reporter/display name instead of email.
   - Translator bubble 3mm upward.
   - Poll text compact, action spacing slightly premium.
========================================================== */

html body .rn-news-body-meta-top {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 4px !important;
    width: auto !important;
    max-width: min(92%, 520px) !important;
    min-height: 54px !important;
    padding: 8px 16px !important;
    border-radius: 24px !important;
    background: rgba(10,10,14,.58) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.20) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    overflow: hidden !important;
}

html body .rn-meta-line {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

html body .rn-meta-line-primary {
    font-size: 13px !important;
    line-height: 1.15 !important;
    font-weight: 650 !important;
}

html body .rn-meta-line-author {
    font-size: 12px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,.78) !important;
}

html body .rn-news-location-label {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: rgba(255,255,255,.96) !important;
    max-width: 46% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    flex: 0 1 auto !important;
}

html body .rn-news-posted-date {
    font-size: 12px !important;
    font-weight: 650 !important;
    color: rgba(255,255,255,.74) !important;
    opacity: 1 !important;
    max-width: 54% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    flex: 1 1 auto !important;
}

html body .rn-feed-author {
    color: rgba(255,255,255,.82) !important;
    opacity: 1 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: inline-block !important;
}

/* poll text compact */
html body .rn-poll-question {
    font-size: 11px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
}

/* action button spacing premium */
html body .rn-action-bar {
    gap: 18px !important;
}

/* translator bubble 3mm upward */
html body .rn-translate-bubble {
    transform: translateY(-11px) !important;
}

@media (max-width: 768px) {
    html body .rn-news-body-meta-top {
        max-width: calc(100% - 94px) !important;
        min-height: 58px !important;
        padding: 8px 14px !important;
        border-radius: 23px !important;
        gap: 4px !important;
    }

    html body .rn-meta-line-primary {
        font-size: 12px !important;
    }

    html body .rn-meta-line-author {
        font-size: 11px !important;
    }

    html body .rn-news-location-label {
        font-size: 13px !important;
        max-width: 42% !important;
    }

    html body .rn-news-posted-date {
        font-size: 11px !important;
        max-width: 58% !important;
        color: rgba(255,255,255,.72) !important;
    }

    html body .rn-feed-author {
        font-size: 11px !important;
    }

    html body .rn-poll-question {
        font-size: 10px !important;
        line-height: 1.1 !important;
    }

    html body .rn-action-bar {
        gap: 16px !important;
    }

    html body .rn-translate-bubble {
        transform: translateY(-11px) !important;
    }
}


/* ==========================================================
   LANGUAGE BUTTON + META RESPONSIVE + TICKER FINAL
========================================================== */

/* language button as first action icon */
html body .rn-action-bar .rn-translate-bubble {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    z-index: 6200 !important;
    width: 54px !important;
    height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

html body .rn-translate-toggle {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: #fff !important;
}

html body .rn-translate-toggle img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

html body .rn-translate-menu {
    right: 58px !important;
    top: 0 !important;
}

/* responsive meta capsule */
html body .rn-news-body-meta-top {
    width: fit-content !important;
    max-width: calc(100% - 84px) !important;
}

html body .rn-meta-line-primary,
html body .rn-meta-line-author {
    min-width: 0 !important;
}

html body .rn-news-location-label,
html body .rn-news-posted-date,
html body .rn-feed-author {
    min-width: 0 !important;
}

/* readmore responsive near content ending */
html body .rn-read-more-body-capsule {
    width: fit-content !important;
    white-space: nowrap !important;
}

/* ticker individual rows support */
html body .rn-bottom-ticker {
    min-height: 28px !important;
    height: 28px !important;
}

html body .rn-bottom-ticker-label,
html body .rn-bottom-ticker-track,
html body .rn-bottom-ticker-text {
    min-height: 28px !important;
    line-height: 28px !important;
}

@media (max-width: 768px) {
    html body .rn-action-bar {
        top: calc(34dvh + 92px) !important;
        bottom: auto !important;
        right: 0 !important;
        transform: none !important;
    }

    html body .rn-action-bar .rn-translate-bubble {
        width: 54px !important;
        height: 54px !important;
        margin-bottom: 2px !important;
    }

    html body .rn-translate-toggle {
        width: 48px !important;
        height: 48px !important;
    }

    html body .rn-translate-menu {
        right: 56px !important;
        top: -2px !important;
        width: 174px !important;
        max-height: 250px !important;
    }

    html body .rn-news-body-meta-top {
        width: auto !important;
        max-width: calc(100% - 82px) !important;
        min-width: min(360px, calc(100% - 102px)) !important;
        min-height: 52px !important;
        padding: 7px 13px !important;
        gap: 3px !important;
    }

    html body .rn-meta-line-primary {
        font-size: 11px !important;
        gap: 6px !important;
    }

    html body .rn-meta-line-author {
        font-size: 10.5px !important;
    }

    html body .rn-news-location-label {
        font-size: 12px !important;
        max-width: 45% !important;
    }

    html body .rn-news-posted-date {
        font-size: 10.5px !important;
        color: rgba(255,255,255,.76) !important;
        max-width: 55% !important;
    }

    html body .rn-feed-author {
        font-size: 10.5px !important;
    }

    html body .rn-read-more-body-capsule,
    html body .rn-read-more-inline.rn-read-more-body-capsule {
        min-width: 74px !important;
        height: 28px !important;
        min-height: 28px !important;
        padding: 0 10px !important;
        font-size: 10px !important;
    }
}

@media (max-width: 380px) {
    html body .rn-news-body-meta-top {
        min-width: calc(100% - 96px) !important;
        max-width: calc(100% - 76px) !important;
    }

    html body .rn-news-location-label {
        max-width: 40% !important;
    }

    html body .rn-news-posted-date {
        max-width: 60% !important;
    }
}


/* ==========================================================
   FINAL PATCH: LANGUAGE ICON LOAD + DESKTOP META LINE + MOBILE POLL SPACE + COUNTS
========================================================== */

/* language icon image should fit fully, no broken/alt text display */
html body .rn-translate-toggle {
    overflow: hidden !important;
    text-indent: 0 !important;
    font-size: 0 !important;
}

html body .rn-translate-toggle img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 999px !important;
}

/* desktop meta should be long straight line */
@media (min-width: 900px) and (orientation: landscape) {
    html body .rn-news-body-meta-top {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: min(760px, calc(100% - 150px)) !important;
        max-width: calc(100% - 150px) !important;
        min-height: 42px !important;
        height: 42px !important;
        padding: 7px 16px !important;
        gap: 12px !important;
        border-radius: 999px !important;
    }

    html body .rn-news-body-meta-top .rn-meta-line {
        width: auto !important;
        flex: 0 1 auto !important;
    }

    html body .rn-meta-line-primary {
        flex: 1 1 auto !important;
    }

    html body .rn-meta-line-author {
        flex: 0 1 auto !important;
    }

    html body .rn-news-location-label {
        max-width: 260px !important;
    }

    html body .rn-news-posted-date {
        max-width: 250px !important;
    }

    html body .rn-feed-author {
        max-width: 210px !important;
    }
}

/* mobile poll/icon little left from screen wall */
@media (max-width: 768px) {
    html body .rn-feed-poll,
    html body .rn-feed-poll-big {
        right: 42px !important;
    }
}

/* saved/share counts same as like/comment */
html body .rn-save-count,
html body .rn-share-count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 14px !important;
    color: inherit !important;
}

/* tiny polish for action counts */
html body .rn-action-item .rn-count {
    font-weight: 950 !important;
    text-shadow: 0 2px 6px rgba(0,0,0,.28) !important;
}


/* ==========================================================
   SLIM META + COPY PROTECTION FINAL
========================================================== */

html body .rn-news-body-meta-top {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: fit-content !important;
    max-width: calc(100% - 92px) !important;
    min-height: 36px !important;
    height: 36px !important;
    padding: 6px 13px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
}

html body .rn-news-body-meta-top .rn-meta-line {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 7px !important;
    width: auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

html body .rn-meta-line-primary {
    flex: 1 1 auto !important;
}

html body .rn-meta-line-author {
    flex: 0 1 auto !important;
}

html body .rn-news-location-label,
html body .rn-news-posted-date,
html body .rn-feed-author {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

html body .rn-news-location-label {
    max-width: 150px !important;
}

html body .rn-news-posted-date {
    max-width: 190px !important;
    color: rgba(255,255,255,.78) !important;
}

html body .rn-feed-author {
    max-width: 150px !important;
}

@media (max-width: 768px) {
    html body .rn-news-body-meta-top {
        max-width: calc(100% - 76px) !important;
        min-width: calc(100% - 104px) !important;
        min-height: 35px !important;
        height: 35px !important;
        padding: 5px 10px !important;
        gap: 5px !important;
    }

    html body .rn-news-body-meta-top .rn-meta-line {
        gap: 5px !important;
    }

    html body .rn-news-location-label {
        font-size: 11px !important;
        max-width: 30% !important;
    }

    html body .rn-news-posted-date {
        font-size: 10px !important;
        max-width: 38% !important;
        color: rgba(255,255,255,.80) !important;
    }

    html body .rn-feed-author {
        font-size: 10px !important;
        max-width: 32% !important;
    }
}

@media (max-width: 380px) {
    html body .rn-news-body-meta-top {
        max-width: calc(100% - 70px) !important;
        min-width: calc(100% - 98px) !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    html body .rn-news-location-label {
        max-width: 28% !important;
    }

    html body .rn-news-posted-date {
        max-width: 40% !important;
    }

    html body .rn-feed-author {
        max-width: 32% !important;
    }
}

@media (min-width: 900px) and (orientation: landscape) {
    html body .rn-news-body-meta-top {
        width: min(780px, calc(100% - 150px)) !important;
        max-width: calc(100% - 150px) !important;
        min-height: 36px !important;
        height: 36px !important;
        padding: 6px 14px !important;
    }

    html body .rn-news-location-label {
        max-width: 220px !important;
    }

    html body .rn-news-posted-date {
        max-width: 240px !important;
    }

    html body .rn-feed-author {
        max-width: 220px !important;
    }
}

/* Copy protection on public feed */
html body .rn-reels-shell,
html body .rn-feed-card,
html body .rn-news-body-area,
html body .rn-news-content-panel,
html body .rn-news-title,
html body .rn-news-excerpt,
html body .rn-read-more-modal,
html body .rn-read-more-modal * {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important;
}

/* keep inputs/forms usable */
html body input,
html body textarea,
html body select,
html body button,
html body .rn-comments-sheet,
html body .rn-comments-sheet *,
html body .rn-login-modal,
html body .rn-login-modal *,
html body .rn-issue-modal,
html body .rn-issue-modal * {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
    -webkit-touch-callout: default !important;
}


/* ==========================================================
   MOBILE LANGUAGE + META FINAL FIX
   Desktop unchanged.
   Mobile:
   - meta capsule auto-adjusts, no hidden/cut text
   - action dock smaller, shorter, lower toward ticker
   - poll emoji gets breathing space
   - readmore stays responsive in every language
   - language menu text remains original
========================================================== */

html body .rn-translate-menu,
html body .rn-translate-menu *,
html body .rn-translate-bubble,
html body .rn-translate-bubble * {
    translate: no !important;
}

/* Read More language-safe */
html body .rn-read-more-body-capsule,
html body .rn-read-more-inline.rn-read-more-body-capsule {
    width: auto !important;
    min-width: 74px !important;
    max-width: 180px !important;
    height: auto !important;
    min-height: 28px !important;
    padding: 7px 11px !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.1 !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
}

/* Mobile only */
@media (max-width: 768px) {
    /* meta capsule: auto height and content visible */
    html body .rn-news-body-meta-top {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: calc(100% - 96px) !important;
        height: auto !important;
        min-height: 34px !important;
        max-height: none !important;
        padding: 6px 11px !important;
        gap: 4px 8px !important;
        overflow: visible !important;
        border-radius: 19px !important;
    }

    html body .rn-news-body-meta-top .rn-meta-line {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        width: auto !important;
        max-width: 100% !important;
        overflow: visible !important;
        white-space: normal !important;
        flex-wrap: wrap !important;
    }

    html body .rn-meta-line-primary,
    html body .rn-meta-line-author {
        flex: 0 1 auto !important;
    }

    html body .rn-news-location-label,
    html body .rn-news-posted-date,
    html body .rn-feed-author {
        font-size: 10.5px !important;
        line-height: 1.15 !important;
        max-width: none !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        color: rgba(255,255,255,.86) !important;
    }

    /* Action dock smaller, shorter and closer to ticker */
    html body .rn-action-bar {
        top: auto !important;
        bottom: 132px !important;
        right: 0 !important;
        transform: none !important;
        width: 52px !important;
        padding: 6px 4px !important;
        gap: 7px !important;
        border-radius: 24px 0 0 24px !important;
    }

    html body .rn-action-item {
        gap: 1px !important;
        min-height: auto !important;
    }

    html body .rn-action-btn,
    html body .rn-action-bar .rn-translate-toggle {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
    }

    html body .rn-action-btn svg,
    html body .rn-action-btn img {
        width: 22px !important;
        height: 22px !important;
    }

    html body .rn-action-item .rn-count,
    html body .rn-action-label,
    html body .rn-issue-label {
        font-size: 8.5px !important;
        line-height: 1 !important;
    }

    html body .rn-action-bar .rn-translate-bubble {
        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
    }

    html body .rn-translate-menu {
        right: 48px !important;
        top: -8px !important;
        width: 174px !important;
        max-height: 250px !important;
    }

    /* move poll a little left so emoji doesn't touch action dock/wall */
    html body .rn-feed-poll,
    html body .rn-feed-poll-big {
        right: 54px !important;
    }

    html body .rn-feed-poll .rn-poll-emoji-display,
    html body .rn-feed-poll-big .rn-poll-emoji-display {
        left: calc(100% + 4px) !important;
    }

    html body .rn-read-more-body-capsule,
    html body .rn-read-more-inline.rn-read-more-body-capsule {
        right: 62px !important;
        bottom: 136px !important;
        min-width: 72px !important;
        max-width: 160px !important;
        min-height: 28px !important;
        padding: 7px 10px !important;
        font-size: 10px !important;
        border-radius: 999px !important;
    }
}

/* Compact mobile screens */
@media (max-width: 768px) and (max-height: 760px) {
    html body .rn-action-bar {
        bottom: 124px !important;
    }

    html body .rn-read-more-body-capsule,
    html body .rn-read-more-inline.rn-read-more-body-capsule {
        bottom: 128px !important;
    }
}


/* ==========================================================
   TABLET / LANDSCAPE MEDIA HEIGHT FIX
   - Only landscape tablet/small landscape screens.
   - Decreases image/video area about 1cm.
   - Gives more visible space to title + description.
   - Normal desktop and portrait mobile untouched.
========================================================== */

@media (orientation: landscape) and (min-width: 769px) and (max-width: 1180px) {
    html body .rn-feed-card {
        min-height: calc(100dvh - 56px) !important;
        height: calc(100dvh - 56px) !important;
    }

    html body .rn-media-wrap,
    html body .rn-news-media,
    html body .rn-feed-media,
    html body .rn-image-wrap,
    html body .rn-featured-image-wrap,
    html body .rn-card-media {
        height: 34dvh !important;
        max-height: 34dvh !important;
        min-height: 220px !important;
    }

    html body .rn-media-wrap img,
    html body .rn-news-media img,
    html body .rn-feed-media img,
    html body .rn-image-wrap img,
    html body .rn-featured-image-wrap img,
    html body .rn-card-media img,
    html body .rn-media-wrap video,
    html body .rn-news-media video,
    html body .rn-feed-media video,
    html body .rn-image-wrap video,
    html body .rn-featured-image-wrap video,
    html body .rn-card-media video {
        height: 100% !important;
        max-height: 100% !important;
        object-fit: cover !important;
    }

    html body .rn-news-body-area,
    html body .rn-news-content-panel,
    html body .rn-card-body,
    html body .rn-feed-card-body {
        min-height: calc(100dvh - 34dvh - 128px) !important;
        height: auto !important;
        padding-top: 16px !important;
        padding-bottom: 56px !important;
    }

    html body .rn-news-title {
        font-size: clamp(18px, 2.25vw, 26px) !important;
        line-height: 1.12 !important;
        margin-bottom: 12px !important;
    }

    html body .rn-news-excerpt,
    html body .rn-news-summary,
    html body .rn-card-excerpt {
        font-size: clamp(13px, 1.35vw, 16px) !important;
        line-height: 1.45 !important;
        max-height: none !important;
        -webkit-line-clamp: unset !important;
        overflow: visible !important;
    }

    html body .rn-action-bar {
        top: 30dvh !important;
        bottom: auto !important;
    }

    html body .rn-read-more-body-capsule,
    html body .rn-read-more-inline.rn-read-more-body-capsule {
        bottom: 72px !important;
        right: 64px !important;
    }
}

/* tighter tablet landscape like screenshot */
@media (orientation: landscape) and (min-width: 769px) and (max-width: 980px) {
    html body .rn-media-wrap,
    html body .rn-news-media,
    html body .rn-feed-media,
    html body .rn-image-wrap,
    html body .rn-featured-image-wrap,
    html body .rn-card-media {
        height: 32dvh !important;
        max-height: 32dvh !important;
        min-height: 190px !important;
    }

    html body .rn-news-body-area,
    html body .rn-news-content-panel,
    html body .rn-card-body,
    html body .rn-feed-card-body {
        min-height: calc(100dvh - 32dvh - 124px) !important;
        padding-top: 14px !important;
    }
}


/* ==========================================================
   N5TG FINAL COMMENT + TICKER ACTIONS FIX
   Clean implementation:
   - Ticker is limited to feed area on desktop, full width on mobile.
   - Three compact ticker rows, each 18px.
   - Ticker text scrolls continuously.
   - Comment popup is usable: close works, post works, textarea works.
   - Mobile ticker remains visible above bottom menu.
========================================================== */

/* ---------- TICKER MODULE ---------- */
html body .rn-bottom-tickers-wrap {
    position: fixed !important;
    z-index: 99990 !important;
    height: 54px !important;
    max-height: 54px !important;
    overflow: hidden !important;
    pointer-events: none !important;
    display: flex !important;
    flex-direction: column !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: transparent !important;
}

/* Desktop: between left sidebar and latest-news panel */
@media (min-width: 1025px) {
    html body .rn-bottom-tickers-wrap {
        left: 224px !important;
        right: 314px !important;
        bottom: 0 !important;
        width: auto !important;
    }
}

/* Tablet/landscape small: full content width */
@media (min-width: 769px) and (max-width: 1024px) {
    html body .rn-bottom-tickers-wrap {
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
    }
}

/* Mobile: fixed above bottom nav */
@media (max-width: 768px) {
    html body .rn-bottom-tickers-wrap {
        left: 0 !important;
        right: 0 !important;
        bottom: 70px !important;
        width: 100vw !important;
    }
}

html body .rn-bottom-tickers-wrap .rn-bottom-ticker {
    flex: 0 0 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    line-height: 18px !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 9px !important;
}

html body .rn-bottom-tickers-wrap .rn-bottom-ticker-label {
    flex: 0 0 auto !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    line-height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    padding: 0 8px !important;
    font-size: 9px !important;
    font-weight: 950 !important;
}

html body .rn-bottom-tickers-wrap .rn-bottom-ticker-track {
    position: relative !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    line-height: 18px !important;
    display: block !important;
    overflow: hidden !important;
}

html body .rn-bottom-tickers-wrap .rn-bottom-ticker-text {
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    display: inline-block !important;
    white-space: nowrap !important;
    min-width: max-content !important;
    height: 18px !important;
    line-height: 18px !important;
    font-size: 9px !important;
    animation: rnTickerFinalMove 28s linear infinite !important;
    will-change: transform !important;
}

@keyframes rnTickerFinalMove {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-100% - 100vw)); }
}

/* ---------- COMMENTS MODULE ---------- */
html body .rn-comments-overlay,
html body .rn-comment-overlay,
html body .rn-comments-backdrop,
html body .rn-modal-overlay.rn-comments-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999900 !important;
    background: rgba(0, 0, 0, .52) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    pointer-events: auto !important;
}

html body .rn-comments-overlay.active,
html body .rn-comments-overlay.open,
html body .rn-comment-overlay.active,
html body .rn-comments-backdrop.active,
html body .rn-modal-overlay.rn-comments-overlay.active,
html body.rn-comments-open .rn-comments-overlay,
html body.rn-comments-open .rn-comment-overlay,
html body.rn-comments-open .rn-comments-backdrop {
    display: flex !important;
}

html body .rn-comments-sheet,
html body .rn-comments-panel,
html body .rn-comments-box,
html body .rn-comment-sheet,
html body .rn-comment-panel,
html body .rn-comments-modal {
    z-index: 999910 !important;
    pointer-events: auto !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #111 !important;
    background: #fff !important;
    box-shadow: 0 24px 90px rgba(0,0,0,.42) !important;
}

html body .rn-comments-sheet *,
html body .rn-comments-panel *,
html body .rn-comments-box *,
html body .rn-comment-sheet *,
html body .rn-comment-panel *,
html body .rn-comments-modal * {
    filter: none !important;
    pointer-events: auto !important;
}

html body .rn-comments-sheet input,
html body .rn-comments-sheet textarea,
html body .rn-comments-panel input,
html body .rn-comments-panel textarea,
html body .rn-comments-box input,
html body .rn-comments-box textarea,
html body .rn-comment-sheet input,
html body .rn-comment-sheet textarea,
html body .rn-comment-panel input,
html body .rn-comment-panel textarea,
html body .rn-comments-modal input,
html body .rn-comments-modal textarea {
    pointer-events: auto !important;
    user-select: text !important;
    -webkit-user-select: text !important;
    -webkit-touch-callout: default !important;
    color: #111 !important;
    background: #fff !important;
    opacity: 1 !important;
}

html body .rn-comment-submit,
html body .rn-submit-comment,
html body .rn-post-comment,
html body .rn-comments-sheet button[type="submit"],
html body .rn-comments-panel button[type="submit"],
html body .rn-comments-box button[type="submit"],
html body .rn-comment-close,
html body .rn-comments-close,
html body .rn-close-comments,
html body .rn-comments-sheet .rn-modal-close,
html body .rn-comments-panel .rn-modal-close,
html body .rn-comments-box .rn-modal-close {
    pointer-events: auto !important;
    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    z-index: 999999 !important;
}

html body.rn-comments-open .rn-feed-card,
html body.rn-comments-open .rn-reels-shell,
html body.rn-comments-open #rn-feed-wrapper,
html body.rn-comments-open .rn-feed-wrapper {
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Mobile comment sheet keeps input accessible */
@media (max-width: 768px) {
    html body .rn-comments-overlay,
    html body .rn-comment-overlay,
    html body .rn-comments-backdrop,
    html body .rn-modal-overlay.rn-comments-overlay {
        align-items: flex-end !important;
        justify-content: center !important;
    }

    html body .rn-comments-sheet,
    html body .rn-comments-panel,
    html body .rn-comments-box,
    html body .rn-comment-sheet,
    html body .rn-comment-panel,
    html body .rn-comments-modal {
        width: 100vw !important;
        max-width: 100vw !important;
        max-height: 74dvh !important;
        overflow-y: auto !important;
        border-radius: 20px 20px 0 0 !important;
    }
}


/* ==========================================================
   N5TG FINAL REQUIRED FIXES: MOBILE TICKER + COMMENTS + VIEW
========================================================== */

/* View count capsule position */
html body .rn-floating-view-count {
    position: absolute !important;
    right: 118px !important;
    top: 18px !important;
    z-index: 30 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-height: 30px !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    background: rgba(0,0,0,.58) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

@media (max-width: 768px) {
    html body .rn-floating-view-count {
        right: 76px !important;
        top: 10px !important;
        min-height: 25px !important;
        padding: 5px 8px !important;
        font-size: 10px !important;
    }
}

/* Mobile ticker visible above bottom nav */
@media (max-width: 768px) {
    html body .rn-bottom-tickers-wrap {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 70px !important;
        width: 100vw !important;
        height: 54px !important;
        max-height: 54px !important;
        display: flex !important;
        flex-direction: column !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 999990 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        transform: translateZ(0) !important;
    }
}

/* Desktop ticker only feed area */
@media (min-width: 1025px) {
    html body .rn-bottom-tickers-wrap {
        left: 224px !important;
        right: 314px !important;
        width: auto !important;
        bottom: 0 !important;
    }
}

/* exact ticker rows */
html body .rn-bottom-tickers-wrap .rn-bottom-ticker {
    flex: 0 0 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    line-height: 18px !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .rn-bottom-tickers-wrap .rn-bottom-ticker-label {
    flex: 0 0 auto !important;
    height: 18px !important;
    line-height: 18px !important;
    padding: 0 8px !important;
    font-size: 9px !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

html body .rn-bottom-tickers-wrap .rn-bottom-ticker-track {
    position: relative !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 18px !important;
    line-height: 18px !important;
    display: block !important;
    overflow: hidden !important;
}

html body .rn-bottom-tickers-wrap .rn-bottom-ticker-text {
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    height: 18px !important;
    line-height: 18px !important;
    font-size: 9px !important;
    white-space: nowrap !important;
    min-width: max-content !important;
    animation: rnTickerRequiredMove 26s linear infinite !important;
}

@keyframes rnTickerRequiredMove {
    from { transform: translateX(0); }
    to { transform: translateX(calc(-100% - 100vw)); }
}

/* Comment module: buttons and inputs clickable */
html body .rn-comments-overlay,
html body .rn-comment-overlay,
html body .rn-comments-backdrop,
html body .rn-modal-overlay.rn-comments-overlay {
    z-index: 999900 !important;
    pointer-events: auto !important;
}

html body .rn-comments-sheet,
html body .rn-comments-panel,
html body .rn-comments-box,
html body .rn-comment-sheet,
html body .rn-comment-panel,
html body .rn-comments-modal {
    z-index: 999910 !important;
    pointer-events: auto !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html body .rn-comments-sheet button,
html body .rn-comments-panel button,
html body .rn-comments-box button,
html body .rn-comment-sheet button,
html body .rn-comment-panel button,
html body .rn-comments-modal button,
html body .rn-comment-close,
html body .rn-comments-close,
html body .rn-close-comments,
html body .rn-modal-close,
html body .rn-comment-submit,
html body .rn-submit-comment,
html body .rn-post-comment {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 999999 !important;
}

html body .rn-comments-sheet input,
html body .rn-comments-sheet textarea,
html body .rn-comments-panel input,
html body .rn-comments-panel textarea,
html body .rn-comments-box input,
html body .rn-comments-box textarea {
    pointer-events: auto !important;
    user-select: text !important;
    -webkit-user-select: text !important;
    color: #111 !important;
    background: #fff !important;
}


/* ==========================================================
   N5TG HARD FIX FINAL: comments, mobile ticker, outside views
========================================================== */

/* No old/broken floating view block */
html body .rn-floating-view-count {
    display: none !important;
}

/* View counter outside/right of meta capsule */
html body .rn-news-view-count-outside {
    position: absolute !important;
    right: 84px !important;
    top: 12px !important;
    z-index: 45 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    min-height: 28px !important;
    padding: 6px 11px !important;
    border-radius: 999px !important;
    background: rgba(0,0,0,.58) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.25) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

@media (max-width: 768px) {
    html body .rn-news-view-count-outside {
        right: 68px !important;
        top: 8px !important;
        min-height: 24px !important;
        padding: 5px 8px !important;
        font-size: 9.5px !important;
    }
}

/* Ticker rail: force mobile visible and not hidden by old hideTicker() */
html body .rn-bottom-tickers-wrap {
    position: fixed !important;
    z-index: 999990 !important;
    height: 54px !important;
    max-height: 54px !important;
    overflow: hidden !important;
    pointer-events: none !important;
    display: flex !important;
    flex-direction: column !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: transparent !important;
}

@media (min-width: 1025px) {
    html body .rn-bottom-tickers-wrap {
        left: 224px !important;
        right: 314px !important;
        width: auto !important;
        bottom: 0 !important;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    html body .rn-bottom-tickers-wrap {
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        bottom: 0 !important;
    }
}

@media (max-width: 768px) {
    html body .rn-bottom-tickers-wrap {
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        bottom: 70px !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

html body .rn-bottom-tickers-wrap .rn-bottom-ticker {
    flex: 0 0 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    line-height: 18px !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .rn-bottom-tickers-wrap .rn-bottom-ticker-label {
    flex: 0 0 auto !important;
    height: 18px !important;
    line-height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 8px !important;
    font-size: 9px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

html body .rn-bottom-tickers-wrap .rn-bottom-ticker-track {
    position: relative !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 18px !important;
    line-height: 18px !important;
    display: block !important;
    overflow: hidden !important;
}

html body .rn-bottom-tickers-wrap .rn-bottom-ticker-text {
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    display: inline-block !important;
    min-width: max-content !important;
    white-space: nowrap !important;
    height: 18px !important;
    line-height: 18px !important;
    font-size: 9px !important;
    animation: rnHardTickerMove 28s linear infinite !important;
}

@keyframes rnHardTickerMove {
    from { transform: translateX(0); }
    to { transform: translateX(calc(-100% - 100vw)); }
}

/* Comments: make close + post button + text input actually clickable */
html body .rn-comment-sheet.active,
html body .rn-comment-sheet,
html body .rn-comments-sheet,
html body .rn-comments-panel,
html body .rn-comments-box,
html body .rn-comment-panel,
html body .rn-comments-modal {
    z-index: 999910 !important;
    pointer-events: auto !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html body .rn-comment-sheet.active {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body .rn-comment-sheet *,
html body .rn-comments-sheet *,
html body .rn-comments-panel *,
html body .rn-comments-box * {
    pointer-events: auto !important;
}

html body .rn-comment-input,
html body .rn-comments-sheet textarea,
html body .rn-comments-panel textarea,
html body .rn-comments-box textarea {
    pointer-events: auto !important;
    user-select: text !important;
    -webkit-user-select: text !important;
    color: #111 !important;
    background: #fff !important;
}

html body .rn-comment-close,
html body .rn-comments-close,
html body .rn-close-comments,
html body .rn-modal-close,
html body .rn-comment-submit,
html body .rn-submit-comment,
html body .rn-post-comment {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 999999 !important;
}


/* ==========================================================
   N5TG VIEWPORT TICKER REBUILD CSS
   The old feed-contained ticker is hidden. New ticker is fixed to viewport.
========================================================== */

/* Hide old ticker rendered inside feed/card if any old build still outputs it */
html body .rn-bottom-tickers-wrap {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* New independent viewport ticker */
html body #rn-viewport-tickers.rn-viewport-tickers {
    position: fixed !important;
    z-index: 2147483000 !important;
    height: auto !important;
    max-height: 66px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: none !important;
    transform: translate3d(0,0,0) !important;
    contain: layout paint !important;
}

/* Desktop: align to feed area between left and latest-news columns */
@media (min-width: 1025px) {
    html body #rn-viewport-tickers.rn-viewport-tickers {
        left: 224px !important;
        right: 314px !important;
        bottom: 0 !important;
        width: auto !important;
    }
}

/* Tablet / landscape: use available viewport width */
@media (min-width: 769px) and (max-width: 1024px) {
    html body #rn-viewport-tickers.rn-viewport-tickers {
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
    }
}

/* Mobile: always above bottom navigation */
@media (max-width: 768px) {
    html body #rn-viewport-tickers.rn-viewport-tickers {
        left: 0 !important;
        right: 0 !important;
        bottom: 68px !important;
        width: 100vw !important;
        max-height: 54px !important;
        z-index: 2147483000 !important;
    }
}

html body #rn-viewport-tickers .rn-viewport-ticker-row {
    flex: 0 0 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    line-height: 18px !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: auto !important;
    box-sizing: border-box !important;
}

@media (min-width: 769px) {
    html body #rn-viewport-tickers .rn-viewport-ticker-row {
        flex-basis: 22px !important;
        height: 22px !important;
        min-height: 22px !important;
        max-height: 22px !important;
        line-height: 22px !important;
    }
}

html body #rn-viewport-tickers .rn-viewport-ticker-label {
    flex: 0 0 auto !important;
    height: 100% !important;
    line-height: inherit !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    padding: 0 9px !important;
    font-size: 9px !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    letter-spacing: .2px !important;
    text-transform: uppercase !important;
}

@media (min-width: 769px) {
    html body #rn-viewport-tickers .rn-viewport-ticker-label {
        font-size: 10px !important;
        padding: 0 10px !important;
    }
}

html body #rn-viewport-tickers .rn-viewport-ticker-track {
    position: relative !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 100% !important;
    line-height: inherit !important;
    overflow: hidden !important;
    display: block !important;
}

html body #rn-viewport-tickers .rn-viewport-ticker-text {
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    display: inline-block !important;
    white-space: nowrap !important;
    min-width: max-content !important;
    height: 100% !important;
    line-height: inherit !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    animation-name: rnViewportTickerMove !important;
    animation-duration: var(--rnTickerSpeed, 32s) !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
    will-change: transform !important;
}

@media (min-width: 769px) {
    html body #rn-viewport-tickers .rn-viewport-ticker-text {
        font-size: 10px !important;
    }
}

@keyframes rnViewportTickerMove {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-100% - 100vw)); }
}

/* Protect mobile bottom menu above all except ticker still visible */
@media (max-width: 768px) {
    html body .rn-mobile-bottom-nav,
    html body .rn-bottom-nav {
        z-index: 2147482000 !important;
    }
}


/* ==========================================================
   N5TG MOBILE PREVIOUS SCROLL FIX ONLY
   Prevent browser pull-to-refresh while keeping current snap layout.
========================================================== */
@media (max-width: 768px) {
    html,
    body {
        overscroll-behavior-y: none !important;
        overscroll-behavior-x: none !important;
    }

    html body #rn-feed-wrapper,
    html body .rn-feed-wrapper,
    html body .rn-feed-container,
    html body .rn-feed-shell,
    html body .rn-reels-shell {
        overscroll-behavior-y: contain !important;
        overscroll-behavior-x: none !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
    }
}


/* ==========================================================
   N5TG FINAL 35/65 FEED LAYOUT FIX
   Only layout corrections:
   - Image/video area = 35% viewport height.
   - Content area gets remaining space.
   - Views capsule stays completely outside meta capsule.
   - Read More remains right side and moves 3-5mm upward.
   - Ticker rebuild is untouched.
========================================================== */

/* Image/video section: 35% */
html body .rn-feed-card .rn-feed-image {
    height: 35dvh !important;
    min-height: 35dvh !important;
    max-height: 35dvh !important;
    flex: 0 0 35dvh !important;
}

html body .rn-feed-card .rn-feed-image img,
html body .rn-feed-card .rn-feed-image video,
html body .rn-feed-card .rn-feed-video {
    height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
}

/* Content section: remaining space */
html body .rn-feed-card .rn-news-body-area {
    flex: 1 1 auto !important;
    min-height: calc(65dvh - 86px) !important;
    height: auto !important;
    padding-top: 18px !important;
    padding-bottom: 78px !important;
    position: relative !important;
}

/* Keep content panel as the anchor for view capsule */
html body .rn-feed-card .rn-news-content-panel {
    position: relative !important;
    padding-right: 128px !important;
}

/* Views capsule: completely outside meta capsule, right side */
html body .rn-feed-card .rn-news-view-count-outside {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 44 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    min-height: 28px !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    background: rgba(0,0,0,.58) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.25) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    margin: 0 !important;
}

/* Meta capsule should not reserve space for views */
html body .rn-feed-card .rn-news-body-meta-top {
    max-width: calc(100% - 136px) !important;
    margin-bottom: 14px !important;
}

/* Readmore: right side as before, 3-5mm upward */
html body .rn-feed-card .rn-read-more-body-capsule,
html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule {
    position: absolute !important;
    right: 58px !important;
    bottom: 86px !important;
    z-index: 43 !important;
    margin: 0 !important;
    min-height: 34px !important;
    padding: 9px 16px !important;
    white-space: nowrap !important;
}

/* Desktop / landscape adjustments */
@media (min-width: 769px) {
    html body .rn-feed-card .rn-feed-image {
        height: 35vh !important;
        min-height: 35vh !important;
        max-height: 35vh !important;
        flex-basis: 35vh !important;
    }

    html body .rn-feed-card .rn-news-body-area {
        min-height: calc(65vh - 66px) !important;
        padding-top: 18px !important;
        padding-bottom: 82px !important;
    }

    html body .rn-feed-card .rn-read-more-body-capsule,
    html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule {
        right: 58px !important;
        bottom: 82px !important;
    }
}

/* Mobile keeps 35/65 too, with safe spacing for action bar */
@media (max-width: 768px) {
    html body .rn-feed-card .rn-feed-image {
        height: 35svh !important;
        min-height: 35svh !important;
        max-height: 35svh !important;
        flex-basis: 35svh !important;
    }

    html body .rn-feed-card .rn-news-body-area {
        min-height: calc(65svh - 124px) !important;
        padding-top: 16px !important;
        padding-right: 86px !important;
        padding-bottom: 132px !important;
    }

    html body .rn-feed-card .rn-news-content-panel {
        padding-right: 0 !important;
    }

    html body .rn-feed-card .rn-news-body-meta-top {
        max-width: calc(100% - 8px) !important;
        margin-bottom: 12px !important;
    }

    html body .rn-feed-card .rn-news-view-count-outside {
        position: absolute !important;
        top: 8px !important;
        right: 76px !important;
        min-height: 24px !important;
        padding: 5px 8px !important;
        font-size: 9px !important;
    }

    html body .rn-feed-card .rn-read-more-body-capsule,
    html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule {
        right: 76px !important;
        bottom: 128px !important;
        min-height: 32px !important;
        padding: 8px 13px !important;
        font-size: 11px !important;
    }
}


/* ==========================================================
   N5TG FINAL VIEW + TEXT WIDTH + AD SCROLL + LOADER REMOVAL
   Ticker system untouched.
========================================================== */

/* Remove startup loading screen completely */
html body .rn-feed-preloader {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Correct desktop/image ratio: image 35%, content rest */
html body .rn-feed-card {
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
}

html body .rn-feed-card .rn-feed-image {
    height: 35vh !important;
    height: 35dvh !important;
    min-height: 35vh !important;
    min-height: 35dvh !important;
    max-height: 35vh !important;
    max-height: 35dvh !important;
    flex: 0 0 35dvh !important;
}

html body .rn-feed-card .rn-feed-image img,
html body .rn-feed-card .rn-feed-image video,
html body .rn-feed-card .rn-feed-video {
    height: 100% !important;
    object-fit: cover !important;
}

/* Content: use all available width until before action module */
html body .rn-feed-card .rn-news-body-area {
    min-height: calc(65dvh - 54px) !important;
    height: auto !important;
    padding-top: 18px !important;
    padding-left: 34px !important;
    padding-right: 78px !important;
    padding-bottom: 78px !important;
    overflow: hidden !important;
}

html body .rn-feed-card .rn-news-content-panel {
    padding-right: 0 !important;
    max-width: calc(100% - 14px) !important;
    width: calc(100% - 14px) !important;
}

/* Meta details complete, no half hidden text */
html body .rn-feed-card .rn-news-body-meta-top {
    width: auto !important;
    max-width: calc(100% - 150px) !important;
    min-height: auto !important;
    height: auto !important;
    padding: 7px 14px !important;
    overflow: visible !important;
    white-space: normal !important;
}

html body .rn-feed-card .rn-meta-line {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

html body .rn-feed-card .rn-news-location-label,
html body .rn-feed-card .rn-news-posted-date,
html body .rn-feed-card .rn-feed-author {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

/* View counter: mobile/desktop outside the meta capsule, in the marked right space */
html body .rn-feed-card .rn-news-view-count-outside {
    position: absolute !important;
    top: 18px !important;
    right: 118px !important;
    z-index: 48 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    min-height: 28px !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    background: rgba(0,0,0,.62) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.26) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

/* Make title/description wider and longer */
html body .rn-feed-card .rn-feed-title {
    max-width: calc(100% - 12px) !important;
    width: calc(100% - 12px) !important;
    padding-right: 0 !important;
    font-size: clamp(20px, 2.1vw, 27px) !important;
    line-height: 1.12 !important;
    margin-bottom: 14px !important;
}

html body .rn-feed-card .rn-feed-excerpt {
    max-width: calc(100% - 8px) !important;
    width: calc(100% - 8px) !important;
    padding-right: 0 !important;
    font-size: clamp(14px, 1.2vw, 16px) !important;
    line-height: 1.42 !important;
    -webkit-line-clamp: 8 !important;
    overflow: hidden !important;
}

/* Readmore remains right side, 3-5mm upward */
html body .rn-feed-card .rn-read-more-body-capsule,
html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule {
    right: 74px !important;
    bottom: 76px !important;
    z-index: 46 !important;
}

/* Ad slide: easy one-scroll movement, no sticky/tough scroll */
html body .rn-smart-ad-card,
html body .rn-ad-card {
    height: 100dvh !important;
    min-height: 100dvh !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: normal !important;
    overflow: hidden !important;
    touch-action: pan-y !important;
    overscroll-behavior-y: contain !important;
}

html body .rn-smart-ad-card .rn-ad-media-wrap,
html body .rn-ad-card .rn-ad-media-wrap {
    height: calc(100dvh - 190px) !important;
    min-height: 0 !important;
    max-height: none !important;
}

html body .rn-ad-media-link,
html body .rn-ad-image,
html body .rn-ad-video {
    pointer-events: none !important;
}

/* Mobile specifics */
@media (max-width: 768px) {
    html body .rn-feed-card .rn-feed-image {
        height: 35svh !important;
        min-height: 35svh !important;
        max-height: 35svh !important;
        flex-basis: 35svh !important;
    }

    html body .rn-feed-card .rn-news-body-area {
        min-height: calc(65svh - 124px) !important;
        padding-top: 16px !important;
        padding-left: 12px !important;
        padding-right: 78px !important;
        padding-bottom: 130px !important;
    }

    html body .rn-feed-card .rn-news-content-panel {
        width: 100% !important;
        max-width: 100% !important;
    }

    html body .rn-feed-card .rn-news-body-meta-top {
        max-width: calc(100% - 4px) !important;
        padding: 7px 12px !important;
        margin-bottom: 14px !important;
    }

    html body .rn-feed-card .rn-news-view-count-outside {
        top: 14px !important;
        right: 78px !important;
        min-height: 24px !important;
        padding: 5px 8px !important;
        font-size: 9px !important;
    }

    html body .rn-feed-card .rn-feed-title {
        max-width: calc(100% - 4px) !important;
        width: calc(100% - 4px) !important;
        font-size: clamp(20px, 5vw, 25px) !important;
        line-height: 1.12 !important;
        padding-right: 0 !important;
    }

    html body .rn-feed-card .rn-feed-excerpt {
        max-width: calc(100% - 4px) !important;
        width: calc(100% - 4px) !important;
        font-size: clamp(14px, 4vw, 17px) !important;
        line-height: 1.42 !important;
        -webkit-line-clamp: 9 !important;
        padding-right: 0 !important;
    }

    html body .rn-feed-card .rn-read-more-body-capsule,
    html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule {
        right: 78px !important;
        bottom: 124px !important;
    }

    html body .rn-smart-ad-card,
    html body .rn-ad-card {
        scroll-snap-stop: normal !important;
    }

    html body .rn-smart-ad-card .rn-ad-media-wrap,
    html body .rn-ad-card .rn-ad-media-wrap {
        height: calc(100svh - 215px) !important;
        min-height: 0 !important;
    }
}


/* ==========================================================
   N5TG FINAL LAYOUT + FONT + SEPARATE VIEW COUNTER
   Only affects:
   - 35% media / 65% content layout
   - previous smaller title/description fonts
   - view counter as separate right-side capsule
   Does NOT touch ticker, comments, language, action buttons, or scrolling.
========================================================== */

/* Remove old/broken view counter if any previous pack left it */
html body .rn-floating-view-count,
html body .rn-news-view-count-inline {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Feed card remains one viewport */
html body .rn-feed-card {
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    overflow: hidden !important;
}

/* Image/video = 35% */
html body .rn-feed-card .rn-feed-image {
    height: 35vh !important;
    height: 35dvh !important;
    min-height: 35vh !important;
    min-height: 35dvh !important;
    max-height: 35vh !important;
    max-height: 35dvh !important;
    flex: 0 0 35dvh !important;
}

html body .rn-feed-card .rn-feed-image img,
html body .rn-feed-card .rn-feed-image video,
html body .rn-feed-card .rn-feed-video {
    height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
}

/* Content = rest of card, wide text until before action module */
html body .rn-feed-card .rn-news-body-area {
    min-height: calc(65dvh - 54px) !important;
    height: auto !important;
    padding-top: 18px !important;
    padding-left: 34px !important;
    padding-right: 80px !important;
    padding-bottom: 78px !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Content should use full available width, not stop early */
html body .rn-feed-card .rn-news-content-panel {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 0 !important;
}

/* Meta capsule contains only location/date/user and must show fully */
html body .rn-feed-card .rn-news-body-meta-top {
    width: max-content !important;
    max-width: calc(100% - 165px) !important;
    min-height: 30px !important;
    height: auto !important;
    padding: 7px 14px !important;
    margin-bottom: 13px !important;
    overflow: visible !important;
    white-space: normal !important;
}

html body .rn-feed-card .rn-meta-line {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
}

html body .rn-feed-card .rn-news-location-label,
html body .rn-feed-card .rn-news-posted-date,
html body .rn-feed-card .rn-feed-author {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

/* Views capsule: completely separate, right side, outside meta capsule */
html body .rn-feed-card .rn-news-view-count-outside {
    position: absolute !important;
    top: 18px !important;
    right: 112px !important;
    z-index: 48 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    min-height: 28px !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    background: rgba(0,0,0,.62) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.26) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    margin: 0 !important;
}

/* Restore smaller title size like before */
html body .rn-feed-card .rn-feed-title {
    width: calc(100% - 8px) !important;
    max-width: calc(100% - 8px) !important;
    padding-right: 0 !important;
    font-size: clamp(18px, 1.72vw, 24px) !important;
    line-height: 1.08 !important;
    margin-bottom: 13px !important;
}

/* Restore smaller description size like before, just wider */
html body .rn-feed-card .rn-feed-excerpt {
    width: calc(100% - 8px) !important;
    max-width: calc(100% - 8px) !important;
    padding-right: 0 !important;
    font-size: clamp(12.5px, 1.02vw, 14.5px) !important;
    line-height: 1.36 !important;
    -webkit-line-clamp: 9 !important;
    overflow: hidden !important;
}

/* Read more: right side, a little upward */
html body .rn-feed-card .rn-read-more-body-capsule,
html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule {
    right: 74px !important;
    bottom: 78px !important;
    z-index: 46 !important;
}

/* Desktop and landscape layout */
@media (min-width: 769px) {
    html body .rn-feed-card .rn-feed-image {
        height: 35vh !important;
        min-height: 35vh !important;
        max-height: 35vh !important;
        flex-basis: 35vh !important;
    }

    html body .rn-feed-card .rn-news-body-area {
        min-height: calc(65vh - 54px) !important;
        padding-top: 18px !important;
        padding-right: 82px !important;
        padding-bottom: 78px !important;
    }

    html body .rn-feed-card .rn-news-view-count-outside {
        right: 112px !important;
        top: 18px !important;
    }
}

/* Mobile */
@media (max-width: 768px) {
    html body .rn-feed-card .rn-feed-image {
        height: 35svh !important;
        min-height: 35svh !important;
        max-height: 35svh !important;
        flex-basis: 35svh !important;
    }

    html body .rn-feed-card .rn-news-body-area {
        min-height: calc(65svh - 124px) !important;
        padding-top: 16px !important;
        padding-left: 12px !important;
        padding-right: 78px !important;
        padding-bottom: 130px !important;
    }

    html body .rn-feed-card .rn-news-body-meta-top {
        width: max-content !important;
        max-width: calc(100% - 92px) !important;
        padding: 7px 10px !important;
        margin-bottom: 13px !important;
    }

    html body .rn-feed-card .rn-meta-line {
        gap: 5px !important;
        font-size: 10px !important;
    }

    html body .rn-feed-card .rn-news-view-count-outside {
        top: 16px !important;
        right: 78px !important;
        min-height: 23px !important;
        padding: 5px 8px !important;
        font-size: 8.8px !important;
    }

    html body .rn-feed-card .rn-feed-title {
        width: calc(100% - 4px) !important;
        max-width: calc(100% - 4px) !important;
        font-size: clamp(17px, 4.55vw, 22px) !important;
        line-height: 1.08 !important;
        margin-bottom: 14px !important;
    }

    html body .rn-feed-card .rn-feed-excerpt {
        width: calc(100% - 4px) !important;
        max-width: calc(100% - 4px) !important;
        font-size: clamp(12.5px, 3.65vw, 15px) !important;
        line-height: 1.34 !important;
        -webkit-line-clamp: 10 !important;
    }

    html body .rn-feed-card .rn-read-more-body-capsule,
    html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule {
        right: 78px !important;
        bottom: 124px !important;
    }
}


/* ==========================================================
   N5TG FEEDCARD REFACTOR FINAL
   Scope: feed card layout + title/description typography + views placement only.
   Does NOT touch ticker, comments, language, reactions, or scroll JS.
========================================================== */

/* Keep feed card as vertical structure: media 35%, content 65% */
html body .rn-feed-card {
    height: 100dvh !important;
    min-height: 100dvh !important;
    overflow: hidden !important;
}

html body .rn-feed-card .rn-feed-image {
    height: 35dvh !important;
    min-height: 35dvh !important;
    max-height: 35dvh !important;
    flex: 0 0 35dvh !important;
}

html body .rn-feed-card .rn-feed-image img,
html body .rn-feed-card .rn-feed-image video,
html body .rn-feed-card .rn-feed-video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Content area: no text clipping, enough right space before action bar */
html body .rn-feed-card .rn-news-body-area {
    position: relative !important;
    flex: 1 1 auto !important;
    min-height: calc(65dvh - 54px) !important;
    height: auto !important;
    padding-top: 16px !important;
    padding-left: 34px !important;
    padding-right: 86px !important;
    padding-bottom: 76px !important;
    overflow: hidden !important;
}

html body .rn-feed-card .rn-news-content-panel {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 0 !important;
    overflow: visible !important;
}

/* Meta + views real row: views is separate, not inside meta capsule */
html body .rn-feed-card .rn-meta-views-row {
    width: calc(100% - 10px) !important;
    max-width: calc(100% - 10px) !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 10px !important;
    position: relative !important;
    z-index: 50 !important;
}

html body .rn-feed-card .rn-news-body-meta-top {
    position: relative !important;
    width: auto !important;
    max-width: calc(100% - 112px) !important;
    min-height: 28px !important;
    height: auto !important;
    padding: 6px 12px !important;
    margin: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    flex: 0 1 auto !important;
}

html body .rn-feed-card .rn-meta-line {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    line-height: 1.15 !important;
}

html body .rn-feed-card .rn-news-location-label,
html body .rn-feed-card .rn-news-posted-date,
html body .rn-feed-card .rn-feed-author {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

/* View capsule: own capsule on right, baseline aligned with meta */
html body .rn-feed-card .rn-news-view-count-outside {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    z-index: 51 !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    min-height: 26px !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    background: rgba(0,0,0,.64) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.25) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    margin: 0 !important;
}

/* TITLE: decrease 2-5px from previous oversized state */
html body .rn-feed-card .rn-feed-title {
    width: calc(100% - 4px) !important;
    max-width: calc(100% - 4px) !important;
    padding-right: 0 !important;
    font-size: clamp(16px, 1.45vw, 21px) !important;
    line-height: 1.08 !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    overflow: visible !important;
}

/* DESCRIPTION: decrease 1-3px, add 1-2px more line gap, remove clipping/clamp */
html body .rn-feed-card .rn-feed-excerpt {
    width: calc(100% - 4px) !important;
    max-width: calc(100% - 4px) !important;
    padding-right: 0 !important;
    font-size: clamp(11.5px, .92vw, 13px) !important;
    line-height: 1.48 !important;
    display: block !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    -webkit-box-orient: unset !important;
}

/* Ensure preview spans behave like normal text */
html body .rn-feed-card .rn-feed-excerpt .rn-preview-mobile,
html body .rn-feed-card .rn-feed-excerpt .rn-preview-desktop {
    display: inline !important;
}

/* Read More: right side, visible, slightly upward */
html body .rn-feed-card .rn-read-more-body-capsule,
html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule {
    position: absolute !important;
    right: 72px !important;
    bottom: 76px !important;
    z-index: 54 !important;
    margin: 0 !important;
    min-height: 32px !important;
    padding: 8px 14px !important;
    white-space: nowrap !important;
}

/* Mobile refinements */
@media (max-width: 768px) {
    html body .rn-feed-card .rn-feed-image {
        height: 35svh !important;
        min-height: 35svh !important;
        max-height: 35svh !important;
        flex-basis: 35svh !important;
    }

    html body .rn-feed-card .rn-news-body-area {
        min-height: calc(65svh - 124px) !important;
        padding-top: 14px !important;
        padding-left: 12px !important;
        padding-right: 78px !important;
        padding-bottom: 126px !important;
    }

    html body .rn-feed-card .rn-meta-views-row {
        width: 100% !important;
        max-width: 100% !important;
        gap: 8px !important;
        margin-bottom: 9px !important;
    }

    html body .rn-feed-card .rn-news-body-meta-top {
        max-width: calc(100% - 88px) !important;
        padding: 6px 9px !important;
    }

    html body .rn-feed-card .rn-meta-line {
        gap: 4px !important;
        font-size: 9.5px !important;
    }

    html body .rn-feed-card .rn-news-view-count-outside {
        min-height: 23px !important;
        padding: 5px 7px !important;
        font-size: 8.5px !important;
    }

    html body .rn-feed-card .rn-feed-title {
        width: calc(100% - 2px) !important;
        max-width: calc(100% - 2px) !important;
        font-size: clamp(15px, 4.05vw, 19px) !important;
        line-height: 1.08 !important;
        margin-bottom: 8px !important;
    }

    html body .rn-feed-card .rn-feed-excerpt {
        width: calc(100% - 2px) !important;
        max-width: calc(100% - 2px) !important;
        font-size: clamp(11px, 3.25vw, 13px) !important;
        line-height: 1.48 !important;
        overflow: visible !important;
        -webkit-line-clamp: unset !important;
        line-clamp: unset !important;
    }

    html body .rn-feed-card .rn-read-more-body-capsule,
    html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule {
        right: 78px !important;
        bottom: 122px !important;
        min-height: 30px !important;
        padding: 7px 12px !important;
        font-size: 10.5px !important;
    }
}

/* Desktop/tablet: text can reach until before action module */
@media (min-width: 769px) {
    html body .rn-feed-card .rn-news-body-area {
        padding-right: 84px !important;
    }
}


/* ==========================================================
   N5TG TABLET VIEWPORT LAYOUT FIX
   Fixes tablet issue where content/readmore falls below tickers.
   Ticker system is NOT touched.
========================================================== */

@media (min-width: 769px) and (max-width: 1180px) {
    html body .rn-feed-card {
        height: 100dvh !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;
        overflow: hidden !important;
    }

    html body .rn-feed-card .rn-feed-image {
        height: 34dvh !important;
        min-height: 34dvh !important;
        max-height: 34dvh !important;
        flex: 0 0 34dvh !important;
    }

    html body .rn-feed-card .rn-news-body-area {
        height: calc(66dvh - 66px) !important;
        min-height: calc(66dvh - 66px) !important;
        max-height: calc(66dvh - 66px) !important;
        padding-top: 16px !important;
        padding-left: 34px !important;
        padding-right: 90px !important;
        padding-bottom: 82px !important;
        overflow: hidden !important;
        position: relative !important;
    }

    html body .rn-feed-card .rn-news-content-panel {
        height: auto !important;
        max-height: calc(100% - 46px) !important;
        overflow: hidden !important;
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    html body .rn-feed-card .rn-meta-views-row {
        margin-bottom: 9px !important;
        width: calc(100% - 4px) !important;
        max-width: calc(100% - 4px) !important;
    }

    html body .rn-feed-card .rn-news-body-meta-top {
        max-width: calc(100% - 122px) !important;
        padding: 6px 12px !important;
    }

    html body .rn-feed-card .rn-news-view-count-outside {
        min-height: 25px !important;
        padding: 5px 9px !important;
        font-size: 10px !important;
    }

    html body .rn-feed-card .rn-feed-title {
        font-size: clamp(16px, 1.75vw, 20px) !important;
        line-height: 1.08 !important;
        margin-bottom: 8px !important;
        max-width: calc(100% - 4px) !important;
        width: calc(100% - 4px) !important;
    }

    html body .rn-feed-card .rn-feed-excerpt {
        font-size: clamp(11.5px, 1.25vw, 13px) !important;
        line-height: 1.48 !important;
        max-width: calc(100% - 4px) !important;
        width: calc(100% - 4px) !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 9 !important;
        line-clamp: 9 !important;
        overflow: hidden !important;
        max-height: calc(1.48em * 9) !important;
    }

    html body .rn-feed-card .rn-read-more-body-capsule,
    html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule {
        position: absolute !important;
        right: 92px !important;
        bottom: 74px !important;
        z-index: 60 !important;
        min-height: 30px !important;
        padding: 7px 13px !important;
        font-size: 10.5px !important;
    }

    html body .rn-action-bar {
        z-index: 58 !important;
    }
}

@media (min-width: 769px) and (max-width: 1180px) and (orientation: portrait) {
    html body .rn-feed-card {
        height: 100svh !important;
        min-height: 100svh !important;
        max-height: 100svh !important;
    }

    html body .rn-feed-card .rn-feed-image {
        height: 33svh !important;
        min-height: 33svh !important;
        max-height: 33svh !important;
        flex-basis: 33svh !important;
    }

    html body .rn-feed-card .rn-news-body-area {
        height: calc(67svh - 120px) !important;
        min-height: calc(67svh - 120px) !important;
        max-height: calc(67svh - 120px) !important;
        padding-bottom: 82px !important;
    }

    html body .rn-feed-card .rn-feed-excerpt {
        -webkit-line-clamp: 8 !important;
        line-clamp: 8 !important;
        max-height: calc(1.48em * 8) !important;
    }

    html body .rn-feed-card .rn-read-more-body-capsule,
    html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule {
        bottom: 76px !important;
    }
}


/* ==========================================================
   N5TG TABLET BOTTOM MENU FIX ONLY
   Scope: tablet only. Mobile and desktop untouched.
   Shows the mobile-style bottom menu on tablet portrait/compact tablet view.
========================================================== */

@media (min-width: 769px) and (max-width: 1180px) {
    html body .rn-mobile-bottom-nav,
    html body .rn-bottom-nav,
    html body .rn-mobile-nav {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 68px !important;
        min-height: 68px !important;
        max-height: 68px !important;
        z-index: 2147482000 !important;
        pointer-events: auto !important;
        transform: translate3d(0,0,0) !important;
    }

    /* Keep tickers above the tablet bottom menu without changing ticker design */
    html body #rn-viewport-tickers.rn-viewport-tickers {
        bottom: 68px !important;
    }

    /* Reserve bottom space only on tablet so card content doesn't go under menu */
    html body .rn-feed-card .rn-news-body-area {
        padding-bottom: 132px !important;
    }

    html body .rn-feed-card .rn-read-more-body-capsule,
    html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule {
        bottom: 124px !important;
    }
}

/* Tablet landscape can keep desktop side navigation, so bottom menu is only needed in portrait/compact */
@media (min-width: 769px) and (max-width: 1180px) and (orientation: landscape) {
    html body .rn-mobile-bottom-nav,
    html body .rn-bottom-nav,
    html body .rn-mobile-nav {
        display: none !important;
    }

    html body #rn-viewport-tickers.rn-viewport-tickers {
        bottom: 0 !important;
    }

    html body .rn-feed-card .rn-news-body-area {
        padding-bottom: 82px !important;
    }

    html body .rn-feed-card .rn-read-more-body-capsule,
    html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule {
        bottom: 74px !important;
    }
}


/* ==========================================================
   N5TG TABLET RESPONSIVE FINAL ONLY
   Tablet breakpoint only: 769px - 1180px.
   Mobile <=768 and desktop >=1181 remain untouched.
========================================================== */

@media (min-width:769px) and (max-width:1180px){
  html,body{overflow-x:hidden!important;}
  html body .rn-feed-card{
    position:relative!important;
    height:100svh!important;
    min-height:100svh!important;
    max-height:100svh!important;
    overflow:hidden!important;
  }
  html body .rn-feed-card .rn-feed-image img,
  html body .rn-feed-card .rn-feed-image video,
  html body .rn-feed-card .rn-feed-video{
    width:100%!important;height:100%!important;object-fit:cover!important;
  }
  html body .rn-feed-card .rn-news-content-panel{
    width:100%!important;max-width:100%!important;padding-right:0!important;overflow:visible!important;position:relative!important;
  }
  html body .rn-feed-card .rn-meta-views-row{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
    width:100%!important;max-width:100%!important;margin-bottom:12px!important;position:relative!important;z-index:50!important;
  }
  html body .rn-feed-card .rn-news-body-meta-top{
    flex:0 1 auto!important;width:auto!important;max-width:calc(100% - 132px)!important;
    min-height:30px!important;height:auto!important;margin:0!important;padding:7px 13px!important;
    overflow:visible!important;white-space:normal!important;
  }
  html body .rn-feed-card .rn-meta-line{
    display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;
    overflow:visible!important;white-space:normal!important;text-overflow:clip!important;line-height:1.15!important;
  }
  html body .rn-feed-card .rn-news-location-label,
  html body .rn-feed-card .rn-news-posted-date,
  html body .rn-feed-card .rn-feed-author{
    max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;
  }
  html body .rn-feed-card .rn-news-view-count-outside{
    position:relative!important;top:auto!important;right:auto!important;flex:0 0 auto!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:28px!important;padding:6px 11px!important;border-radius:999px!important;
    background:rgba(0,0,0,.62)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;
    font-size:10.5px!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important;
    pointer-events:none!important;z-index:51!important;
  }
  html body .rn-feed-card .rn-feed-title{
    width:100%!important;max-width:100%!important;padding-right:0!important;margin-top:0!important;margin-bottom:10px!important;
    font-size:clamp(18px,2.4vw,24px)!important;line-height:1.1!important;overflow:visible!important;
  }
  html body .rn-feed-card .rn-feed-excerpt{
    width:100%!important;max-width:100%!important;padding-right:0!important;
    font-size:clamp(13px,1.65vw,16px)!important;line-height:1.55!important;
    overflow:hidden!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;
  }
  html body .rn-feed-card .rn-read-more-body-capsule,
  html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule{
    position:absolute!important;z-index:60!important;min-height:34px!important;padding:8px 16px!important;white-space:nowrap!important;
  }
  html body .rn-action-bar{z-index:58!important;}
}

/* TABLET PORTRAIT: wide centered mobile-style app */
@media (min-width:769px) and (max-width:1180px) and (orientation:portrait){
  html body .rn-left-sidebar,html body .rn-desktop-sidebar,html body .rn-right-sidebar,html body .rn-latest-news-panel{
    display:none!important;
  }
  html body .rn-feed-wrapper,html body .rn-feed-container,html body .rn-reels-shell{
    display:flex!important;justify-content:center!important;align-items:flex-start!important;
    padding-left:0!important;padding-right:0!important;width:100vw!important;max-width:100vw!important;margin:0!important;
  }
  html body .rn-feed-card{
    width:min(82vw,760px)!important;max-width:min(82vw,760px)!important;
    margin-left:auto!important;margin-right:auto!important;border-radius:18px!important;
  }
  html body .rn-feed-card .rn-feed-image{
    height:34svh!important;min-height:34svh!important;max-height:34svh!important;flex:0 0 34svh!important;
  }
  html body .rn-feed-card .rn-news-body-area{
    height:calc(66svh - 122px)!important;min-height:calc(66svh - 122px)!important;max-height:calc(66svh - 122px)!important;
    padding-top:18px!important;padding-left:34px!important;padding-right:94px!important;padding-bottom:126px!important;
    overflow:hidden!important;position:relative!important;
  }
  html body .rn-feed-card .rn-feed-title{font-size:clamp(20px,3vw,26px)!important;line-height:1.1!important;}
  html body .rn-feed-card .rn-feed-excerpt{
    font-size:clamp(14px,1.9vw,17px)!important;line-height:1.55!important;
    -webkit-line-clamp:8!important;line-clamp:8!important;max-height:calc(1.55em * 8)!important;
  }
  html body .rn-feed-card .rn-read-more-body-capsule,
  html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule{right:96px!important;bottom:124px!important;}
  html body .rn-action-bar{right:18px!important;}
  html body .rn-mobile-bottom-nav,html body .rn-bottom-nav,html body .rn-mobile-nav{
    display:flex!important;visibility:visible!important;opacity:1!important;position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;width:100vw!important;
    height:68px!important;min-height:68px!important;max-height:68px!important;
    z-index:2147482000!important;pointer-events:auto!important;transform:translate3d(0,0,0)!important;
  }
  html body #rn-viewport-tickers.rn-viewport-tickers{
    left:0!important;right:0!important;width:100vw!important;bottom:68px!important;z-index:2147483000!important;
  }
}

/* TABLET LANDSCAPE: desktop-like columns but tablet-sized */
@media (min-width:769px) and (max-width:1180px) and (orientation:landscape){
  html body .rn-mobile-bottom-nav,html body .rn-bottom-nav,html body .rn-mobile-nav{display:none!important;}
  html body .rn-left-sidebar,html body .rn-desktop-sidebar{
    display:block!important;width:190px!important;min-width:190px!important;max-width:190px!important;
  }
  html body .rn-right-sidebar,html body .rn-latest-news-panel{
    display:block!important;width:255px!important;min-width:255px!important;max-width:255px!important;
  }
  html body .rn-feed-wrapper,html body .rn-feed-container,html body .rn-reels-shell{
    width:calc(100vw - 445px)!important;max-width:calc(100vw - 445px)!important;
    margin-left:190px!important;margin-right:255px!important;padding:0!important;overflow:hidden!important;
  }
  html body .rn-feed-card{
    width:100%!important;max-width:100%!important;border-radius:0!important;
  }
  html body .rn-feed-card .rn-feed-image{
    height:34svh!important;min-height:34svh!important;max-height:34svh!important;flex:0 0 34svh!important;
  }
  html body .rn-feed-card .rn-news-body-area{
    height:calc(66svh - 58px)!important;min-height:calc(66svh - 58px)!important;max-height:calc(66svh - 58px)!important;
    padding-top:16px!important;padding-left:32px!important;padding-right:88px!important;padding-bottom:78px!important;overflow:hidden!important;
  }
  html body .rn-feed-card .rn-feed-title{font-size:clamp(18px,2vw,23px)!important;line-height:1.1!important;}
  html body .rn-feed-card .rn-feed-excerpt{
    font-size:clamp(13px,1.35vw,15px)!important;line-height:1.52!important;
    -webkit-line-clamp:7!important;line-clamp:7!important;max-height:calc(1.52em * 7)!important;
  }
  html body .rn-feed-card .rn-read-more-body-capsule,
  html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule{right:88px!important;bottom:72px!important;}
  html body #rn-viewport-tickers.rn-viewport-tickers{
    left:190px!important;right:255px!important;width:auto!important;bottom:0!important;z-index:2147483000!important;
  }
}


/* ==========================================================
   N5TG TABLET PORTRAIT MENU + CONTAINMENT FIX
   Tablet-only.
   Fixes:
   - tablet bottom menu not visible
   - feed card scrolling/overflowing outside card
   - ticker sitting without menu space
   Mobile <=768 untouched. Desktop landscape untouched.
========================================================== */

@media (min-width: 769px) and (max-width: 1366px) and (orientation: portrait) {

    html,
    body {
        width: 100vw !important;
        height: 100svh !important;
        overflow: hidden !important;
        overscroll-behavior: none !important;
        background: #050609 !important;
    }

    /* Hide desktop side panels only in tablet portrait */
    html body .rn-left-sidebar,
    html body .rn-desktop-sidebar,
    html body .rn-sidebar,
    html body .rn-right-sidebar,
    html body .rn-latest-news-panel,
    html body .rn-latest-news-sidebar {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    /* Make the feed viewport itself fixed and centered */
    html body .rn-feed-wrapper,
    html body .rn-feed-container,
    html body .rn-feed-main,
    html body .rn-reels-shell,
    html body .rn-feed-list {
        position: fixed !important;
        inset: 0 0 122px 0 !important; /* bottom menu + 3 tickers space */
        width: 100vw !important;
        max-width: 100vw !important;
        height: calc(100svh - 122px) !important;
        max-height: calc(100svh - 122px) !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        scroll-snap-type: y mandatory !important;
        overscroll-behavior-y: contain !important;
        -webkit-overflow-scrolling: touch !important;
    }

    /* Card fits inside visible tablet area, never under ticker/menu */
    html body .rn-feed-card {
        width: min(82vw, 760px) !important;
        max-width: min(82vw, 760px) !important;
        height: calc(100svh - 122px) !important;
        min-height: calc(100svh - 122px) !important;
        max-height: calc(100svh - 122px) !important;
        margin: 0 auto !important;
        border-radius: 18px !important;
        overflow: hidden !important;
        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
    }

    html body .rn-feed-card .rn-feed-image {
        height: 34% !important;
        min-height: 34% !important;
        max-height: 34% !important;
        flex: 0 0 34% !important;
    }

    html body .rn-feed-card .rn-feed-image img,
    html body .rn-feed-card .rn-feed-image video,
    html body .rn-feed-card .rn-feed-video {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    html body .rn-feed-card .rn-news-body-area {
        flex: 1 1 auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 18px 96px 72px 34px !important;
        overflow: hidden !important;
        position: relative !important;
    }

    html body .rn-feed-card .rn-news-content-panel {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 100% !important;
        overflow: hidden !important;
        padding-right: 0 !important;
    }

    html body .rn-feed-card .rn-meta-views-row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 10px !important;
    }

    html body .rn-feed-card .rn-news-body-meta-top {
        max-width: calc(100% - 132px) !important;
        width: auto !important;
        padding: 7px 12px !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    html body .rn-feed-card .rn-news-view-count-outside {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        flex: 0 0 auto !important;
        min-height: 27px !important;
        padding: 6px 10px !important;
        font-size: 10px !important;
        white-space: nowrap !important;
    }

    html body .rn-feed-card .rn-feed-title {
        font-size: clamp(19px, 2.65vw, 25px) !important;
        line-height: 1.1 !important;
        margin: 0 0 10px 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    html body .rn-feed-card .rn-feed-excerpt {
        font-size: clamp(13px, 1.75vw, 16px) !important;
        line-height: 1.52 !important;
        width: 100% !important;
        max-width: 100% !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 8 !important;
        line-clamp: 8 !important;
        overflow: hidden !important;
        max-height: calc(1.52em * 8) !important;
    }

    html body .rn-feed-card .rn-read-more-body-capsule,
    html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule {
        position: absolute !important;
        right: 96px !important;
        bottom: 22px !important;
        z-index: 70 !important;
        min-height: 32px !important;
        padding: 8px 16px !important;
        font-size: 11px !important;
    }

    html body .rn-action-bar {
        right: 18px !important;
        z-index: 68 !important;
    }

    /* Force tablet bottom menu visible */
    html body .rn-mobile-bottom-nav,
    html body .rn-bottom-nav,
    html body .rn-mobile-nav,
    html body .rn-bottom-menu,
    html body .rn-mobile-menu {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 68px !important;
        min-height: 68px !important;
        max-height: 68px !important;
        z-index: 2147483001 !important;
        transform: translate3d(0,0,0) !important;
        pointer-events: auto !important;
    }

    /* Ticker stays above tablet bottom menu */
    html body #rn-viewport-tickers.rn-viewport-tickers {
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        bottom: 68px !important;
        z-index: 2147483000 !important;
    }
}


/* ==========================================================
   N5TG IPAD MINI / 768PX TABLET FIX
   Exact issue fixed:
   - iPad Mini is 768px wide, previous tablet CSS began at 769px.
   - This block targets tablet portrait only using min-height guard.
   - Phones are protected by min-height:850px.
   - Desktop and normal mobile remain untouched.
========================================================== */

@media (min-width: 700px) and (max-width: 1180px) and (min-height: 850px) and (orientation: portrait) {

    html,
    body {
        width: 100vw !important;
        height: 100svh !important;
        max-height: 100svh !important;
        overflow: hidden !important;
        overscroll-behavior: none !important;
        background: #050609 !important;
    }

    /* Remove side panels only for tablet portrait */
    html body .rn-left-sidebar,
    html body .rn-desktop-sidebar,
    html body .rn-sidebar,
    html body .rn-right-sidebar,
    html body .rn-latest-news-panel,
    html body .rn-latest-news-sidebar {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        pointer-events: none !important;
    }

    /* The feed must end above ticker+bottom-menu, not under them */
    html body .rn-feed-wrapper,
    html body .rn-feed-container,
    html body .rn-feed-main,
    html body .rn-reels-shell,
    html body .rn-feed-list {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 122px !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: calc(100svh - 122px) !important;
        max-height: calc(100svh - 122px) !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        scroll-snap-type: y mandatory !important;
        overscroll-behavior-y: contain !important;
        -webkit-overflow-scrolling: touch !important;
    }

    html body .rn-feed-card {
        width: min(82vw, 760px) !important;
        max-width: min(82vw, 760px) !important;
        height: calc(100svh - 122px) !important;
        min-height: calc(100svh - 122px) !important;
        max-height: calc(100svh - 122px) !important;
        margin: 0 auto !important;
        border-radius: 18px !important;
        overflow: hidden !important;
        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
    }

    html body .rn-feed-card .rn-feed-image {
        height: 34% !important;
        min-height: 34% !important;
        max-height: 34% !important;
        flex: 0 0 34% !important;
    }

    html body .rn-feed-card .rn-feed-image img,
    html body .rn-feed-card .rn-feed-image video,
    html body .rn-feed-card .rn-feed-video {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    html body .rn-feed-card .rn-news-body-area {
        flex: 1 1 auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 18px 96px 72px 34px !important;
        overflow: hidden !important;
        position: relative !important;
    }

    html body .rn-feed-card .rn-news-content-panel {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 100% !important;
        overflow: hidden !important;
        padding-right: 0 !important;
    }

    html body .rn-feed-card .rn-meta-views-row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 10px !important;
    }

    html body .rn-feed-card .rn-news-body-meta-top {
        max-width: calc(100% - 132px) !important;
        width: auto !important;
        padding: 7px 12px !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    html body .rn-feed-card .rn-news-view-count-outside {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        flex: 0 0 auto !important;
        min-height: 27px !important;
        padding: 6px 10px !important;
        font-size: 10px !important;
        white-space: nowrap !important;
    }

    html body .rn-feed-card .rn-feed-title {
        font-size: clamp(19px, 2.65vw, 25px) !important;
        line-height: 1.1 !important;
        margin: 0 0 10px 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    html body .rn-feed-card .rn-feed-excerpt {
        font-size: clamp(13px, 1.75vw, 16px) !important;
        line-height: 1.52 !important;
        width: 100% !important;
        max-width: 100% !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 8 !important;
        line-clamp: 8 !important;
        overflow: hidden !important;
        max-height: calc(1.52em * 8) !important;
    }

    html body .rn-feed-card .rn-read-more-body-capsule,
    html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule {
        position: absolute !important;
        right: 96px !important;
        bottom: 22px !important;
        z-index: 70 !important;
        min-height: 32px !important;
        padding: 8px 16px !important;
        font-size: 11px !important;
    }

    html body .rn-action-bar {
        right: 18px !important;
        z-index: 68 !important;
    }

    /* Force any existing bottom menu selectors to show */
    html body .rn-mobile-bottom-nav,
    html body .rn-bottom-nav,
    html body .rn-mobile-nav,
    html body .rn-bottom-menu,
    html body .rn-mobile-menu,
    html body .rn-footer-nav {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 68px !important;
        min-height: 68px !important;
        max-height: 68px !important;
        z-index: 2147483001 !important;
        transform: translate3d(0,0,0) !important;
        pointer-events: auto !important;
    }

    /* Fallback injected tablet nav */
    html body #rn-tablet-bottom-nav-fallback {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 68px !important;
        z-index: 2147483002 !important;
        background: rgba(3,4,7,.96) !important;
        border-top: 1px solid rgba(255,255,255,.12) !important;
        align-items: center !important;
        justify-content: space-around !important;
        pointer-events: auto !important;
        font-family: inherit !important;
    }

    html body #rn-tablet-bottom-nav-fallback a {
        color: #fff !important;
        text-decoration: none !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 4px !important;
        opacity: .86 !important;
    }

    html body #rn-tablet-bottom-nav-fallback span {
        font-size: 21px !important;
        line-height: 1 !important;
    }

    html body #rn-tablet-bottom-nav-fallback a:first-child {
        color: #ff1744 !important;
        opacity: 1 !important;
    }

    /* Ticker above menu */
    html body #rn-viewport-tickers.rn-viewport-tickers {
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        bottom: 68px !important;
        z-index: 2147483000 !important;
    }
}


/* ==========================================================
   N5TG TABLET ACTIONS + READMORE UP ONLY
   Tablet portrait only.
   Keeps previous centered tablet card width.
   Does NOT touch mobile, desktop, ticker, comments, language.
========================================================== */
@media (min-width:700px) and (max-width:1180px) and (min-height:850px) and (orientation:portrait){

    /* Keep card like previous tablet view, not full edge-to-edge */
    html body .rn-feed-card{
        width:min(82vw,760px)!important;
        max-width:min(82vw,760px)!important;
        min-width:auto!important;
        margin-left:auto!important;
        margin-right:auto!important;
        border-radius:18px!important;
    }

    /* Keep feed centered */
    html body .rn-feed-wrapper,
    html body .rn-feed-container,
    html body .rn-feed-main,
    html body .rn-reels-shell,
    html body .rn-feed-list{
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:flex-start!important;
    }

    /* Move action dock 2-3cm upward on tablet */
    html body .rn-action-bar,
    html body .rn-feed-card .rn-action-bar,
    html body .rn-feed-card .rn-actions,
    html body .rn-feed-card .rn-action-buttons{
        right:18px!important;
        top:38%!important;
        bottom:auto!important;
        transform:translateY(-32%)!important;
        z-index:72!important;
    }

    /* Move Read More 2-3cm upward on tablet */
    html body .rn-feed-card .rn-read-more-body-capsule,
    html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule{
        position:absolute!important;
        right:96px!important;
        bottom:92px!important;
        z-index:73!important;
        min-height:32px!important;
        padding:8px 16px!important;
        font-size:11px!important;
        white-space:nowrap!important;
    }

    /* Give content breathing room above the moved Read More */
    html body .rn-feed-card .rn-news-body-area{
        padding-bottom:132px!important;
    }

    /* Ticker and bottom menu stay as they are */
    html body #rn-viewport-tickers.rn-viewport-tickers{
        bottom:68px!important;
    }
}


/* ==========================================================
   N5TG DESCRIPTION REPEAT FIX
   Cause fixed:
   older CSS made both .rn-preview-mobile and .rn-preview-desktop display:inline.
   Now only one preview span can display at any breakpoint.
========================================================== */

/* Default: mobile/tablet portrait uses 380-char preview only */
html body .rn-feed-card .rn-feed-excerpt .rn-preview-mobile {
    display: inline !important;
}
html body .rn-feed-card .rn-feed-excerpt .rn-preview-desktop {
    display: none !important;
}

/* Desktop / landscape uses 500-char preview only */
@media (min-width: 900px) and (orientation: landscape) {
    html body .rn-feed-card .rn-feed-excerpt .rn-preview-mobile {
        display: none !important;
    }
    html body .rn-feed-card .rn-feed-excerpt .rn-preview-desktop {
        display: inline !important;
    }
}

/* iPad/tablet portrait must NOT show both */
@media (min-width: 700px) and (max-width: 1180px) and (min-height: 850px) and (orientation: portrait) {
    html body .rn-feed-card .rn-feed-excerpt .rn-preview-mobile {
        display: inline !important;
    }
    html body .rn-feed-card .rn-feed-excerpt .rn-preview-desktop {
        display: none !important;
    }
}

/* Normal mobile must NOT show both */
@media (max-width: 899px) and (orientation: portrait) {
    html body .rn-feed-card .rn-feed-excerpt .rn-preview-mobile {
        display: inline !important;
    }
    html body .rn-feed-card .rn-feed-excerpt .rn-preview-desktop {
        display: none !important;
    }
}


/* N5TG TABLET ACTION/READMORE FURTHER UP + DESCRIPTION SINGLE PREVIEW */
html body .rn-feed-card .rn-feed-excerpt .rn-preview-mobile{display:inline!important}
html body .rn-feed-card .rn-feed-excerpt .rn-preview-desktop{display:none!important}
@media (min-width:900px) and (orientation:landscape){
html body .rn-feed-card .rn-feed-excerpt .rn-preview-mobile{display:none!important}
html body .rn-feed-card .rn-feed-excerpt .rn-preview-desktop{display:inline!important}
}
@media (min-width:700px) and (max-width:1180px) and (min-height:850px) and (orientation:portrait){
html body .rn-feed-card .rn-feed-excerpt .rn-preview-mobile{display:inline!important}
html body .rn-feed-card .rn-feed-excerpt .rn-preview-desktop{display:none!important}
html body .rn-action-bar,html body .rn-feed-card .rn-action-bar,html body .rn-feed-card .rn-actions,html body .rn-feed-card .rn-action-buttons{top:34%!important;bottom:auto!important;transform:translateY(-28%)!important;right:18px!important;z-index:72!important}
html body .rn-feed-card .rn-read-more-body-capsule,html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule{bottom:132px!important;right:96px!important;z-index:73!important}
html body .rn-feed-card .rn-news-body-area{padding-bottom:166px!important}
}


/* N5TG FINAL SOURCE REPEAT + TABLET UP FIX */
html body .rn-feed-card .rn-feed-excerpt .rn-preview-mobile{display:inline!important}
html body .rn-feed-card .rn-feed-excerpt .rn-preview-desktop{display:none!important}
@media (min-width:900px) and (orientation:landscape){
html body .rn-feed-card .rn-feed-excerpt .rn-preview-mobile{display:none!important}
html body .rn-feed-card .rn-feed-excerpt .rn-preview-desktop{display:inline!important}}
@media (min-width:700px) and (max-width:1180px) and (min-height:850px) and (orientation:portrait){
html body .rn-feed-card .rn-feed-excerpt .rn-preview-mobile{display:inline!important}
html body .rn-feed-card .rn-feed-excerpt .rn-preview-desktop{display:none!important}
html body .rn-action-bar,html body .rn-feed-card .rn-action-bar,html body .rn-feed-card .rn-actions,html body .rn-feed-card .rn-action-buttons{top:33%!important;bottom:auto!important;transform:translateY(-25%)!important;right:18px!important;z-index:72!important}
html body .rn-feed-card .rn-read-more-body-capsule,html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule{bottom:140px!important;right:96px!important;z-index:73!important}}


/* N5TG ABSOLUTE SINGLE PREVIEW OUTPUT FIX */
html body .rn-feed-card .rn-feed-excerpt .rn-preview-single{display:inline!important}
html body .rn-feed-card .rn-feed-excerpt .rn-preview-mobile,
html body .rn-feed-card .rn-feed-excerpt .rn-preview-desktop{display:none!important}
@media (min-width:700px) and (max-width:1180px) and (min-height:850px) and (orientation:portrait){
html body .rn-action-bar,html body .rn-feed-card .rn-action-bar,html body .rn-feed-card .rn-actions,html body .rn-feed-card .rn-action-buttons{top:33%!important;bottom:auto!important;transform:translateY(-25%)!important;right:18px!important;z-index:72!important}
html body .rn-feed-card .rn-read-more-body-capsule,html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule{bottom:140px!important;right:96px!important;z-index:73!important}
}


/* ==========================================================
   N5TG TABLET ALTERNATE LAYOUT FINAL
   Tablet portrait only.
   Mobile and desktop untouched.
   Layout:
   - full-width tablet feed card
   - horizontal action dock, not vertical
   - read more inside card above ticker
   - tickers above bottom menu
========================================================== */

@media (min-width:700px) and (max-width:1180px) and (min-height:850px) and (orientation:portrait){

    html,
    body{
        width:100vw!important;
        height:100svh!important;
        overflow:hidden!important;
        background:#050609!important;
    }

    /* make WordPress/theme wrappers stop narrowing the tablet feed */
    html body .site,
    html body #page,
    html body .site-content,
    html body .content-area,
    html body main,
    html body article,
    html body .entry-content,
    html body .wp-site-blocks{
        width:100vw!important;
        max-width:100vw!important;
        margin-left:0!important;
        margin-right:0!important;
        padding-left:0!important;
        padding-right:0!important;
        overflow-x:hidden!important;
    }

    html body .rn-left-sidebar,
    html body .rn-desktop-sidebar,
    html body .rn-sidebar,
    html body .rn-right-sidebar,
    html body .rn-latest-news-panel,
    html body .rn-latest-news-sidebar{
        display:none!important;
        visibility:hidden!important;
        width:0!important;
        min-width:0!important;
        max-width:0!important;
        pointer-events:none!important;
    }

    html body .rn-feed-wrapper,
    html body .rn-feed-container,
    html body .rn-feed-main,
    html body .rn-reels-shell,
    html body .rn-feed-list{
        position:fixed!important;
        left:0!important;
        right:0!important;
        top:0!important;
        bottom:122px!important;
        width:100vw!important;
        max-width:100vw!important;
        height:calc(100svh - 122px)!important;
        max-height:calc(100svh - 122px)!important;
        margin:0!important;
        padding:0!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
        display:block!important;
        scroll-snap-type:y mandatory!important;
        overscroll-behavior-y:contain!important;
        -webkit-overflow-scrolling:touch!important;
    }

    body.admin-bar .rn-feed-wrapper,
    body.admin-bar .rn-feed-container,
    body.admin-bar .rn-feed-main,
    body.admin-bar .rn-reels-shell,
    body.admin-bar .rn-feed-list{
        top:32px!important;
        height:calc(100svh - 154px)!important;
        max-height:calc(100svh - 154px)!important;
    }

    html body .rn-feed-card{
        width:100vw!important;
        max-width:100vw!important;
        min-width:100vw!important;
        height:calc(100svh - 122px)!important;
        min-height:calc(100svh - 122px)!important;
        max-height:calc(100svh - 122px)!important;
        margin:0!important;
        border-radius:0!important;
        overflow:hidden!important;
        display:flex!important;
        flex-direction:column!important;
        position:relative!important;
        scroll-snap-align:start!important;
        scroll-snap-stop:always!important;
    }

    body.admin-bar .rn-feed-card{
        height:calc(100svh - 154px)!important;
        min-height:calc(100svh - 154px)!important;
        max-height:calc(100svh - 154px)!important;
    }

    html body .rn-feed-card .rn-feed-image{
        height:33%!important;
        min-height:33%!important;
        max-height:33%!important;
        flex:0 0 33%!important;
        border-radius:0!important;
        overflow:hidden!important;
    }

    html body .rn-feed-card .rn-feed-image img,
    html body .rn-feed-card .rn-feed-image video,
    html body .rn-feed-card .rn-feed-video{
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        border-radius:0!important;
    }

    html body .rn-feed-card .rn-news-body-area{
        flex:1 1 auto!important;
        min-height:0!important;
        height:auto!important;
        max-height:none!important;
        padding:18px 34px 74px 34px!important;
        overflow:hidden!important;
        position:relative!important;
    }

    html body .rn-feed-card .rn-news-content-panel{
        width:100%!important;
        max-width:100%!important;
        height:auto!important;
        max-height:100%!important;
        padding-right:0!important;
        overflow:hidden!important;
    }

    html body .rn-feed-card .rn-meta-views-row{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:12px!important;
        width:100%!important;
        max-width:100%!important;
        margin-bottom:12px!important;
    }

    html body .rn-feed-card .rn-news-body-meta-top{
        max-width:calc(100% - 140px)!important;
        padding:7px 13px!important;
        margin:0!important;
        overflow:visible!important;
    }

    html body .rn-feed-card .rn-news-view-count-outside{
        position:relative!important;
        top:auto!important;
        right:auto!important;
        flex:0 0 auto!important;
        min-height:28px!important;
        padding:6px 12px!important;
        font-size:10.5px!important;
        white-space:nowrap!important;
    }

    html body .rn-feed-card .rn-feed-title{
        width:100%!important;
        max-width:100%!important;
        font-size:clamp(22px,3.15vw,30px)!important;
        line-height:1.08!important;
        margin:0 0 14px!important;
    }

    html body .rn-feed-card .rn-feed-excerpt{
        width:100%!important;
        max-width:100%!important;
        font-size:clamp(14px,2vw,18px)!important;
        line-height:1.52!important;
        display:-webkit-box!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:8!important;
        line-clamp:8!important;
        max-height:calc(1.52em * 8)!important;
        overflow:hidden!important;
    }

    /* Tablet-only alternate action dock: horizontal, premium, above image/content split */
    html body .rn-action-bar,
    html body .rn-feed-card .rn-action-bar,
    html body .rn-feed-card .rn-actions,
    html body .rn-feed-card .rn-action-buttons{
        position:absolute!important;
        left:50%!important;
        right:auto!important;
        top:calc(33% - 34px)!important;
        bottom:auto!important;
        transform:translateX(-50%)!important;
        width:auto!important;
        height:auto!important;
        min-height:54px!important;
        max-height:58px!important;
        display:flex!important;
        flex-direction:row!important;
        align-items:center!important;
        justify-content:center!important;
        gap:10px!important;
        padding:7px 12px!important;
        border-radius:999px!important;
        background:rgba(0,0,0,.62)!important;
        border:1px solid rgba(255,255,255,.18)!important;
        box-shadow:0 12px 28px rgba(0,0,0,.35)!important;
        z-index:72!important;
        overflow:visible!important;
    }

    html body .rn-action-bar > *,
    html body .rn-feed-card .rn-action-bar > *,
    html body .rn-feed-card .rn-actions > *,
    html body .rn-feed-card .rn-action-buttons > *{
        margin:0!important;
        flex:0 0 auto!important;
    }

    html body .rn-action-bar button,
    html body .rn-action-bar a,
    html body .rn-action-bar .rn-action-btn,
    html body .rn-action-bar .rn-action-button{
        width:42px!important;
        height:42px!important;
        min-width:42px!important;
        min-height:42px!important;
        max-width:42px!important;
        max-height:42px!important;
    }

    /* hide long labels inside horizontal tablet dock if any */
    html body .rn-action-bar .rn-action-label,
    html body .rn-action-bar small,
    html body .rn-action-bar .rn-action-text{
        display:none!important;
    }

    html body .rn-feed-card .rn-read-more-body-capsule,
    html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule{
        position:absolute!important;
        right:34px!important;
        bottom:22px!important;
        z-index:73!important;
        min-height:34px!important;
        padding:8px 18px!important;
        font-size:12px!important;
        white-space:nowrap!important;
    }

    html body .rn-mobile-bottom-nav,
    html body .rn-bottom-nav,
    html body .rn-mobile-nav,
    html body .rn-bottom-menu,
    html body .rn-mobile-menu,
    html body .rn-footer-nav,
    html body #rn-tablet-bottom-nav-fallback{
        display:flex!important;
        visibility:visible!important;
        opacity:1!important;
        position:fixed!important;
        left:0!important;
        right:0!important;
        bottom:0!important;
        width:100vw!important;
        height:68px!important;
        min-height:68px!important;
        max-height:68px!important;
        z-index:2147483001!important;
        pointer-events:auto!important;
    }

    html body #rn-viewport-tickers.rn-viewport-tickers{
        left:0!important;
        right:0!important;
        width:100vw!important;
        bottom:68px!important;
        z-index:2147483000!important;
    }
}


/* ==========================================================
   N5TG TABLET TEXT CUT FIX + DESKTOP READMORE UP FIX
   Only changes:
   1) Tablet portrait text wrapping/width so right side is not cut
   2) Desktop Read More button moved upward
========================================================== */

/* TABLET PORTRAIT: stop Telugu/title/description cutting on right */
@media (min-width:700px) and (max-width:1180px) and (min-height:850px) and (orientation:portrait){

    html body .rn-feed-card .rn-news-body-area{
        padding-left:28px!important;
        padding-right:28px!important;
        padding-bottom:86px!important;
        overflow:hidden!important;
    }

    html body .rn-feed-card .rn-news-content-panel{
        width:100%!important;
        max-width:100%!important;
        padding-right:0!important;
        overflow:visible!important;
        box-sizing:border-box!important;
    }

    html body .rn-feed-card .rn-feed-title{
        width:100%!important;
        max-width:100%!important;
        display:block!important;
        white-space:normal!important;
        overflow:visible!important;
        text-overflow:clip!important;
        overflow-wrap:break-word!important;
        word-break:normal!important;
        line-break:auto!important;
        padding-right:0!important;
        box-sizing:border-box!important;
        font-size:clamp(19px,2.75vw,25px)!important;
        line-height:1.12!important;
    }

    html body .rn-feed-card .rn-feed-excerpt{
        width:100%!important;
        max-width:100%!important;
        display:-webkit-box!important;
        white-space:normal!important;
        text-overflow:clip!important;
        overflow-wrap:break-word!important;
        word-break:normal!important;
        line-break:auto!important;
        padding-right:0!important;
        box-sizing:border-box!important;
        font-size:clamp(13px,1.8vw,16px)!important;
        line-height:1.52!important;
        -webkit-line-clamp:8!important;
        line-clamp:8!important;
        overflow:hidden!important;
    }

    html body .rn-feed-card .rn-feed-excerpt .rn-preview-single{
        white-space:normal!important;
        overflow-wrap:break-word!important;
        word-break:normal!important;
    }

    /* keep Read More visible without covering text */
    html body .rn-feed-card .rn-read-more-body-capsule,
    html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule{
        right:28px!important;
        bottom:24px!important;
        z-index:80!important;
    }
}

/* DESKTOP ONLY: move Read More about 3cm upward */
@media (min-width:1181px){
    html body .rn-feed-card .rn-read-more-body-capsule,
    html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule{
        bottom:170px!important;
        right:74px!important;
        z-index:80!important;
    }
}


/* N5TG DESKTOP READ MORE ABOVE TICKERS - FINAL HARD OVERRIDE */
@media (min-width:1181px){
html body .rn-feed-card .rn-read-more-body-capsule,
html body .rn-feed-card .rn-read-more-inline.rn-read-more-body-capsule,
html body .rn-feed-card button.rn-read-more-body-capsule,
html body .rn-feed-card button.rn-read-more-inline,
html body .rn-feed-card .rn-read-more-btn,
html body .rn-feed-card .rn-read-more{
position:absolute!important;
right:74px!important;
bottom:118px!important;
top:auto!important;
transform:none!important;
z-index:2147482500!important;
display:inline-flex!important;
visibility:visible!important;
opacity:1!important;
pointer-events:auto!important;
margin:0!important;
}
html body .rn-feed-card .rn-news-body-area{padding-bottom:155px!important;}
html body #rn-viewport-tickers.rn-viewport-tickers{z-index:2147482000!important;}
}


/* ==========================================================
   N5TG STANDALONE READ MORE FINAL
   Read More is now direct-child standalone per feed card.
   It is not linked to description/content flow.
========================================================== */

html body .rn-feed-card{
    position:relative!important;
}

html body .rn-feed-card > .rn-read-more-standalone,
html body .rn-feed-card > .rn-read-more.rn-read-more-body-capsule,
html body .rn-feed-card > button.rn-read-more-inline{
    position:absolute!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    margin:0!important;
    top:auto!important;
    transform:none!important;
    z-index:2147483600!important;
}

/* Desktop: fixed well above ticker, 3-4cm higher than old bottom position */
@media (min-width:1181px){
    html body .rn-feed-card > .rn-read-more-standalone,
    html body .rn-feed-card > .rn-read-more.rn-read-more-body-capsule,
    html body .rn-feed-card > button.rn-read-more-inline{
        right:74px!important;
        bottom:205px!important;
        min-height:34px!important;
        padding:8px 18px!important;
    }

    html body .rn-feed-card .rn-news-body-area{
        padding-bottom:130px!important;
    }
}

/* Tablet portrait: keep visible above tickers */
@media (min-width:700px) and (max-width:1180px) and (min-height:850px) and (orientation:portrait){
    html body .rn-feed-card > .rn-read-more-standalone,
    html body .rn-feed-card > .rn-read-more.rn-read-more-body-capsule,
    html body .rn-feed-card > button.rn-read-more-inline{
        right:34px!important;
        bottom:145px!important;
        min-height:34px!important;
        padding:8px 18px!important;
    }
}

/* Mobile: preserve old-like bottom safe position */
@media (max-width:699px){
    html body .rn-feed-card > .rn-read-more-standalone,
    html body .rn-feed-card > .rn-read-more.rn-read-more-body-capsule,
    html body .rn-feed-card > button.rn-read-more-inline{
        right:78px!important;
        bottom:124px!important;
    }
}


/* ==========================================================
   N5TG READ MORE REAL STANDALONE FIX
   Button is now moved in template as direct child of .rn-feed-card.
   This overrides all older placement rules.
========================================================== */

html body .rn-feed-card {
    position: relative !important;
}

html body .rn-feed-card > .rn-read-more-standalone {
    position: absolute !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    margin: 0 !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    z-index: 2147483600 !important;
}

/* DESKTOP: clearly above ticker area */
@media (min-width: 1181px) {
    html body .rn-feed-card > .rn-read-more-standalone {
        right: 74px !important;
        bottom: 215px !important;
        min-height: 34px !important;
        padding: 8px 18px !important;
    }
}

/* TABLET PORTRAIT */
@media (min-width:700px) and (max-width:1180px) and (min-height:850px) and (orientation:portrait) {
    html body .rn-feed-card > .rn-read-more-standalone {
        right: 34px !important;
        bottom: 145px !important;
        min-height: 34px !important;
        padding: 8px 18px !important;
    }
}

/* MOBILE */
@media (max-width:699px) {
    html body .rn-feed-card > .rn-read-more-standalone {
        right: 78px !important;
        bottom: 124px !important;
    }
}


/* N5TG TICKER PAGE SCOPE + IPAD PORTRAIT FIX */

/* Hide tickers everywhere by default. JS enables only feed/home/trending pages. */
html body:not(.rn-show-feed-tickers) #rn-viewport-tickers.rn-viewport-tickers,
html body:not(.rn-show-feed-tickers) .rn-viewport-tickers{
display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
}

html body.rn-show-feed-tickers #rn-viewport-tickers.rn-viewport-tickers,
html body.rn-show-feed-tickers .rn-viewport-tickers{
display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
}

/* iPad Mini / tablet portrait only */
@media (min-width:700px) and (max-width:1180px) and (min-height:850px) and (orientation:portrait){
html body.rn-show-feed-tickers{overflow:hidden!important;background:#050609!important;}

html body.rn-show-feed-tickers .rn-left-sidebar,
html body.rn-show-feed-tickers .rn-desktop-sidebar,
html body.rn-show-feed-tickers .rn-sidebar,
html body.rn-show-feed-tickers .rn-right-sidebar,
html body.rn-show-feed-tickers .rn-latest-news-panel,
html body.rn-show-feed-tickers .rn-latest-news-sidebar{
display:none!important;visibility:hidden!important;pointer-events:none!important;
}

html body.rn-show-feed-tickers .rn-feed-wrapper,
html body.rn-show-feed-tickers .rn-feed-container,
html body.rn-show-feed-tickers .rn-feed-main,
html body.rn-show-feed-tickers .rn-reels-shell,
html body.rn-show-feed-tickers .rn-feed-list{
position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:122px!important;
width:100vw!important;max-width:100vw!important;height:calc(100svh - 122px)!important;max-height:calc(100svh - 122px)!important;
margin:0!important;padding:0!important;overflow-y:auto!important;overflow-x:hidden!important;
display:flex!important;flex-direction:column!important;align-items:center!important;
scroll-snap-type:y mandatory!important;overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch!important;
}

body.admin-bar.rn-show-feed-tickers .rn-feed-wrapper,
body.admin-bar.rn-show-feed-tickers .rn-feed-container,
body.admin-bar.rn-show-feed-tickers .rn-feed-main,
body.admin-bar.rn-show-feed-tickers .rn-reels-shell,
body.admin-bar.rn-show-feed-tickers .rn-feed-list{
top:32px!important;height:calc(100svh - 154px)!important;max-height:calc(100svh - 154px)!important;
}

html body.rn-show-feed-tickers .rn-feed-card{
width:min(88vw,820px)!important;max-width:min(88vw,820px)!important;min-width:auto!important;
height:calc(100svh - 122px)!important;min-height:calc(100svh - 122px)!important;max-height:calc(100svh - 122px)!important;
margin:0 auto!important;border-radius:14px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;position:relative!important;
scroll-snap-align:start!important;scroll-snap-stop:always!important;
}

body.admin-bar.rn-show-feed-tickers .rn-feed-card{
height:calc(100svh - 154px)!important;min-height:calc(100svh - 154px)!important;max-height:calc(100svh - 154px)!important;
}

html body.rn-show-feed-tickers .rn-feed-card .rn-feed-image{
height:34%!important;min-height:34%!important;max-height:34%!important;flex:0 0 34%!important;overflow:hidden!important;border-radius:0!important;
}

html body.rn-show-feed-tickers .rn-feed-card .rn-feed-image img,
html body.rn-show-feed-tickers .rn-feed-card .rn-feed-image video,
html body.rn-show-feed-tickers .rn-feed-card .rn-feed-video{
width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;
}

html body.rn-show-feed-tickers .rn-feed-card .rn-news-body-area{
flex:1 1 auto!important;min-height:0!important;height:auto!important;padding:16px 30px 78px 30px!important;overflow:hidden!important;position:relative!important;box-sizing:border-box!important;
}

html body.rn-show-feed-tickers .rn-feed-card .rn-news-content-panel{
width:100%!important;max-width:100%!important;overflow:hidden!important;padding-right:0!important;box-sizing:border-box!important;
}

html body.rn-show-feed-tickers .rn-feed-card .rn-meta-views-row{
width:100%!important;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important;
}

html body.rn-show-feed-tickers .rn-feed-card .rn-news-body-meta-top{
max-width:calc(100% - 130px)!important;padding:6px 11px!important;overflow:hidden!important;
}

html body.rn-show-feed-tickers .rn-feed-card .rn-news-view-count-outside{
flex:0 0 auto!important;position:relative!important;top:auto!important;right:auto!important;min-height:26px!important;padding:5px 10px!important;font-size:10px!important;white-space:nowrap!important;
}

html body.rn-show-feed-tickers .rn-feed-card .rn-feed-title{
width:100%!important;max-width:100%!important;font-size:clamp(18px,2.65vw,24px)!important;line-height:1.12!important;margin:0 0 10px 0!important;
white-space:normal!important;overflow:hidden!important;overflow-wrap:break-word!important;box-sizing:border-box!important;
}

html body.rn-show-feed-tickers .rn-feed-card .rn-feed-excerpt{
width:100%!important;max-width:100%!important;font-size:clamp(13px,1.85vw,16px)!important;line-height:1.5!important;
display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:7!important;line-clamp:7!important;max-height:calc(1.5em * 7)!important;
overflow:hidden!important;white-space:normal!important;overflow-wrap:break-word!important;box-sizing:border-box!important;
}

html body.rn-show-feed-tickers .rn-action-bar,
html body.rn-show-feed-tickers .rn-feed-card .rn-action-bar,
html body.rn-show-feed-tickers .rn-feed-card .rn-actions,
html body.rn-show-feed-tickers .rn-feed-card .rn-action-buttons{
position:absolute!important;right:12px!important;left:auto!important;top:45%!important;bottom:auto!important;transform:translateY(-28%)!important;z-index:72!important;
}

html body.rn-show-feed-tickers .rn-feed-card > .rn-read-more-standalone,
html body.rn-show-feed-tickers .rn-feed-card .rn-read-more-body-capsule{
position:absolute!important;right:30px!important;bottom:24px!important;z-index:80!important;
}

html body.rn-show-feed-tickers #rn-viewport-tickers.rn-viewport-tickers{
left:0!important;right:0!important;bottom:68px!important;width:100vw!important;z-index:2147483000!important;
}

html body.rn-show-feed-tickers .rn-mobile-bottom-nav,
html body.rn-show-feed-tickers .rn-bottom-nav,
html body.rn-show-feed-tickers .rn-mobile-nav,
html body.rn-show-feed-tickers .rn-bottom-menu,
html body.rn-show-feed-tickers .rn-mobile-menu,
html body.rn-show-feed-tickers .rn-footer-nav,
html body.rn-show-feed-tickers #rn-tablet-bottom-nav-fallback{
display:flex!important;visibility:visible!important;opacity:1!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:68px!important;z-index:2147483001!important;
}
}


/* ==========================================================
   N5TG LANDSCAPE = DESKTOP MODE + READMORE RESTORE
   Fixes:
   1) Tablet/iPad Read More visible again.
   2) Any mobile/tablet landscape uses desktop-style layout.
   3) Tickers stay hidden on dashboard/profile via rn-show-feed-tickers scope.
========================================================== */

/* universal standalone readmore visibility */
html body .rn-feed-card {
    position: relative !important;
}

html body .rn-feed-card > .rn-read-more-standalone,
html body .rn-feed-card > .rn-read-more.rn-read-more-body-capsule,
html body .rn-feed-card > button.rn-read-more-inline {
    position: absolute !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    margin: 0 !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    z-index: 2147483600 !important;
}

/* iPad/tablet portrait readmore visible inside card, above tickers */
@media (min-width:700px) and (max-width:1180px) and (min-height:850px) and (orientation:portrait) {
    html body.rn-show-feed-tickers .rn-feed-card > .rn-read-more-standalone,
    html body.rn-show-feed-tickers .rn-feed-card > .rn-read-more.rn-read-more-body-capsule,
    html body.rn-show-feed-tickers .rn-feed-card > button.rn-read-more-inline {
        right: 30px !important;
        bottom: 24px !important;
        min-height: 34px !important;
        padding: 8px 18px !important;
        z-index: 2147483600 !important;
    }
}

/* DESKTOP readmore above ticker */
@media (min-width:1181px) {
    html body.rn-show-feed-tickers .rn-feed-card > .rn-read-more-standalone,
    html body.rn-show-feed-tickers .rn-feed-card > .rn-read-more.rn-read-more-body-capsule,
    html body.rn-show-feed-tickers .rn-feed-card > button.rn-read-more-inline {
        right: 74px !important;
        bottom: 190px !important;
        min-height: 34px !important;
        padding: 8px 18px !important;
    }
}

/* Any landscape device should behave like desktop layout */
@media (orientation:landscape) and (max-width:1180px) {

    html body.rn-show-feed-tickers {
        overflow: hidden !important;
        background: #050609 !important;
    }

    /* show desktop side panels in landscape */
    html body.rn-show-feed-tickers .rn-left-sidebar,
    html body.rn-show-feed-tickers .rn-desktop-sidebar,
    html body.rn-show-feed-tickers .rn-sidebar {
        display: block !important;
        visibility: visible !important;
        pointer-events: auto !important;
        width: 190px !important;
        min-width: 190px !important;
        max-width: 190px !important;
    }

    html body.rn-show-feed-tickers .rn-right-sidebar,
    html body.rn-show-feed-tickers .rn-latest-news-panel,
    html body.rn-show-feed-tickers .rn-latest-news-sidebar {
        display: block !important;
        visibility: visible !important;
        pointer-events: auto !important;
        width: 255px !important;
        min-width: 255px !important;
        max-width: 255px !important;
    }

    html body.rn-show-feed-tickers .rn-feed-wrapper,
    html body.rn-show-feed-tickers .rn-feed-container,
    html body.rn-show-feed-tickers .rn-feed-main,
    html body.rn-show-feed-tickers .rn-reels-shell,
    html body.rn-show-feed-tickers .rn-feed-list {
        position: fixed !important;
        top: 0 !important;
        left: 190px !important;
        right: 255px !important;
        bottom: 54px !important;
        width: calc(100vw - 445px) !important;
        max-width: calc(100vw - 445px) !important;
        height: calc(100svh - 54px) !important;
        max-height: calc(100svh - 54px) !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        display: block !important;
        scroll-snap-type: y mandatory !important;
        overscroll-behavior-y: contain !important;
    }

    body.admin-bar.rn-show-feed-tickers .rn-feed-wrapper,
    body.admin-bar.rn-show-feed-tickers .rn-feed-container,
    body.admin-bar.rn-show-feed-tickers .rn-feed-main,
    body.admin-bar.rn-show-feed-tickers .rn-reels-shell,
    body.admin-bar.rn-show-feed-tickers .rn-feed-list {
        top: 32px !important;
        height: calc(100svh - 86px) !important;
        max-height: calc(100svh - 86px) !important;
    }

    html body.rn-show-feed-tickers .rn-feed-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        height: calc(100svh - 54px) !important;
        min-height: calc(100svh - 54px) !important;
        max-height: calc(100svh - 54px) !important;
        margin: 0 !important;
        border-radius: 0 !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;
        scroll-snap-align: start !important;
    }

    body.admin-bar.rn-show-feed-tickers .rn-feed-card {
        height: calc(100svh - 86px) !important;
        min-height: calc(100svh - 86px) !important;
        max-height: calc(100svh - 86px) !important;
    }

    html body.rn-show-feed-tickers .rn-feed-card .rn-feed-image {
        height: 35% !important;
        min-height: 35% !important;
        max-height: 35% !important;
        flex: 0 0 35% !important;
        overflow: hidden !important;
        border-radius: 0 !important;
    }

    html body.rn-show-feed-tickers .rn-feed-card .rn-news-body-area {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 14px 86px 100px 30px !important;
        overflow: hidden !important;
        position: relative !important;
        box-sizing: border-box !important;
    }

    html body.rn-show-feed-tickers .rn-feed-card .rn-feed-title {
        font-size: clamp(16px, 2vw, 22px) !important;
        line-height: 1.1 !important;
        margin-bottom: 8px !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    html body.rn-show-feed-tickers .rn-feed-card .rn-feed-excerpt {
        font-size: clamp(11.5px, 1.3vw, 14px) !important;
        line-height: 1.45 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 5 !important;
        line-clamp: 5 !important;
        max-height: calc(1.45em * 5) !important;
        overflow: hidden !important;
    }

    html body.rn-show-feed-tickers .rn-action-bar,
    html body.rn-show-feed-tickers .rn-feed-card .rn-action-bar,
    html body.rn-show-feed-tickers .rn-feed-card .rn-actions,
    html body.rn-show-feed-tickers .rn-feed-card .rn-action-buttons {
        position: absolute !important;
        right: 14px !important;
        top: 42% !important;
        bottom: auto !important;
        transform: translateY(-28%) !important;
        z-index: 72 !important;
    }

    html body.rn-show-feed-tickers .rn-feed-card > .rn-read-more-standalone,
    html body.rn-show-feed-tickers .rn-feed-card > .rn-read-more.rn-read-more-body-capsule,
    html body.rn-show-feed-tickers .rn-feed-card > button.rn-read-more-inline {
        right: 76px !important;
        bottom: 84px !important;
        min-height: 30px !important;
        padding: 7px 14px !important;
        z-index: 2147483600 !important;
    }

    html body.rn-show-feed-tickers #rn-viewport-tickers.rn-viewport-tickers {
        left: 190px !important;
        right: 255px !important;
        width: auto !important;
        bottom: 0 !important;
        z-index: 2147483000 !important;
    }

    /* landscape uses desktop layout, so no mobile bottom menu */
    html body.rn-show-feed-tickers .rn-mobile-bottom-nav,
    html body.rn-show-feed-tickers .rn-bottom-nav,
    html body.rn-show-feed-tickers .rn-mobile-nav,
    html body.rn-show-feed-tickers .rn-bottom-menu,
    html body.rn-show-feed-tickers .rn-mobile-menu,
    html body.rn-show-feed-tickers .rn-footer-nav,
    html body.rn-show-feed-tickers #rn-tablet-bottom-nav-fallback {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}


/* ==========================================================
   N5TG TABLET CLEAN FINAL FIX
   Fixes:
   1) Tablet portrait + landscape use clean app/feed layout.
   2) No desktop sidebars on tablet.
   3) Tickers only on feed/home/trending.
   4) Dashboard/Profile/Saved pages scroll normally.
   5) Saved page bottom content not hidden by bottom nav.
   6) Read More visible on tablet feed.
========================================================== */

/* Hide ticker globally unless page is feed/home/trending */
html body:not(.rn-show-feed-tickers) #rn-viewport-tickers.rn-viewport-tickers,
html body:not(.rn-show-feed-tickers) .rn-viewport-tickers {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Tablet app breakpoint: 700-1180 both portrait and landscape */
@media (min-width:700px) and (max-width:1180px) {

    html,
    body {
        width: 100vw !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
        background: #050609 !important;
    }

    /* On non-feed pages like dashboard/profile/saved, allow normal page scroll */
    html body:not(.rn-show-feed-tickers) {
        overflow-y: auto !important;
        height: auto !important;
        min-height: 100vh !important;
    }

    html body:not(.rn-show-feed-tickers) .rn-dashboard,
    html body:not(.rn-show-feed-tickers) .rn-user-dashboard,
    html body:not(.rn-show-feed-tickers) .rn-profile-page,
    html body:not(.rn-show-feed-tickers) .rn-saved-page,
    html body:not(.rn-show-feed-tickers) .rn-saved-news,
    html body:not(.rn-show-feed-tickers) .rn-dashboard-wrap,
    html body:not(.rn-show-feed-tickers) .rn-page-wrap,
    html body:not(.rn-show-feed-tickers) .entry-content,
    html body:not(.rn-show-feed-tickers) main,
    html body:not(.rn-show-feed-tickers) article {
        height: auto !important;
        min-height: 100vh !important;
        max-height: none !important;
        overflow-y: visible !important;
        padding-bottom: 110px !important;
    }

    /* saved cards grid must scroll */
    html body:not(.rn-show-feed-tickers) .rn-saved-grid,
    html body:not(.rn-show-feed-tickers) .rn-saved-list,
    html body:not(.rn-show-feed-tickers) .rn-card-grid,
    html body:not(.rn-show-feed-tickers) .rn-dashboard-grid {
        max-height: none !important;
        height: auto !important;
        overflow: visible !important;
        padding-bottom: 110px !important;
    }

    /* Tablet bottom menu visible on all tablet app pages */
    html body .rn-mobile-bottom-nav,
    html body .rn-bottom-nav,
    html body .rn-mobile-nav,
    html body .rn-bottom-menu,
    html body .rn-mobile-menu,
    html body .rn-footer-nav,
    html body #rn-tablet-bottom-nav-fallback {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 68px !important;
        min-height: 68px !important;
        max-height: 68px !important;
        z-index: 2147483001 !important;
        pointer-events: auto !important;
        background: rgba(3,4,7,.96) !important;
    }

    /* FEED/TRANDING/HOME ONLY */
    html body.rn-show-feed-tickers {
        height: 100svh !important;
        max-height: 100svh !important;
        overflow: hidden !important;
    }

    /* no desktop sidebars in tablet, in both orientations */
    html body.rn-show-feed-tickers .rn-left-sidebar,
    html body.rn-show-feed-tickers .rn-desktop-sidebar,
    html body.rn-show-feed-tickers .rn-sidebar,
    html body.rn-show-feed-tickers .rn-right-sidebar,
    html body.rn-show-feed-tickers .rn-latest-news-panel,
    html body.rn-show-feed-tickers .rn-latest-news-sidebar {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        pointer-events: none !important;
    }

    html body.rn-show-feed-tickers .rn-feed-wrapper,
    html body.rn-show-feed-tickers .rn-feed-container,
    html body.rn-show-feed-tickers .rn-feed-main,
    html body.rn-show-feed-tickers .rn-reels-shell,
    html body.rn-show-feed-tickers .rn-feed-list {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 122px !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: calc(100svh - 122px) !important;
        max-height: calc(100svh - 122px) !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        scroll-snap-type: y mandatory !important;
        overscroll-behavior-y: contain !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body.admin-bar.rn-show-feed-tickers .rn-feed-wrapper,
    body.admin-bar.rn-show-feed-tickers .rn-feed-container,
    body.admin-bar.rn-show-feed-tickers .rn-feed-main,
    body.admin-bar.rn-show-feed-tickers .rn-reels-shell,
    body.admin-bar.rn-show-feed-tickers .rn-feed-list {
        top: 32px !important;
        height: calc(100svh - 154px) !important;
        max-height: calc(100svh - 154px) !important;
    }

    html body.rn-show-feed-tickers .rn-feed-card {
        width: min(92vw, 860px) !important;
        max-width: min(92vw, 860px) !important;
        min-width: auto !important;
        height: calc(100svh - 122px) !important;
        min-height: calc(100svh - 122px) !important;
        max-height: calc(100svh - 122px) !important;
        margin: 0 auto !important;
        border-radius: 14px !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;
        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;
    }

    body.admin-bar.rn-show-feed-tickers .rn-feed-card {
        height: calc(100svh - 154px) !important;
        min-height: calc(100svh - 154px) !important;
        max-height: calc(100svh - 154px) !important;
    }

    html body.rn-show-feed-tickers .rn-feed-card .rn-feed-image {
        height: 34% !important;
        min-height: 34% !important;
        max-height: 34% !important;
        flex: 0 0 34% !important;
        overflow: hidden !important;
        border-radius: 0 !important;
    }

    html body.rn-show-feed-tickers .rn-feed-card .rn-feed-image img,
    html body.rn-show-feed-tickers .rn-feed-card .rn-feed-image video,
    html body.rn-show-feed-tickers .rn-feed-card .rn-feed-video {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 0 !important;
    }

    html body.rn-show-feed-tickers .rn-feed-card .rn-news-body-area {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 16px 30px 78px 30px !important;
        overflow: hidden !important;
        position: relative !important;
        box-sizing: border-box !important;
    }

    html body.rn-show-feed-tickers .rn-feed-card .rn-news-content-panel {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    html body.rn-show-feed-tickers .rn-feed-card .rn-meta-views-row {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        margin-bottom: 10px !important;
    }

    html body.rn-show-feed-tickers .rn-feed-card .rn-news-body-meta-top {
        max-width: calc(100% - 130px) !important;
        padding: 6px 11px !important;
        overflow: hidden !important;
    }

    html body.rn-show-feed-tickers .rn-feed-card .rn-news-view-count-outside {
        flex: 0 0 auto !important;
        position: relative !important;
        top: auto !important;
        right: auto !important;
        min-height: 26px !important;
        padding: 5px 10px !important;
        font-size: 10px !important;
        white-space: nowrap !important;
    }

    html body.rn-show-feed-tickers .rn-feed-card .rn-feed-title {
        width: 100% !important;
        max-width: 100% !important;
        font-size: clamp(18px, 2.65vw, 24px) !important;
        line-height: 1.12 !important;
        margin: 0 0 10px 0 !important;
        white-space: normal !important;
        overflow: hidden !important;
        overflow-wrap: break-word !important;
        box-sizing: border-box !important;
    }

    html body.rn-show-feed-tickers .rn-feed-card .rn-feed-excerpt {
        width: 100% !important;
        max-width: 100% !important;
        font-size: clamp(13px, 1.85vw, 16px) !important;
        line-height: 1.5 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 7 !important;
        line-clamp: 7 !important;
        max-height: calc(1.5em * 7) !important;
        overflow: hidden !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        box-sizing: border-box !important;
    }

    html body.rn-show-feed-tickers .rn-action-bar,
    html body.rn-show-feed-tickers .rn-feed-card .rn-action-bar,
    html body.rn-show-feed-tickers .rn-feed-card .rn-actions,
    html body.rn-show-feed-tickers .rn-feed-card .rn-action-buttons {
        position: absolute !important;
        right: 12px !important;
        left: auto !important;
        top: 45% !important;
        bottom: auto !important;
        transform: translateY(-28%) !important;
        z-index: 72 !important;
    }

    html body.rn-show-feed-tickers .rn-feed-card > .rn-read-more-standalone,
    html body.rn-show-feed-tickers .rn-feed-card > .rn-read-more.rn-read-more-body-capsule,
    html body.rn-show-feed-tickers .rn-feed-card > button.rn-read-more-inline,
    html body.rn-show-feed-tickers .rn-feed-card .rn-read-more-body-capsule {
        position: absolute !important;
        right: 30px !important;
        bottom: 24px !important;
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 2147483600 !important;
    }

    html body.rn-show-feed-tickers #rn-viewport-tickers.rn-viewport-tickers {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 68px !important;
        width: 100vw !important;
        z-index: 2147483000 !important;
    }
}

/* Tablet landscape: slightly wider/shorter for better fit */
@media (min-width:700px) and (max-width:1180px) and (orientation:landscape) {
    html body.rn-show-feed-tickers .rn-feed-card {
        width: min(94vw, 980px) !important;
        max-width: min(94vw, 980px) !important;
    }

    html body.rn-show-feed-tickers .rn-feed-card .rn-feed-image {
        height: 36% !important;
        min-height: 36% !important;
        max-height: 36% !important;
        flex-basis: 36% !important;
    }

    html body.rn-show-feed-tickers .rn-feed-card .rn-feed-excerpt {
        -webkit-line-clamp: 5 !important;
        line-clamp: 5 !important;
        max-height: calc(1.5em * 5) !important;
    }
}


/* ==========================================================
   N5TG READMORE POSITION EDITOR ACTIVE - FINAL
   Controlled from Rahul News > Feed Settings.
========================================================== */
html body .rn-feed-card{position:relative!important;}
html body .rn-feed-card > .rn-read-more-standalone,
html body .rn-feed-card > .rn-read-more.rn-read-more-body-capsule,
html body .rn-feed-card > button.rn-read-more-inline,
html body .rn-feed-card .rn-read-more-body-capsule{
    position:absolute!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
    visibility:visible!important;opacity:1!important;pointer-events:auto!important;top:auto!important;left:auto!important;
    transform:none!important;z-index:2147483600!important;margin:0!important;
}
@media (min-width:1181px){
    html body.rn-show-feed-tickers .rn-feed-card > .rn-read-more-standalone,
    html body.rn-show-feed-tickers .rn-feed-card > .rn-read-more.rn-read-more-body-capsule,
    html body.rn-show-feed-tickers .rn-feed-card > button.rn-read-more-inline,
    html body.rn-show-feed-tickers .rn-feed-card .rn-read-more-body-capsule{
        right:var(--rn-readmore-desktop-right,74px)!important;bottom:var(--rn-readmore-desktop-bottom,118px)!important;
    }
}
@media (min-width:700px) and (max-width:1180px){
    html body.rn-show-feed-tickers .rn-feed-card > .rn-read-more-standalone,
    html body.rn-show-feed-tickers .rn-feed-card > .rn-read-more.rn-read-more-body-capsule,
    html body.rn-show-feed-tickers .rn-feed-card > button.rn-read-more-inline,
    html body.rn-show-feed-tickers .rn-feed-card .rn-read-more-body-capsule{
        right:var(--rn-readmore-tablet-right,30px)!important;bottom:var(--rn-readmore-tablet-bottom,24px)!important;
    }
}
@media (max-width:699px){
    html body.rn-show-feed-tickers .rn-feed-card > .rn-read-more-standalone,
    html body.rn-show-feed-tickers .rn-feed-card > .rn-read-more.rn-read-more-body-capsule,
    html body.rn-show-feed-tickers .rn-feed-card > button.rn-read-more-inline,
    html body.rn-show-feed-tickers .rn-feed-card .rn-read-more-body-capsule{
        right:var(--rn-readmore-mobile-right,78px)!important;bottom:var(--rn-readmore-mobile-bottom,124px)!important;
    }
}


/* ==========================================================
   N5TG Tablet Character Fix + Navigation Restore
   Desktop/mobile layout untouched.
========================================================== */

.rn-page-navigation-bar{
    display:flex;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
    margin:16px 0 22px;
}
.rn-page-navigation-bar a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:9px 16px;
    border-radius:999px;
    background:#111827;
    color:#fff!important;
    text-decoration:none!important;
    font-weight:900;
    border:1px solid rgba(255,255,255,.12);
}
.rn-page-navigation-bar a:hover{background:#e5093f;}

html body .rn-feed-card > .rn-read-more-standalone,
html body .rn-feed-card > .rn-read-more.rn-read-more-body-capsule,
html body .rn-feed-card > button.rn-read-more-inline,
html body .rn-feed-card .rn-read-more-body-capsule{
    z-index:2147483600!important;
}

/* Tablet only: keep Read More visible and controlled by Feed Settings values */
@media (min-width:700px) and (max-width:1180px){
    html body.rn-show-feed-tickers .rn-feed-card > .rn-read-more-standalone,
    html body.rn-show-feed-tickers .rn-feed-card > .rn-read-more.rn-read-more-body-capsule,
    html body.rn-show-feed-tickers .rn-feed-card > button.rn-read-more-inline,
    html body.rn-show-feed-tickers .rn-feed-card .rn-read-more-body-capsule{
        position:absolute!important;
        right:var(--rn-readmore-tablet-right,30px)!important;
        bottom:var(--rn-readmore-tablet-bottom,24px)!important;
        display:inline-flex!important;
        visibility:visible!important;
        opacity:1!important;
        pointer-events:auto!important;
        top:auto!important;
        left:auto!important;
        transform:none!important;
    }

    html body:not(.rn-show-feed-tickers){
        overflow-y:auto!important;
        height:auto!important;
        min-height:100vh!important;
    }

    html body:not(.rn-show-feed-tickers) main,
    html body:not(.rn-show-feed-tickers) article,
    html body:not(.rn-show-feed-tickers) .entry-content,
    html body:not(.rn-show-feed-tickers) .rn-dashboard,
    html body:not(.rn-show-feed-tickers) .rn-user-dashboard,
    html body:not(.rn-show-feed-tickers) .rn-saved-page,
    html body:not(.rn-show-feed-tickers) .rn-saved-news,
    html body:not(.rn-show-feed-tickers) .rn-saved-grid,
    html body:not(.rn-show-feed-tickers) .rn-dashboard-grid{
        height:auto!important;
        max-height:none!important;
        overflow:visible!important;
        padding-bottom:120px!important;
    }
}


/* ==========================================================
   N5TG v3 Layout Manager Layer
   Adds controls without removing existing layout.
========================================================== */

/* No text limit for ticker content */
html body #rn-viewport-tickers .rn-ticker-text,
html body #rn-viewport-tickers .rn-ticker-marquee,
html body .rn-viewport-tickers .rn-ticker-text,
html body .rn-viewport-tickers .rn-ticker-marquee {
    max-width:none!important;
    width:max-content!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
}

/* Custom ticker heights */
html body #rn-viewport-tickers .rn-ticker-row:nth-child(1),
html body .rn-viewport-tickers .rn-ticker-row:nth-child(1) {
    height:var(--rn-v3-ticker-1-height,25px)!important;
    min-height:var(--rn-v3-ticker-1-height,25px)!important;
}
html body #rn-viewport-tickers .rn-ticker-row:nth-child(2),
html body .rn-viewport-tickers .rn-ticker-row:nth-child(2) {
    height:var(--rn-v3-ticker-2-height,24px)!important;
    min-height:var(--rn-v3-ticker-2-height,24px)!important;
}
html body #rn-viewport-tickers .rn-ticker-row:nth-child(3),
html body .rn-viewport-tickers .rn-ticker-row:nth-child(3) {
    height:var(--rn-v3-ticker-3-height,24px)!important;
    min-height:var(--rn-v3-ticker-3-height,24px)!important;
}

/* Image height controls */
@media (min-width:1181px){
    html body.rn-show-feed-tickers .rn-feed-card .rn-feed-image{
        height:var(--rn-v3-image-height-desktop,35%)!important;
        min-height:var(--rn-v3-image-height-desktop,35%)!important;
        max-height:var(--rn-v3-image-height-desktop,35%)!important;
        flex-basis:var(--rn-v3-image-height-desktop,35%)!important;
    }
}
@media (min-width:700px) and (max-width:1180px){
    html body.rn-show-feed-tickers .rn-feed-card .rn-feed-image{
        height:var(--rn-v3-image-height-tablet,34%)!important;
        min-height:var(--rn-v3-image-height-tablet,34%)!important;
        max-height:var(--rn-v3-image-height-tablet,34%)!important;
        flex-basis:var(--rn-v3-image-height-tablet,34%)!important;
    }
}
@media (max-width:699px){
    html body.rn-show-feed-tickers .rn-feed-card .rn-feed-image{
        height:var(--rn-v3-image-height-mobile,35%)!important;
        min-height:var(--rn-v3-image-height-mobile,35%)!important;
        max-height:var(--rn-v3-image-height-mobile,35%)!important;
        flex-basis:var(--rn-v3-image-height-mobile,35%)!important;
    }
}

/* Action dock controls */
html body .rn-action-bar,
html body .rn-feed-card .rn-action-bar,
html body .rn-feed-card .rn-actions,
html body .rn-feed-card .rn-action-buttons{
    position:absolute!important;
    bottom:auto!important;
    left:auto!important;
    z-index:72!important;
}

@media (min-width:1181px){
    html body.rn-show-feed-tickers .rn-action-bar,
    html body.rn-show-feed-tickers .rn-feed-card .rn-action-bar,
    html body.rn-show-feed-tickers .rn-feed-card .rn-actions,
    html body.rn-show-feed-tickers .rn-feed-card .rn-action-buttons{
        right:var(--rn-v3-dock-desktop-right,18px)!important;
        top:var(--rn-v3-dock-desktop-top,42%)!important;
        transform:translateY(-28%)!important;
    }
    html body.rn-show-feed-tickers .rn-action-bar button,
    html body.rn-show-feed-tickers .rn-action-bar a,
    html body.rn-show-feed-tickers .rn-action-bar .rn-action-btn{
        width:var(--rn-v3-dock-button-desktop,42px)!important;
        height:var(--rn-v3-dock-button-desktop,42px)!important;
        min-width:var(--rn-v3-dock-button-desktop,42px)!important;
        min-height:var(--rn-v3-dock-button-desktop,42px)!important;
    }
}

@media (min-width:700px) and (max-width:1180px){
    html body.rn-show-feed-tickers .rn-action-bar,
    html body.rn-show-feed-tickers .rn-feed-card .rn-action-bar,
    html body.rn-show-feed-tickers .rn-feed-card .rn-actions,
    html body.rn-show-feed-tickers .rn-feed-card .rn-action-buttons{
        right:var(--rn-v3-dock-tablet-right,12px)!important;
        top:var(--rn-v3-dock-tablet-top,45%)!important;
        transform:translateY(-28%)!important;
    }
    html body.rn-show-feed-tickers .rn-action-bar button,
    html body.rn-show-feed-tickers .rn-action-bar a,
    html body.rn-show-feed-tickers .rn-action-bar .rn-action-btn{
        width:var(--rn-v3-dock-button-tablet,42px)!important;
        height:var(--rn-v3-dock-button-tablet,42px)!important;
        min-width:var(--rn-v3-dock-button-tablet,42px)!important;
        min-height:var(--rn-v3-dock-button-tablet,42px)!important;
    }
}

@media (max-width:699px){
    html body.rn-show-feed-tickers .rn-action-bar,
    html body.rn-show-feed-tickers .rn-feed-card .rn-action-bar,
    html body.rn-show-feed-tickers .rn-feed-card .rn-actions,
    html body.rn-show-feed-tickers .rn-feed-card .rn-action-buttons{
        right:var(--rn-v3-dock-mobile-right,10px)!important;
        top:var(--rn-v3-dock-mobile-top,45%)!important;
        transform:translateY(-28%)!important;
    }
    html body.rn-show-feed-tickers .rn-action-bar button,
    html body.rn-show-feed-tickers .rn-action-bar a,
    html body.rn-show-feed-tickers .rn-action-bar .rn-action-btn{
        width:var(--rn-v3-dock-button-mobile,46px)!important;
        height:var(--rn-v3-dock-button-mobile,46px)!important;
        min-width:var(--rn-v3-dock-button-mobile,46px)!important;
        min-height:var(--rn-v3-dock-button-mobile,46px)!important;
    }
}

/* Landscape = desktop layout on all devices, scoped only to feed pages */
@media (orientation:landscape){
    html body.rn-show-feed-tickers .rn-mobile-bottom-nav,
    html body.rn-show-feed-tickers .rn-bottom-nav,
    html body.rn-show-feed-tickers .rn-mobile-nav,
    html body.rn-show-feed-tickers .rn-bottom-menu,
    html body.rn-show-feed-tickers .rn-mobile-menu,
    html body.rn-show-feed-tickers .rn-footer-nav,
    html body.rn-show-feed-tickers #rn-tablet-bottom-nav-fallback{
        display:none!important;
        visibility:hidden!important;
        opacity:0!important;
        pointer-events:none!important;
    }

    html body.rn-show-feed-tickers .rn-left-sidebar,
    html body.rn-show-feed-tickers .rn-desktop-sidebar,
    html body.rn-show-feed-tickers .rn-sidebar{
        display:block!important;
        visibility:visible!important;
    }

    html body.rn-show-feed-tickers .rn-right-sidebar,
    html body.rn-show-feed-tickers .rn-latest-news-panel,
    html body.rn-show-feed-tickers .rn-latest-news-sidebar{
        display:block!important;
        visibility:visible!important;
    }
}


/* N5TG V3 DOCK CONTAINER FIX */
html body.rn-show-feed-tickers .rn-feed-card{position:relative!important}
html body.rn-show-feed-tickers .rn-feed-card .rn-action-bar,
html body.rn-show-feed-tickers .rn-feed-card .rn-actions,
html body.rn-show-feed-tickers .rn-feed-card .rn-action-buttons,
html body.rn-show-feed-tickers .rn-action-bar{
position:absolute!important;left:auto!important;bottom:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;z-index:2147482500!important;pointer-events:auto!important;transform:translateY(-50%)!important}
html body.rn-show-feed-tickers .rn-feed-card .rn-action-bar>*,
html body.rn-show-feed-tickers .rn-feed-card .rn-actions>*,
html body.rn-show-feed-tickers .rn-feed-card .rn-action-buttons>*,
html body.rn-show-feed-tickers .rn-action-bar>*{
position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;margin:0!important;flex:0 0 auto!important}
@media (min-width:1181px){
html body.rn-show-feed-tickers .rn-feed-card .rn-action-bar,
html body.rn-show-feed-tickers .rn-feed-card .rn-actions,
html body.rn-show-feed-tickers .rn-feed-card .rn-action-buttons,
html body.rn-show-feed-tickers .rn-action-bar{
right:var(--rn-v3-dock-desktop-right,18px)!important;top:var(--rn-v3-dock-desktop-top,42%)!important;gap:var(--rn-v3-dock-desktop-gap,9px)!important}}
@media (min-width:700px) and (max-width:1180px){
html body.rn-show-feed-tickers .rn-feed-card .rn-action-bar,
html body.rn-show-feed-tickers .rn-feed-card .rn-actions,
html body.rn-show-feed-tickers .rn-feed-card .rn-action-buttons,
html body.rn-show-feed-tickers .rn-action-bar{
right:var(--rn-v3-dock-tablet-right,12px)!important;top:var(--rn-v3-dock-tablet-top,45%)!important;gap:var(--rn-v3-dock-tablet-gap,8px)!important}}
@media (max-width:699px){
html body.rn-show-feed-tickers .rn-feed-card .rn-action-bar,
html body.rn-show-feed-tickers .rn-feed-card .rn-actions,
html body.rn-show-feed-tickers .rn-feed-card .rn-action-buttons,
html body.rn-show-feed-tickers .rn-action-bar{
right:var(--rn-v3-dock-mobile-right,10px)!important;top:var(--rn-v3-dock-mobile-top,45%)!important;gap:var(--rn-v3-dock-mobile-gap,8px)!important}}

/* N5TG ONE STEP LOGIN UI FIX */
.rn-auth-modal .rn-auth-tabs,.rn-login-modal .rn-auth-tabs,.rn-modal .rn-auth-tabs{display:none!important}
.rn-one-step-login-box{display:block!important;width:100%}
.rn-one-step-login-box input{display:block;width:100%;margin:10px 0;padding:14px 16px;border-radius:12px;border:1px solid #d8dbe2;font-size:15px}
.rn-one-step-login-box button{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border:0;border-radius:14px;background:#111;color:#fff;font-weight:900;font-size:16px}
.rn-one-step-login-note{margin:8px 0 12px;color:#555;font-size:13px;line-height:1.4}
.rn-one-step-login-msg{margin-top:10px;font-weight:800;text-align:center}


/* N5TG AUTH V2 CLEAN POPUP */
.rn-auth-v2-cleaned .rn-auth-tabs,
.rn-auth-v2-cleaned .rn-login-tabs,
.rn-auth-v2-cleaned .rn-register-tabs,
.rn-auth-v2-cleaned .rn-tab-buttons,
.rn-auth-v2-cleaned form:not(.rn-auth-v2-form),
.rn-auth-v2-cleaned .rn-login-form,
.rn-auth-v2-cleaned .rn-register-form{display:none!important}
.rn-auth-v2-form{display:block!important;width:100%!important;max-width:360px!important;margin:0 auto!important}
.rn-auth-v2-form h3{margin:0 0 14px!important;text-align:center!important;font-size:28px!important;font-weight:1000!important;color:#111!important}
.rn-auth-v2-note{margin:0 0 14px!important;text-align:center!important;color:#666!important;font-size:13px!important;line-height:1.35!important}
.rn-auth-v2-form input{width:100%!important;height:54px!important;margin:0 0 12px!important;padding:0 16px!important;border-radius:13px!important;border:1px solid #d9dde5!important;background:#fff!important;color:#111!important;font-size:15px!important;box-sizing:border-box!important}
.rn-auth-v2-form button{width:100%!important;min-height:54px!important;border:0!important;border-radius:14px!important;background:#111!important;color:#fff!important;font-size:16px!important;font-weight:1000!important;cursor:pointer!important}
.rn-auth-v2-message{margin-top:10px!important;text-align:center!important;font-weight:900!important;font-size:13px!important;color:#111!important}
.rn-auth-v2-cleaned{overflow:visible!important}


/* N5TG final language/login/ticker fixes */
.rn-translating *,.rn-language-changing *,.rn-feed-card.rn-translating *,.rn-feed-card.rn-language-changing *{transition:none!important;animation-play-state:paused!important}
.rn-translation-cache,.rn-lang-cache,.rn-hidden-translation{display:none!important;visibility:hidden!important;opacity:0!important}
.rn-feed-title[data-rn-lang-lock="1"],.rn-feed-excerpt[data-rn-lang-lock="1"],.rn-readmore-content[data-rn-lang-lock="1"]{opacity:1!important;visibility:visible!important}
.rn-auth-v2-cleaned,.rn-auth-modal.rn-auth-v2-cleaned,.rn-login-modal.rn-auth-v2-cleaned,.rn-login-popup.rn-auth-v2-cleaned,.rn-auth-popup.rn-auth-v2-cleaned,.rn-modal.rn-auth-v2-cleaned{background:rgba(0,0,0,.62)!important;backdrop-filter:blur(10px)!important}
.rn-auth-v2-cleaned .rn-auth-content,.rn-auth-v2-cleaned .rn-modal-content,.rn-auth-v2-cleaned .modal-content,.rn-auth-v2-cleaned .rn-login-content,.rn-auth-v2-cleaned .rn-popup-content{width:min(92vw,410px)!important;max-width:410px!important;margin:0 auto!important;padding:28px 26px!important;border-radius:24px!important;background:#fff!important;box-shadow:0 24px 80px rgba(0,0,0,.35)!important;border:1px solid rgba(255,255,255,.8)!important;position:relative!important}
.rn-auth-v2-cleaned .rn-close,.rn-auth-v2-cleaned .rn-modal-close,.rn-auth-v2-cleaned .close,.rn-auth-v2-cleaned [data-close],.rn-auth-v2-cleaned button[aria-label="Close"]{position:absolute!important;right:16px!important;top:14px!important;width:38px!important;height:38px!important;border-radius:50%!important;background:#f1f2f4!important;color:#777!important;border:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;cursor:pointer!important}
html body #rn-viewport-tickers .rn-ticker-row:nth-child(1),html body .rn-viewport-tickers .rn-ticker-row:nth-child(1),html body #rn-viewport-tickers .rn-ticker-line:nth-child(1),html body .rn-viewport-tickers .rn-ticker-line:nth-child(1){height:var(--rn-v3-ticker-1-height,25px)!important;min-height:var(--rn-v3-ticker-1-height,25px)!important;max-height:var(--rn-v3-ticker-1-height,25px)!important;line-height:var(--rn-v3-ticker-1-height,25px)!important}
html body #rn-viewport-tickers .rn-ticker-row:nth-child(2),html body .rn-viewport-tickers .rn-ticker-row:nth-child(2),html body #rn-viewport-tickers .rn-ticker-line:nth-child(2),html body .rn-viewport-tickers .rn-ticker-line:nth-child(2){height:var(--rn-v3-ticker-2-height,24px)!important;min-height:var(--rn-v3-ticker-2-height,24px)!important;max-height:var(--rn-v3-ticker-2-height,24px)!important;line-height:var(--rn-v3-ticker-2-height,24px)!important}
html body #rn-viewport-tickers .rn-ticker-row:nth-child(3),html body .rn-viewport-tickers .rn-ticker-row:nth-child(3),html body #rn-viewport-tickers .rn-ticker-line:nth-child(3),html body .rn-viewport-tickers .rn-ticker-line:nth-child(3){height:var(--rn-v3-ticker-3-height,24px)!important;min-height:var(--rn-v3-ticker-3-height,24px)!important;max-height:var(--rn-v3-ticker-3-height,24px)!important;line-height:var(--rn-v3-ticker-3-height,24px)!important}
html body #rn-viewport-tickers,html body .rn-viewport-tickers{height:calc(var(--rn-v3-ticker-1-height,25px) + var(--rn-v3-ticker-2-height,24px) + var(--rn-v3-ticker-3-height,24px))!important}
html body #rn-viewport-tickers .rn-ticker-text,html body .rn-viewport-tickers .rn-ticker-text,html body #rn-viewport-tickers .rn-ticker-marquee,html body .rn-viewport-tickers .rn-ticker-marquee{white-space:nowrap!important;max-width:none!important;width:max-content!important;overflow:visible!important;text-overflow:clip!important}

/* N5TG PRO login bg + ticker position */
body.rn-auth-open #rn-viewport-tickers,body.rn-auth-open .rn-viewport-tickers{display:none!important;visibility:hidden!important;opacity:0!important}
.rn-auth-v2-cleaned,.rn-auth-modal.rn-auth-v2-cleaned,.rn-login-modal.rn-auth-v2-cleaned,.rn-login-popup.rn-auth-v2-cleaned,.rn-auth-popup.rn-auth-v2-cleaned,.rn-modal.rn-auth-v2-cleaned{background:rgba(0,0,0,.68)!important;backdrop-filter:blur(10px)!important}
.rn-auth-v2-cleaned .rn-auth-content,.rn-auth-v2-cleaned .rn-modal-content,.rn-auth-v2-cleaned .modal-content,.rn-auth-v2-cleaned .rn-login-content,.rn-auth-v2-cleaned .rn-popup-content{width:min(92vw,410px)!important;max-width:410px!important;margin:0 auto!important;padding:28px 26px!important;border-radius:24px!important;background:#fff!important;box-shadow:0 22px 80px rgba(0,0,0,.45)!important;border:1px solid rgba(255,255,255,.8)!important;position:relative!important}
.rn-auth-v2-form{background:#fff!important;border-radius:24px!important;box-shadow:none!important;padding:0!important}.rn-auth-v2-form h3,.rn-auth-v2-note{color:#111!important;opacity:1!important;text-shadow:none!important}.rn-auth-v2-form input{background:#fff!important;color:#111!important;border:1px solid #d9dde5!important}.rn-auth-v2-form button{background:#111!important;color:#fff!important}
html body #rn-viewport-tickers,html body .rn-viewport-tickers{position:fixed!important;height:calc(var(--rn-v3-ticker-1-height,25px) + var(--rn-v3-ticker-2-height,24px) + var(--rn-v3-ticker-3-height,24px))!important}
@media (min-width:1181px){html body #rn-viewport-tickers,html body .rn-viewport-tickers{left:var(--rn-ticker-desktop-left,0px)!important;right:var(--rn-ticker-desktop-right,0px)!important;bottom:var(--rn-ticker-desktop-bottom,0px)!important}}
@media (min-width:700px) and (max-width:1180px){html body #rn-viewport-tickers,html body .rn-viewport-tickers{left:var(--rn-ticker-tablet-left,0px)!important;right:var(--rn-ticker-tablet-right,0px)!important;bottom:var(--rn-ticker-tablet-bottom,68px)!important}}
@media (max-width:699px){html body #rn-viewport-tickers,html body .rn-viewport-tickers{left:var(--rn-ticker-mobile-left,0px)!important;right:var(--rn-ticker-mobile-right,0px)!important;bottom:var(--rn-ticker-mobile-bottom,68px)!important}}
html body #rn-viewport-tickers .rn-ticker-row:nth-child(1),html body .rn-viewport-tickers .rn-ticker-row:nth-child(1),html body #rn-viewport-tickers .rn-ticker-line:nth-child(1),html body .rn-viewport-tickers .rn-ticker-line:nth-child(1){height:var(--rn-v3-ticker-1-height,25px)!important;min-height:var(--rn-v3-ticker-1-height,25px)!important;max-height:var(--rn-v3-ticker-1-height,25px)!important;line-height:var(--rn-v3-ticker-1-height,25px)!important}
html body #rn-viewport-tickers .rn-ticker-row:nth-child(2),html body .rn-viewport-tickers .rn-ticker-row:nth-child(2),html body #rn-viewport-tickers .rn-ticker-line:nth-child(2),html body .rn-viewport-tickers .rn-ticker-line:nth-child(2){height:var(--rn-v3-ticker-2-height,24px)!important;min-height:var(--rn-v3-ticker-2-height,24px)!important;max-height:var(--rn-v3-ticker-2-height,24px)!important;line-height:var(--rn-v3-ticker-2-height,24px)!important}
html body #rn-viewport-tickers .rn-ticker-row:nth-child(3),html body .rn-viewport-tickers .rn-ticker-row:nth-child(3),html body #rn-viewport-tickers .rn-ticker-line:nth-child(3),html body .rn-viewport-tickers .rn-ticker-line:nth-child(3){height:var(--rn-v3-ticker-3-height,24px)!important;min-height:var(--rn-v3-ticker-3-height,24px)!important;max-height:var(--rn-v3-ticker-3-height,24px)!important;line-height:var(--rn-v3-ticker-3-height,24px)!important}

/* N5TG V4 clean frontend */
body.rn-v4-auth-open #rn-viewport-tickers,body.rn-v4-auth-open .rn-viewport-tickers{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
#rn-v4-auth-modal{position:fixed!important;inset:0!important;z-index:2147483000!important;display:none;align-items:center!important;justify-content:center!important;padding:18px!important;background:rgba(0,0,0,.72)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
#rn-v4-auth-modal.rn-v4-open{display:flex!important}
.rn-v4-auth-card{width:min(92vw,430px)!important;max-width:430px!important;background:#fff!important;border-radius:26px!important;padding:34px 28px 28px!important;box-shadow:0 30px 100px rgba(0,0,0,.55)!important;border:1px solid rgba(255,255,255,.9)!important;position:relative!important;box-sizing:border-box!important}
.rn-v4-auth-close{position:absolute!important;right:16px!important;top:16px!important;width:40px!important;height:40px!important;border:0!important;border-radius:50%!important;background:#f2f3f5!important;color:#7b7f87!important;font-size:24px!important;font-weight:900!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important}
.rn-v4-auth-close:hover{background:#e6e8ec!important;color:#111!important}.rn-v4-auth-card h3{margin:0 0 14px!important;text-align:center!important;color:#111!important;font-size:30px!important;line-height:1.05!important;font-weight:1000!important}.rn-v4-auth-note{color:#4b5563!important;text-align:center!important;font-size:13px!important;line-height:1.45!important;margin:0 auto 18px!important;max-width:310px!important}.rn-v4-auth-card input{width:100%!important;height:56px!important;margin:0 0 13px!important;padding:0 17px!important;background:#fff!important;color:#111!important;border:1px solid #d8dde6!important;border-radius:14px!important;font-size:15.5px!important;box-sizing:border-box!important;outline:none!important;box-shadow:none!important}.rn-v4-auth-card input:focus{border-color:#111!important;box-shadow:0 0 0 3px rgba(17,17,17,.08)!important}.rn-v4-auth-card button[type="submit"]{width:100%!important;height:56px!important;border:0!important;border-radius:15px!important;background:#111!important;color:#fff!important;font-size:16px!important;font-weight:1000!important;cursor:pointer!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important}.rn-v4-auth-message{margin-top:12px!important;color:#111!important;font-size:13px!important;text-align:center!important;font-weight:900!important}
.rn-auth-v2-cleaned,.rn-auth-modal.rn-auth-v2-cleaned,.rn-login-modal.rn-auth-v2-cleaned,.rn-login-popup.rn-auth-v2-cleaned,.rn-auth-popup.rn-auth-v2-cleaned{display:none!important}
html body.rn-show-feed-tickers .rn-feed-card .rn-action-bar,html body.rn-show-feed-tickers .rn-feed-card .rn-actions,html body.rn-show-feed-tickers .rn-feed-card .rn-action-buttons,html body.rn-show-feed-tickers .rn-action-bar{position:absolute!important;left:auto!important;bottom:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;height:auto!important;overflow:visible!important;z-index:2147482500!important;transform:translateY(-50%)!important}
@media (min-width:1181px){html body.rn-show-feed-tickers .rn-feed-card .rn-action-bar,html body.rn-show-feed-tickers .rn-feed-card .rn-actions,html body.rn-show-feed-tickers .rn-feed-card .rn-action-buttons,html body.rn-show-feed-tickers .rn-action-bar{right:var(--rn-v4-dock-desktop-right,18px)!important;top:var(--rn-v4-dock-desktop-top,42%)!important;gap:var(--rn-v4-dock-desktop-gap,9px)!important}}
@media (min-width:700px) and (max-width:1180px){html body.rn-show-feed-tickers .rn-feed-card .rn-action-bar,html body.rn-show-feed-tickers .rn-feed-card .rn-actions,html body.rn-show-feed-tickers .rn-feed-card .rn-action-buttons,html body.rn-show-feed-tickers .rn-action-bar{right:var(--rn-v4-dock-tablet-right,12px)!important;top:var(--rn-v4-dock-tablet-top,45%)!important;gap:var(--rn-v4-dock-tablet-gap,8px)!important}}
@media (max-width:699px){html body.rn-show-feed-tickers .rn-feed-card .rn-action-bar,html body.rn-show-feed-tickers .rn-feed-card .rn-actions,html body.rn-show-feed-tickers .rn-feed-card .rn-action-buttons,html body.rn-show-feed-tickers .rn-action-bar{right:var(--rn-v4-dock-mobile-right,10px)!important;top:var(--rn-v4-dock-mobile-top,45%)!important;gap:var(--rn-v4-dock-mobile-gap,8px)!important}}
html body #rn-viewport-tickers,html body .rn-viewport-tickers{position:fixed!important;height:calc(var(--rn-v4-ticker-1-height,25px) + var(--rn-v4-ticker-2-height,24px) + var(--rn-v4-ticker-3-height,24px))!important}
@media (min-width:1181px){html body #rn-viewport-tickers,html body .rn-viewport-tickers{left:var(--rn-v4-ticker-desktop-left,0px)!important;right:var(--rn-v4-ticker-desktop-right,0px)!important;bottom:var(--rn-v4-ticker-desktop-bottom,0px)!important}}
@media (min-width:700px) and (max-width:1180px){html body #rn-viewport-tickers,html body .rn-viewport-tickers{left:var(--rn-v4-ticker-tablet-left,0px)!important;right:var(--rn-v4-ticker-tablet-right,0px)!important;bottom:var(--rn-v4-ticker-tablet-bottom,68px)!important}}
@media (max-width:699px){html body #rn-viewport-tickers,html body .rn-viewport-tickers{left:var(--rn-v4-ticker-mobile-left,0px)!important;right:var(--rn-v4-ticker-mobile-right,0px)!important;bottom:var(--rn-v4-ticker-mobile-bottom,68px)!important}}
html body #rn-viewport-tickers .rn-ticker-row:nth-child(1),html body .rn-viewport-tickers .rn-ticker-row:nth-child(1),html body #rn-viewport-tickers .rn-ticker-line:nth-child(1),html body .rn-viewport-tickers .rn-ticker-line:nth-child(1){height:var(--rn-v4-ticker-1-height,25px)!important;min-height:var(--rn-v4-ticker-1-height,25px)!important;max-height:var(--rn-v4-ticker-1-height,25px)!important;line-height:var(--rn-v4-ticker-1-height,25px)!important}
html body #rn-viewport-tickers .rn-ticker-row:nth-child(2),html body .rn-viewport-tickers .rn-ticker-row:nth-child(2),html body #rn-viewport-tickers .rn-ticker-line:nth-child(2),html body .rn-viewport-tickers .rn-ticker-line:nth-child(2){height:var(--rn-v4-ticker-2-height,24px)!important;min-height:var(--rn-v4-ticker-2-height,24px)!important;max-height:var(--rn-v4-ticker-2-height,24px)!important;line-height:var(--rn-v4-ticker-2-height,24px)!important}
html body #rn-viewport-tickers .rn-ticker-row:nth-child(3),html body .rn-viewport-tickers .rn-ticker-row:nth-child(3),html body #rn-viewport-tickers .rn-ticker-line:nth-child(3),html body .rn-viewport-tickers .rn-ticker-line:nth-child(3){height:var(--rn-v4-ticker-3-height,24px)!important;min-height:var(--rn-v4-ticker-3-height,24px)!important;max-height:var(--rn-v4-ticker-3-height,24px)!important;line-height:var(--rn-v4-ticker-3-height,24px)!important}


/* ==========================================================
   N5TG V5 FINAL GLOSSY SYSTEM
========================================================== */

/* Native advertisement card */
.rn-smart-ad-card{
    display:grid!important;
    grid-template-rows:minmax(0, 68%) minmax(0, 32%)!important;
    background:
        radial-gradient(circle at 20% 0%, rgba(255,255,255,.09), transparent 38%),
        linear-gradient(145deg,#11131b,#08090e)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08)!important;
    overflow:hidden!important;
}
.rn-smart-ad-card .rn-ad-media-wrap{
    min-height:0!important;
    height:100%!important;
    position:relative!important;
    background:#000!important;
}
.rn-smart-ad-card .rn-ad-video,
.rn-smart-ad-card .rn-ad-image{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
    display:block!important;
}
.rn-smart-ad-card .rn-ad-content-panel{
    min-height:0!important;
    padding:24px 30px 28px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    gap:18px!important;
    background:linear-gradient(180deg,rgba(18,20,30,.98),rgba(8,9,14,.99))!important;
}
.rn-smart-ad-card .rn-ad-title{
    margin:0 0 12px!important;
    font-size:clamp(24px,2.2vw,38px)!important;
    line-height:1.12!important;
    color:#fff!important;
    font-weight:1000!important;
}
.rn-smart-ad-card .rn-ad-description{
    margin:0!important;
    font-size:clamp(15px,1.25vw,20px)!important;
    line-height:1.65!important;
    color:rgba(255,255,255,.84)!important;
    white-space:normal!important;
    overflow:visible!important;
    max-height:none!important;
    -webkit-line-clamp:unset!important;
}
.rn-smart-ad-card .rn-ad-cta{
    align-self:flex-end!important;
    border-radius:999px!important;
    padding:13px 24px!important;
    background:linear-gradient(135deg,#ff174f,#ff5b75)!important;
    color:#fff!important;
    font-weight:1000!important;
    box-shadow:0 12px 30px rgba(255,23,79,.28)!important;
}
.rn-video-sound-toggle{
    position:absolute!important;
    left:18px!important;
    bottom:18px!important;
    z-index:8!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    min-height:42px!important;
    padding:0 15px!important;
    border:1px solid rgba(255,255,255,.24)!important;
    border-radius:999px!important;
    background:rgba(5,7,12,.72)!important;
    backdrop-filter:blur(12px)!important;
    color:#fff!important;
    font-weight:900!important;
    cursor:pointer!important;
}
.rn-video-sound-toggle.rn-sound-active{
    background:rgba(13,148,76,.82)!important;
}

@media (max-width:699px){
    .rn-smart-ad-card{
        grid-template-rows:minmax(0, 60%) minmax(0, 40%)!important;
    }
    .rn-smart-ad-card .rn-ad-content-panel{
        padding:18px 18px 84px!important;
        gap:12px!important;
    }
    .rn-smart-ad-card .rn-ad-title{
        font-size:22px!important;
    }
    .rn-smart-ad-card .rn-ad-description{
        font-size:14px!important;
        line-height:1.55!important;
    }
    .rn-video-sound-toggle{
        left:12px!important;
        bottom:12px!important;
        font-size:12px!important;
    }
}

/* Scale the COMPLETE action dock, not individual icons */
@media (min-width:1181px){
    .rn-feed-card .rn-action-bar,
    .rn-feed-card .rn-actions,
    .rn-feed-card .rn-action-buttons{
        scale:var(--rn-v5-dock-desktop-scale,1)!important;
        transform-origin:center right!important;
    }
}
@media (min-width:700px) and (max-width:1180px){
    .rn-feed-card .rn-action-bar,
    .rn-feed-card .rn-actions,
    .rn-feed-card .rn-action-buttons{
        scale:var(--rn-v5-dock-tablet-scale,1)!important;
        transform-origin:center right!important;
    }
}
@media (max-width:699px){
    .rn-feed-card .rn-action-bar,
    .rn-feed-card .rn-actions,
    .rn-feed-card .rn-action-buttons{
        scale:var(--rn-v5-dock-mobile-scale,1)!important;
        transform-origin:center right!important;
    }
}

/* Move real three-row ticker wrapper as one dock */
@media (min-width:1181px){
    .rn-bottom-tickers-wrap,
    #rn-viewport-tickers,
    .rn-viewport-tickers{
        transform:translateY(var(--rn-v5-ticker-desktop-y,0px))!important;
    }
}
@media (min-width:700px) and (max-width:1180px){
    .rn-bottom-tickers-wrap,
    #rn-viewport-tickers,
    .rn-viewport-tickers{
        transform:translateY(var(--rn-v5-ticker-tablet-y,0px))!important;
    }
}
@media (max-width:699px){
    .rn-bottom-tickers-wrap,
    #rn-viewport-tickers,
    .rn-viewport-tickers{
        transform:translateY(var(--rn-v5-ticker-mobile-y,0px))!important;
    }
}

/* Poll module custom position */
.rn-feed-card .rn-feed-poll,
.rn-feed-card .rn-feed-poll-big{
    position:absolute!important;
    left:auto!important;
    bottom:auto!important;
    z-index:30!important;
}
@media (min-width:1181px){
    .rn-feed-card .rn-feed-poll,
    .rn-feed-card .rn-feed-poll-big{
        right:var(--rn-v5-poll-desktop-right,205px)!important;
        top:var(--rn-v5-poll-desktop-top,48%)!important;
    }
}
@media (min-width:700px) and (max-width:1180px){
    .rn-feed-card .rn-feed-poll,
    .rn-feed-card .rn-feed-poll-big{
        right:var(--rn-v5-poll-tablet-right,80px)!important;
        top:var(--rn-v5-poll-tablet-top,46%)!important;
    }
}
@media (max-width:699px){
    .rn-feed-card .rn-feed-poll,
    .rn-feed-card .rn-feed-poll-big{
        right:var(--rn-v5-poll-mobile-right,76px)!important;
        top:var(--rn-v5-poll-mobile-top,47%)!important;
    }
}

/* Scoped glossy finish */
.rn-feed-card{
    background:
        radial-gradient(circle at 15% 0%,rgba(255,255,255,.055),transparent 30%),
        linear-gradient(145deg,#11131a,#090a0f)!important;
    border-color:rgba(255,255,255,.11)!important;
    box-shadow:0 22px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.rn-feed-card .rn-meta-capsule,
.rn-feed-card .rn-view-count,
.rn-feed-card .rn-views-count,
.rn-feed-card .rn-feed-poll,
.rn-feed-card .rn-feed-poll-big,
.rn-feed-card .rn-action-bar{
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.rn-bottom-ticker{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 -5px 22px rgba(0,0,0,.18)!important;
}
.rn-ad-label,
.rn-category-badge,
.rn-breaking-badge{
    box-shadow:0 10px 24px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.25)!important;
}

/* Generic video sound behavior */
.rn-news-video,
.rn-feed-video,
.rn-post-video,
.rn-featured-video,
.rn-feed-card video{
    background:#000!important;
}


/* N5TG V6: Perfect advertisement layout + poll wrapping */
.rn-smart-ad-card{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:minmax(0,70%) minmax(0,30%)!important;width:100%!important;height:100%!important;overflow:hidden!important;background:#000!important}
.rn-smart-ad-card .rn-ad-media-wrap{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#000!important}
.rn-smart-ad-card .rn-ad-media-link{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#000!important}
.rn-smart-ad-card .rn-ad-image,.rn-smart-ad-card .rn-ad-video{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0 auto!important;background:#000!important}
.rn-smart-ad-card .rn-ad-aspect-wide .rn-ad-image,.rn-smart-ad-card .rn-ad-aspect-wide .rn-ad-video,.rn-smart-ad-card .rn-ad-aspect-landscape .rn-ad-image,.rn-smart-ad-card .rn-ad-aspect-landscape .rn-ad-video{object-fit:cover!important}
.rn-smart-ad-card .rn-ad-aspect-square .rn-ad-image,.rn-smart-ad-card .rn-ad-aspect-square .rn-ad-video,.rn-smart-ad-card .rn-ad-aspect-portrait .rn-ad-image,.rn-smart-ad-card .rn-ad-aspect-portrait .rn-ad-video,.rn-smart-ad-card .rn-ad-aspect-pending .rn-ad-image,.rn-smart-ad-card .rn-ad-aspect-pending .rn-ad-video{object-fit:contain!important}
.rn-smart-ad-card .rn-ad-content-panel{min-width:0!important;min-height:0!important;height:100%!important;padding:18px 24px 20px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:18px!important;align-items:center!important;background:radial-gradient(circle at 0 0,rgba(255,255,255,.08),transparent 40%),linear-gradient(180deg,#151822,#090a0f)!important;border-top:1px solid rgba(255,255,255,.12)!important;box-sizing:border-box!important}
.rn-smart-ad-card.rn-ad-no-link .rn-ad-content-panel{grid-template-columns:minmax(0,1fr)!important}
.rn-smart-ad-card .rn-ad-content-panel>div{min-width:0!important}.rn-smart-ad-card .rn-ad-title{margin:0 0 8px!important;color:#fff!important;font-size:clamp(20px,2vw,31px)!important;line-height:1.15!important;font-weight:1000!important;white-space:normal!important;overflow-wrap:anywhere!important}.rn-smart-ad-card .rn-ad-description{margin:0!important;color:rgba(255,255,255,.82)!important;font-size:clamp(13px,1.1vw,17px)!important;line-height:1.55!important;white-space:normal!important;overflow:visible!important;max-height:none!important;display:block!important;-webkit-line-clamp:unset!important}.rn-smart-ad-card .rn-ad-cta{align-self:center!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 20px!important;border-radius:999px!important}
@media (min-width:700px){.rn-smart-ad-card{grid-template-columns:1fr!important;grid-template-rows:minmax(0,70%) minmax(0,30%)!important}}
@media (max-width:699px){.rn-smart-ad-card{grid-template-rows:minmax(0,68%) minmax(0,32%)!important}.rn-smart-ad-card .rn-ad-content-panel{padding:14px 14px 76px!important;gap:10px!important}.rn-smart-ad-card .rn-ad-title{font-size:19px!important;line-height:1.18!important;margin-bottom:6px!important}.rn-smart-ad-card .rn-ad-description{font-size:13px!important;line-height:1.45!important}.rn-smart-ad-card .rn-ad-cta{min-height:39px!important;padding:0 14px!important;font-size:12px!important}}
.rn-feed-poll,.rn-feed-poll-big{height:auto!important;min-height:44px!important;max-height:none!important;align-items:center!important}.rn-poll-question{min-width:0!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:break-word!important;line-height:1.25!important;-webkit-line-clamp:unset!important;line-clamp:unset!important}
@media (max-width:699px){.rn-feed-poll,.rn-feed-poll-big{min-height:46px!important;padding-top:7px!important;padding-bottom:7px!important}.rn-poll-question{font-size:11px!important;line-height:1.22!important;padding:1px 0!important}}


/* ==========================================================
   N5TG V7 stable ads, two-line poll, no repaint flicker
========================================================== */
.rn-smart-ad-card,
.rn-smart-ad-card *{
    animation:none!important;
}
.rn-smart-ad-card .rn-ad-media-wrap,
.rn-smart-ad-card .rn-ad-media-link,
.rn-smart-ad-card .rn-ad-image,
.rn-smart-ad-card .rn-ad-video{
    transition:none!important;
}
.rn-smart-ad-card .rn-ad-media-wrap{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    background:#000!important;
    contain:layout paint!important;
}
.rn-smart-ad-card .rn-ad-media-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    background:#000!important;
}
/* Respect every creator's intrinsic media ratio. Width fills whenever possible;
   remaining unused space stays black. */
.rn-smart-ad-card .rn-ad-image,
.rn-smart-ad-card .rn-ad-video{
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#000!important;
    opacity:1!important;
    visibility:visible!important;
}
.rn-video-sound-toggle{display:none!important}
/* Same vertical ad architecture on phone, tablet and desktop. */
.rn-smart-ad-card{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(0,70%) minmax(0,30%)!important;
}
@media (max-width:699px){
    .rn-smart-ad-card{grid-template-rows:minmax(0,68%) minmax(0,32%)!important}
}
/* Poll: up to two natural lines, no ellipsis dots. */
.rn-feed-card .rn-feed-poll.rn-feed-poll-big{
    display:flex!important;
    align-items:center!important;
    height:auto!important;
    min-height:48px!important;
    max-height:none!important;
    overflow:visible!important;
}
.rn-feed-card .rn-feed-poll.rn-feed-poll-big .rn-poll-question{
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    display:block!important;
    line-height:1.22!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
}
@media (max-width:699px){
    .rn-feed-card .rn-feed-poll.rn-feed-poll-big{min-height:54px!important;padding-top:7px!important;padding-bottom:7px!important}
    .rn-feed-card .rn-feed-poll.rn-feed-poll-big .rn-poll-question{font-size:11px!important;line-height:1.22!important}
}


/* ==========================================================
   N5TG V8: Mobile ads, poll wrap, ticker alignment, fast feedback
========================================================== */

.rn-smart-ad-card,
.rn-smart-ad-card * {
    animation: none !important;
}

.rn-smart-ad-card {
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: #000 !important;
    border-radius: inherit !important;
}

.rn-smart-ad-card .rn-ad-media-wrap {
    position: relative !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #000 !important;
    box-shadow: none !important;
}

.rn-smart-ad-card .rn-ad-media-link {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #000 !important;
}

.rn-smart-ad-card .rn-ad-image,
.rn-smart-ad-card .rn-ad-video {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #000 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
}

.rn-smart-ad-card .rn-ad-content-panel {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-height: 132px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 18px 22px !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 16px !important;
    background: linear-gradient(180deg, #171a24, #0a0b10) !important;
    border-top: 1px solid rgba(255,255,255,.12) !important;
}

.rn-smart-ad-card.rn-ad-no-link .rn-ad-content-panel {
    grid-template-columns: minmax(0, 1fr) !important;
}

.rn-smart-ad-card .rn-ad-title,
.rn-smart-ad-card .rn-ad-description {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-height: none !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
}

.rn-smart-ad-card .rn-video-sound-toggle {
    display: none !important;
}

@media (max-width: 699px) {
    .rn-smart-ad-card {
        height: calc(100svh - 68px) !important;
        min-height: calc(100svh - 68px) !important;
        max-height: calc(100svh - 68px) !important;
    }

    .rn-smart-ad-card .rn-ad-media-wrap {
        flex: 1 1 auto !important;
        min-height: 0 !important;
    }

    .rn-smart-ad-card .rn-ad-content-panel {
        flex: 0 0 154px !important;
        min-height: 154px !important;
        max-height: 154px !important;
        padding: 14px 14px 60px !important;
        gap: 9px !important;
    }

    .rn-smart-ad-card .rn-ad-title {
        margin: 0 0 5px !important;
        font-size: 18px !important;
        line-height: 1.18 !important;
    }

    .rn-smart-ad-card .rn-ad-description {
        margin: 0 !important;
        font-size: 12px !important;
        line-height: 1.38 !important;
    }

    .rn-smart-ad-card .rn-ad-cta {
        min-height: 38px !important;
        padding: 0 13px !important;
        font-size: 11px !important;
        white-space: nowrap !important;
    }

    /* Square uploads fill left/right. Remaining vertical area stays black. */
    .rn-smart-ad-card .rn-ad-image {
        width: 100% !important;
        height: auto !important;
    }
}

/* Poll: responsive two-line content, no ellipsis from any older rule */
.rn-feed-card .rn-feed-poll,
.rn-feed-card .rn-feed-poll-big {
    height: auto !important;
    min-height: 48px !important;
    max-height: none !important;
    overflow: visible !important;
    align-items: center !important;
}

.rn-feed-card .rn-poll-question,
.rn-feed-card .rn-feed-poll .rn-poll-question,
.rn-feed-card .rn-feed-poll-big .rn-poll-question {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: block !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.22 !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
}

@media (max-width: 699px) {
    .rn-feed-card .rn-feed-poll,
    .rn-feed-card .rn-feed-poll-big {
        min-height: 54px !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .rn-feed-card .rn-poll-question,
    .rn-feed-card .rn-feed-poll .rn-poll-question,
    .rn-feed-card .rn-feed-poll-big .rn-poll-question {
        font-size: 10.5px !important;
        line-height: 1.22 !important;
    }

    /* Move the combined 3-row ticker approximately 1 mm downward. */
    html body #rn-viewport-tickers.rn-viewport-tickers,
    html body .rn-viewport-tickers {
        transform: translate3d(0, 4px, 0) !important;
    }
}

/* Immediate action feedback */
.rn-like-btn,
.rn-save-btn,
.rn-share-btn,
.rn-comment-btn {
    touch-action: manipulation !important;
    will-change: transform !important;
}

.rn-like-btn:active,
.rn-save-btn:active,
.rn-share-btn:active,
.rn-comment-btn:active,
.rn-sharing-now {
    transform: scale(.9) !important;
    transition: transform .08s ease !important;
}


/* ==========================================================
   N5TG V9: Mobile ad centering + classic share poster
========================================================== */

/* Keep the media perfectly centered between screen top and info belt */
@media (max-width:699px) {
    .rn-smart-ad-card {
        display:grid!important;
        grid-template-rows:minmax(0,1fr) 154px!important;
        height:calc(100svh - 68px)!important;
        min-height:calc(100svh - 68px)!important;
        max-height:calc(100svh - 68px)!important;
        overflow:hidden!important;
        background:#000!important;
    }

    .rn-smart-ad-card .rn-ad-media-wrap {
        grid-row:1!important;
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        overflow:hidden!important;
        background:#000!important;
    }

    .rn-smart-ad-card .rn-ad-media-link {
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        background:#000!important;
    }

    .rn-smart-ad-card .rn-ad-image,
    .rn-smart-ad-card .rn-ad-video {
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        max-height:100%!important;
        object-fit:contain!important;
        object-position:center center!important;
        margin:auto!important;
        background:#000!important;
    }

    .rn-smart-ad-card .rn-ad-content-panel {
        grid-row:2!important;
        width:100%!important;
        height:154px!important;
        min-height:154px!important;
        max-height:154px!important;
        margin:0!important;
        padding:14px 14px 58px!important;
        box-sizing:border-box!important;
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        align-items:center!important;
        gap:10px!important;
        border-radius:0!important;
    }

    .rn-smart-ad-card.rn-ad-no-link .rn-ad-content-panel {
        grid-template-columns:minmax(0,1fr)!important;
    }
}

/* Classic share poster */
.rn-share-poster-card.rn-share-poster-classic {
    position:fixed!important;
    left:-99999px!important;
    top:0!important;
    width:1080px!important;
    height:1350px!important;
    display:grid!important;
    grid-template-rows:790px 560px!important;
    overflow:hidden!important;
    background:#08090d!important;
    color:#fff!important;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    z-index:-1!important;
}

.rn-share-poster-image-wrap {
    position:relative!important;
    width:100%!important;
    height:790px!important;
    overflow:hidden!important;
    background:#000!important;
}

.rn-share-poster-main-image {
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
}

.rn-share-poster-shade {
    position:absolute!important;
    inset:0!important;
    background:
        linear-gradient(180deg,rgba(0,0,0,.20),transparent 38%,rgba(0,0,0,.58)),
        radial-gradient(circle at 50% 100%,rgba(93,7,18,.24),transparent 50%)!important;
}

.rn-share-poster-topline {
    position:absolute!important;
    left:38px!important;
    right:38px!important;
    top:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;
}

.rn-share-poster-sponsored {
    display:inline-flex!important;
    align-items:center!important;
    min-height:48px!important;
    padding:0 22px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.94)!important;
    color:#111!important;
    font-size:24px!important;
    font-weight:1000!important;
    box-shadow:0 10px 32px rgba(0,0,0,.26)!important;
}

.rn-share-poster-logo {
    width:118px!important;
    height:118px!important;
    object-fit:contain!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.94)!important;
    padding:8px!important;
    box-shadow:0 12px 36px rgba(0,0,0,.34)!important;
}

.rn-share-poster-logo-text {
    width:112px!important;
    height:112px!important;
    border-radius:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    background:#fff!important;
    color:#111!important;
    font-size:24px!important;
    line-height:1!important;
    font-weight:1000!important;
}

.rn-share-poster-watermark {
    position:absolute!important;
    left:50%!important;
    bottom:34px!important;
    transform:translateX(-50%)!important;
    padding:12px 24px!important;
    border-radius:12px!important;
    background:rgba(0,0,0,.42)!important;
    color:rgba(255,255,255,.62)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    font-size:28px!important;
    font-weight:1000!important;
    letter-spacing:1px!important;
    backdrop-filter:blur(8px)!important;
}

.rn-share-poster-classic .rn-share-poster-content {
    padding:48px 54px 44px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    background:
        radial-gradient(circle at 0 0,rgba(255,255,255,.06),transparent 36%),
        linear-gradient(145deg,#151721,#08090d)!important;
}

.rn-share-poster-classic .rn-share-poster-title {
    margin:0 0 24px!important;
    color:#fff!important;
    font-size:56px!important;
    line-height:1.1!important;
    font-weight:1000!important;
    letter-spacing:-1px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
}

.rn-share-poster-author {
    margin-bottom:18px!important;
    color:#fff!important;
    font-size:27px!important;
    line-height:1.3!important;
    font-weight:900!important;
}

.rn-share-poster-author span {
    color:#ff4264!important;
}

.rn-share-poster-classic .rn-share-poster-meta {
    margin-bottom:24px!important;
    color:rgba(255,255,255,.72)!important;
    font-size:24px!important;
    line-height:1.4!important;
    font-weight:750!important;
}

.rn-share-poster-link-label {
    margin-bottom:8px!important;
    color:rgba(255,255,255,.58)!important;
    font-size:21px!important;
    font-weight:800!important;
}

.rn-share-poster-link {
    color:#fff!important;
    font-size:24px!important;
    line-height:1.35!important;
    font-weight:900!important;
    overflow-wrap:anywhere!important;
}


/* ==========================================================
   N5TG V10 INSTANT SIMPLE LOGIN
========================================================== */

/* Completely disable every previous login popup implementation. */
#rn-v4-auth-modal,
.rn-auth-v2-cleaned,
.rn-auth-modal.rn-auth-v2-cleaned,
.rn-login-modal.rn-auth-v2-cleaned,
.rn-login-popup.rn-auth-v2-cleaned,
.rn-auth-popup.rn-auth-v2-cleaned {
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
}

/* The only active subscriber login modal. */
#rn-v10-auth-modal {
    position:fixed!important;
    inset:0!important;
    z-index:2147483640!important;
    display:none!important;
    align-items:center!important;
    justify-content:center!important;
    padding:18px!important;
    background:rgba(2,3,7,.76)!important;
    backdrop-filter:blur(13px)!important;
    -webkit-backdrop-filter:blur(13px)!important;
    box-sizing:border-box!important;
}

#rn-v10-auth-modal.rn-v10-auth-open {
    display:flex!important;
    visibility:visible!important;
    pointer-events:auto!important;
}

body.rn-v10-auth-open {
    overflow:hidden!important;
}

body.rn-v10-auth-open #rn-viewport-tickers,
body.rn-v10-auth-open .rn-viewport-tickers,
body.rn-v10-auth-open .rn-bottom-tickers-wrap {
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}

.rn-v10-auth-card {
    position:relative!important;
    width:min(92vw,420px)!important;
    max-width:420px!important;
    padding:32px 28px 28px!important;
    border:1px solid rgba(255,255,255,.92)!important;
    border-radius:26px!important;
    background:
        radial-gradient(circle at 0 0,rgba(255,255,255,.9),transparent 38%),
        linear-gradient(150deg,#fff,#f5f6fa)!important;
    box-shadow:
        0 35px 110px rgba(0,0,0,.58),
        inset 0 1px 0 rgba(255,255,255,1)!important;
    color:#111!important;
    box-sizing:border-box!important;
}

.rn-v10-auth-close {
    position:absolute!important;
    top:14px!important;
    right:14px!important;
    width:42px!important;
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#e9ebf0!important;
    color:#555b66!important;
    font-size:27px!important;
    line-height:1!important;
    font-weight:800!important;
    cursor:pointer!important;
    box-shadow:none!important;
}

.rn-v10-auth-logo {
    margin:0 auto 15px!important;
    color:#111!important;
    font-size:28px!important;
    line-height:1!important;
    text-align:center!important;
    font-weight:1000!important;
    letter-spacing:.4px!important;
}

.rn-v10-auth-card h2 {
    margin:0 38px 10px!important;
    color:#111!important;
    font-size:21px!important;
    line-height:1.2!important;
    text-align:center!important;
    font-weight:900!important;
}

.rn-v10-auth-help {
    max-width:330px!important;
    margin:0 auto 20px!important;
    color:#5c6470!important;
    font-size:13px!important;
    line-height:1.45!important;
    text-align:center!important;
}

#rn-v10-auth-form label {
    display:block!important;
    margin:0 0 13px!important;
}

#rn-v10-auth-form label span {
    display:block!important;
    margin:0 0 6px!important;
    color:#252932!important;
    font-size:12px!important;
    font-weight:850!important;
}

#rn-v10-auth-form input {
    width:100%!important;
    height:55px!important;
    padding:0 16px!important;
    border:1px solid #d7dce5!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#111!important;
    font-size:16px!important;
    outline:none!important;
    box-sizing:border-box!important;
    box-shadow:0 7px 18px rgba(18,23,38,.035)!important;
}

#rn-v10-auth-form input:focus {
    border-color:#111!important;
    box-shadow:0 0 0 3px rgba(17,17,17,.09)!important;
}

.rn-v10-auth-submit {
    width:100%!important;
    height:56px!important;
    margin-top:3px!important;
    border:0!important;
    border-radius:15px!important;
    background:linear-gradient(145deg,#16171c,#07080b)!important;
    color:#fff!important;
    font-size:16px!important;
    font-weight:1000!important;
    cursor:pointer!important;
    box-shadow:0 15px 32px rgba(0,0,0,.2)!important;
}

.rn-v10-auth-submit[disabled] {
    opacity:.62!important;
    cursor:wait!important;
}

.rn-v10-auth-message {
    min-height:18px!important;
    margin-top:11px!important;
    color:#c31539!important;
    font-size:12.5px!important;
    line-height:1.3!important;
    text-align:center!important;
    font-weight:800!important;
}

@media (max-width:480px) {
    .rn-v10-auth-card {
        padding:29px 20px 22px!important;
        border-radius:22px!important;
    }

    .rn-v10-auth-logo {
        font-size:25px!important;
    }

    .rn-v10-auth-card h2 {
        font-size:19px!important;
    }
}


/* ==========================================================
   N5TG V11 LOGIN PAINT + PULL REFRESH
========================================================== */
html.rn-v11-auth-opening::before {
    content:"";
    position:fixed;
    inset:0;
    z-index:2147483638;
    background:rgba(2,3,7,.76);
    backdrop-filter:blur(13px);
    -webkit-backdrop-filter:blur(13px);
}

html.rn-v11-auth-opening #rn-v10-auth-modal,
html.rn-v11-auth-opening body #rn-v10-auth-modal {
    display:flex!important;
    visibility:visible!important;
    pointer-events:auto!important;
}

#rn-v10-auth-modal,
.rn-v10-auth-card {
    transform:translateZ(0)!important;
    will-change:opacity,transform!important;
    contain:layout style paint!important;
}

#rn-v10-auth-modal.rn-v10-auth-open .rn-v10-auth-card {
    animation:rnV11AuthCardIn .14s ease-out both!important;
}

@keyframes rnV11AuthCardIn {
    from {
        opacity:0;
        transform:translate3d(0,8px,0) scale(.985);
    }
    to {
        opacity:1;
        transform:translate3d(0,0,0) scale(1);
    }
}

#rn-v11-pull-refresh {
    position:fixed;
    left:50%;
    top:-84px;
    z-index:2147482000;
    min-width:154px;
    height:44px;
    padding:0 15px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    background:rgba(11,13,19,.92);
    color:#fff;
    box-shadow:0 12px 34px rgba(0,0,0,.32);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    transform:translate3d(-50%,-90px,0);
    opacity:0;
    transition:transform .16s ease,opacity .16s ease,background .16s ease;
    pointer-events:none;
}

#rn-v11-pull-refresh strong {
    font-size:12px;
    line-height:1;
    font-weight:900;
    white-space:nowrap;
}

.rn-v11-pull-spinner {
    width:15px;
    height:15px;
    border:2px solid rgba(255,255,255,.3);
    border-top-color:#fff;
    border-radius:50%;
}

#rn-v11-pull-refresh.rn-v11-ready {
    background:rgba(170,8,39,.95);
}

#rn-v11-pull-refresh.rn-v11-refreshing .rn-v11-pull-spinner {
    animation:rnV11PullSpin .65s linear infinite;
}

@keyframes rnV11PullSpin {
    to { transform:rotate(360deg); }
}


/* ==========================================================
   N5TG V12 SPEED + LANGUAGE + STABLE PAINT
========================================================== */

/* Remove obsolete loading/skeleton layers responsible for grid flashes. */
.rn-loading-screen,
.rn-feed-loading,
.rn-feed-loader,
.rn-grid-loader,
.rn-skeleton-grid,
.rn-skeleton-card,
.rn-page-loader,
.rn-initial-loader,
#rn-loading-screen,
#rn-feed-loader {
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}

/* Do not repeatedly animate/repaint the full feed during startup. */
.rn-feed-card,
.rn-feed-container,
.rn-feed-wrapper,
.rn-main-feed,
#rn-feed {
    animation:none!important;
}

.rn-feed-card {
    content-visibility:auto;
    contain-intrinsic-size:100svh;
}

.rn-feed-card.rn-v9-active-card,
.rn-feed-card:first-child {
    content-visibility:visible;
}

/* Language list paints immediately on the first touch. */
.rn-translate-bubble {
    position:relative!important;
}

.rn-translate-bubble .rn-translate-menu {
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translate3d(0,4px,0)!important;
    transition:opacity .08s linear,transform .08s linear!important;
    will-change:opacity,transform!important;
    z-index:2147483200!important;
}

.rn-translate-bubble.open .rn-translate-menu,
.rn-translate-bubble.rn-v12-language-ready.open .rn-translate-menu {
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:translate3d(0,0,0)!important;
}

/* The login shell and card are painted together—never blur alone. */
#rn-v10-auth-modal.rn-v10-auth-open {
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
}

#rn-v10-auth-modal.rn-v10-auth-open .rn-v10-auth-card {
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
}

html.rn-v11-auth-opening::before {
    display:none!important;
}

/* Faster tap feedback throughout the main controls. */
.rn-translate-toggle,
.rn-like-btn,
.rn-comment-btn,
.rn-comments-btn,
.rn-save-btn,
.rn-share-btn,
.rn-issue-btn,
.rn-dashboard-btn {
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
}


/* ==========================================================
   N5TG V14 MOBILE PERFORMANCE + INSTANT CONTROLS
========================================================== */

/* Prevent delayed patch-by-patch rendering on mobile. */
.rn-feed-card,
.rn-feed-card:first-child,
.rn-feed-card.rn-v9-active-card {
    content-visibility:visible!important;
    contain:none!important;
    contain-intrinsic-size:auto!important;
}

.rn-feed-card,
.rn-feed-card *,
.rn-main-feed,
.rn-feed-container,
.rn-feed-wrapper {
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
}

/* Profile/dashboard pages must be vertically scrollable on touch devices. */
html body:not(.rn-show-feed-tickers),
html body.rn-dashboard-page,
html body.rn-profile-page,
html body.rn-saved-page {
    position:static!important;
    height:auto!important;
    min-height:100%!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    touch-action:pan-y!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
}

html body:not(.rn-show-feed-tickers) .rn-dashboard,
html body:not(.rn-show-feed-tickers) .rn-user-dashboard,
html body:not(.rn-show-feed-tickers) .rn-profile-page,
html body:not(.rn-show-feed-tickers) .rn-dashboard-wrap,
html body:not(.rn-show-feed-tickers) .rn-dashboard-grid,
html body:not(.rn-show-feed-tickers) main,
html body:not(.rn-show-feed-tickers) article,
html body:not(.rn-show-feed-tickers) .entry-content {
    position:relative!important;
    top:auto!important;
    bottom:auto!important;
    height:auto!important;
    min-height:100vh!important;
    max-height:none!important;
    overflow:visible!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
}

/* Login form appears as a complete card; no blur-only intermediate frame. */
html.rn-v14-auth-open,
html.rn-v14-auth-open body {
    overflow:hidden!important;
}

#rn-v10-auth-modal {
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:auto!important;
    min-height:100dvh!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
}

#rn-v10-auth-modal.rn-v10-auth-open {
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:center!important;
}

#rn-v10-auth-modal .rn-v10-auth-card {
    flex:0 0 auto!important;
    max-height:calc(100% - 24px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    opacity:1!important;
    visibility:visible!important;
    animation:none!important;
    transform:none!important;
}

@media(max-width:699px){
    #rn-v10-auth-modal {
        padding:10px 14px!important;
        align-items:center!important;
    }

    #rn-v10-auth-modal .rn-v10-auth-card {
        width:min(94vw,420px)!important;
        max-height:calc(100% - 12px)!important;
        margin:auto!important;
    }

    #rn-v10-auth-modal input {
        font-size:16px!important;
    }
}

/* Instant language menu paint. */
.rn-translate-bubble .rn-translate-menu {
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:none!important;
    transform:none!important;
}

.rn-translate-bubble.open .rn-translate-menu,
.rn-translate-bubble.rn-v14-language-ready.open .rn-translate-menu {
    display:flex!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
}

.rn-translate-toggle,
.rn-like-btn,
.rn-comment-btn,
.rn-comments-btn,
.rn-save-btn,
.rn-share-btn,
.rn-issue-btn,
.rn-poll-vote-btn {
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
}

/* Remove old skeleton and loading overlays completely. */
.rn-loading-screen,
.rn-feed-loading,
.rn-feed-loader,
.rn-grid-loader,
.rn-skeleton-grid,
.rn-skeleton-card,
.rn-page-loader,
.rn-initial-loader,
#rn-loading-screen,
#rn-feed-loader {
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
}


/* ==========================================================
   N5TG V15 FAST ACTIONS + STRICT LANGUAGE + ISSUE MODAL
========================================================== */
.rn-action-bar,
.rn-translate-bubble{
    overflow:visible!important;
}

.rn-translate-bubble{
    width:var(--rn-action-size,48px)!important;
    min-width:var(--rn-action-size,48px)!important;
    max-width:var(--rn-action-size,48px)!important;
    height:var(--rn-action-size,48px)!important;
    position:relative!important;
    pointer-events:auto!important;
}

.rn-translate-bubble .rn-translate-toggle{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    height:100%!important;
    pointer-events:auto!important;
}

.rn-translate-bubble .rn-translate-menu{
    position:absolute!important;
    right:calc(100% + 8px)!important;
    top:0!important;
    width:max-content!important;
    min-width:132px!important;
    max-width:190px!important;
    max-height:min(68vh,520px)!important;
    overflow-y:auto!important;
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    z-index:2147483500!important;
    transform:none!important;
    transition:none!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
}

.rn-translate-bubble.rn-v15-lang-open .rn-translate-menu,
.rn-translate-bubble.open .rn-translate-menu{
    display:flex!important;
    flex-direction:column!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
}

.rn-translate-menu button[data-lang]{
    min-height:38px!important;
    width:100%!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
}

.rn-v15-action-pending{
    opacity:.72!important;
    transform:scale(.92)!important;
}

.rn-like-btn,.rn-save-btn,.rn-share-btn,.rn-comment-btn,.rn-translate-toggle{
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
}

/* Tickers never cover the People Issues form. */
body.rn-v15-issue-open #rn-viewport-tickers,
body.rn-v15-issue-open .rn-viewport-tickers,
body.rn-v15-issue-open .rn-bottom-tickers-wrap,
body.rn-v15-issue-open .rn-bottom-ticker{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}

body.rn-v15-issue-open{
    overflow:hidden!important;
}

.rn-issue-modal.active{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:var(--rn-v15-visual-top,0px)!important;
    width:100vw!important;
    height:var(--rn-v15-visual-height,100dvh)!important;
    max-height:var(--rn-v15-visual-height,100dvh)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding:12px 12px max(28px,env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;
    z-index:2147483600!important;
}

.rn-issue-modal.active .rn-issue-box{
    position:relative!important;
    width:min(94vw,680px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    padding-bottom:max(34px,env(safe-area-inset-bottom))!important;
    overflow:visible!important;
}

.rn-issue-modal.active input,
.rn-issue-modal.active textarea,
.rn-issue-modal.active select{
    font-size:16px!important;
    scroll-margin-top:90px!important;
    scroll-margin-bottom:160px!important;
}

@media(max-width:699px){
    .rn-translate-bubble .rn-translate-menu{
        right:calc(100% + 6px)!important;
        top:-4px!important;
        min-width:124px!important;
        max-width:168px!important;
    }
    .rn-issue-modal.active{
        padding:8px 8px max(24px,env(safe-area-inset-bottom))!important;
    }
    .rn-issue-modal.active .rn-issue-box{
        width:96vw!important;
        border-radius:24px!important;
    }
}

/* N5TG V16 PERFORMANCE + MODAL BACK */
#rn-v10-auth-modal,.rn-issue-modal,.rn-people-issue-modal,.rn-comments-sheet,.rn-comment-modal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#rn-v10-auth-modal{background:rgba(2,3,7,.92)!important}
#rn-v10-auth-modal.rn-v10-auth-open{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
#rn-v10-auth-modal .rn-v10-auth-card{animation:none!important;transition:none!important;transform:none!important}
body.rn-v16-modal-open #rn-viewport-tickers,body.rn-v16-modal-open .rn-viewport-tickers,body.rn-v16-modal-open .rn-bottom-tickers-wrap,body.rn-v10-auth-open #rn-viewport-tickers,body.rn-v10-auth-open .rn-viewport-tickers,body.rn-issue-modal-open #rn-viewport-tickers,body.rn-issue-modal-open .rn-viewport-tickers,body.rn-comments-modal-open #rn-viewport-tickers,body.rn-comments-modal-open .rn-viewport-tickers{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
@media(max-width:1180px){.rn-user-dashboard,.rn-dashboard-page,.rn-dashboard-wrapper,.rn-profile-page,.rn-profile-content,.rn-saved-news-page{height:auto!important;min-height:100%!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important}.rn-issue-modal,.rn-people-issue-modal,.rn-comments-sheet,.rn-comment-modal,#rn-v10-auth-modal{align-items:flex-start!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding-top:max(10px,env(safe-area-inset-top))!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important}.rn-issue-modal>*,.rn-people-issue-modal>*,.rn-comments-sheet>*,.rn-comment-modal>*,#rn-v10-auth-modal .rn-v10-auth-card{max-height:calc(100dvh - 20px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;margin:auto!important}}
.rn-translate-bubble .rn-translate-menu{transition:none!important;animation:none!important}.rn-translate-bubble.open .rn-translate-menu{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}


/* ==========================================================
   N5TG MOBILE CLEAN ENGINE — only mobile/tablet behavior
========================================================== */
@media (max-width:1180px) {
    /* Remove GPU-heavy blur and repeated paint effects on mobile. */
    #rn-v10-auth-modal,
    .rn-comments-sheet,
    .rn-comment-modal,
    .rn-issue-modal,
    .rn-people-issue-modal {
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
    }

    #rn-v10-auth-modal {
        position:fixed!important;
        inset:0!important;
        width:100%!important;
        height:100dvh!important;
        padding:10px!important;
        display:none!important;
        align-items:flex-start!important;
        justify-content:center!important;
        overflow-y:auto!important;
        background:rgba(3,4,9,.94)!important;
        overscroll-behavior:contain!important;
        -webkit-overflow-scrolling:touch!important;
    }

    #rn-v10-auth-modal.rn-v10-auth-open {
        display:flex!important;
        visibility:visible!important;
        opacity:1!important;
        pointer-events:auto!important;
    }

    #rn-v10-auth-modal .rn-v10-auth-card {
        width:min(94vw,420px)!important;
        max-height:calc(100dvh - 20px)!important;
        margin:auto!important;
        overflow-y:auto!important;
        animation:none!important;
        transition:none!important;
        transform:none!important;
        contain:layout style!important;
        -webkit-overflow-scrolling:touch!important;
    }

    body.rn-mobile-layer-open #rn-viewport-tickers,
    body.rn-mobile-layer-open .rn-viewport-tickers,
    body.rn-mobile-layer-open .rn-bottom-tickers-wrap {
        display:none!important;
        visibility:hidden!important;
        opacity:0!important;
        pointer-events:none!important;
    }

    .rn-translate-bubble .rn-translate-menu {
        display:none!important;
        visibility:hidden!important;
        opacity:0!important;
        pointer-events:none!important;
        animation:none!important;
        transition:none!important;
        transform:none!important;
        z-index:2147483500!important;
    }

    .rn-translate-bubble.open .rn-translate-menu {
        display:flex!important;
        visibility:visible!important;
        opacity:1!important;
        pointer-events:auto!important;
    }

    .rn-user-dashboard,
    .rn-dashboard-page,
    .rn-dashboard-wrapper,
    .rn-profile-page,
    .rn-profile-content,
    .rn-saved-news-page {
        height:auto!important;
        min-height:100%!important;
        max-height:none!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
        touch-action:pan-y!important;
        -webkit-overflow-scrolling:touch!important;
    }

    .rn-comments-sheet,
    .rn-comment-modal,
    .rn-issue-modal,
    .rn-people-issue-modal {
        max-height:100dvh!important;
        overflow-y:auto!important;
        overscroll-behavior:contain!important;
        -webkit-overflow-scrolling:touch!important;
    }

    .rn-feed-card,
    .rn-feed-card * {
        animation-play-state:running;
    }

    .rn-loading-screen,
    .rn-feed-loading,
    .rn-feed-loader,
    .rn-grid-loader,
    .rn-skeleton-grid,
    .rn-skeleton-card,
    .rn-page-loader,
    .rn-initial-loader,
    #rn-loading-screen,
    #rn-feed-loader {
        display:none!important;
    }

    .rn-like-btn,
    .rn-comment-btn,
    .rn-comments-btn,
    .rn-save-btn,
    .rn-share-btn,
    .rn-translate-toggle,
    .rn-issue-btn {
        touch-action:manipulation!important;
        -webkit-tap-highlight-color:transparent!important;
    }
}


/* ==========================================================
   N5TG V19 COMPLETE MOBILE/TABLET FEATURE CSS
========================================================== */
@media (max-width:1180px) {
    #rn-feed-wrapper {
        overflow-y:auto!important;
        overflow-x:hidden!important;
        scroll-snap-type:y mandatory!important;
        scroll-behavior:auto!important;
        overscroll-behavior-y:contain!important;
        touch-action:pan-y!important;
        -webkit-overflow-scrolling:touch!important;
    }

    #rn-feed-wrapper .rn-feed-card {
        scroll-snap-align:start!important;
        scroll-snap-stop:always!important;
    }

    /* Tickers: use saved admin variables. */
    body.rn-show-feed-tickers:not(.rn-mobile-layer-open)
    #rn-viewport-tickers,
    body.rn-show-feed-tickers:not(.rn-mobile-layer-open)
    .rn-viewport-tickers,
    body.rn-show-feed-tickers:not(.rn-mobile-layer-open)
    .rn-bottom-tickers-wrap {
        display:flex!important;
        visibility:visible!important;
        opacity:1!important;
        pointer-events:none!important;
    }

    #rn-viewport-tickers,
    .rn-viewport-tickers,
    .rn-bottom-tickers-wrap {
        position:fixed!important;
        left:var(--rn-v4-ticker-mobile-left,0px)!important;
        right:var(--rn-v4-ticker-mobile-right,0px)!important;
        bottom:var(--rn-v4-ticker-mobile-bottom,68px)!important;
        width:auto!important;
        transform:translateY(var(--rn-v5-ticker-mobile-y,0px))!important;
        z-index:2147482200!important;
    }

    body.rn-mobile-layer-open #rn-viewport-tickers,
    body.rn-mobile-layer-open .rn-viewport-tickers,
    body.rn-mobile-layer-open .rn-bottom-tickers-wrap {
        display:none!important;
        visibility:hidden!important;
        opacity:0!important;
    }

    /* Complete action dock: position, gap and size from admin. */
    .rn-feed-card .rn-action-bar,
    .rn-feed-card .rn-actions,
    .rn-feed-card .rn-action-buttons {
        position:absolute!important;
        right:var(--rn-v4-dock-mobile-right,10px)!important;
        top:var(--rn-v4-dock-mobile-top,45%)!important;
        bottom:auto!important;
        left:auto!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        gap:var(--rn-v4-dock-mobile-gap,8px)!important;
        width:auto!important;
        height:auto!important;
        overflow:visible!important;
        transform:translateY(-50%)!important;
        scale:var(--rn-v5-dock-mobile-scale,1)!important;
        transform-origin:center right!important;
        z-index:2147482500!important;
    }

    /* Read More: saved admin positioning and real click target. */
    .rn-feed-card .rn-read-more,
    .rn-feed-card .rn-read-more-inline,
    .rn-feed-card .rn-read-more-btn,
    .rn-feed-card .rn-read-more-body-capsule,
    .rn-feed-card .rn-read-more-standalone {
        position:absolute!important;
        right:var(--rn-readmore-mobile-right,78px)!important;
        bottom:var(--rn-readmore-mobile-bottom,124px)!important;
        top:auto!important;
        left:auto!important;
        display:inline-flex!important;
        visibility:visible!important;
        opacity:1!important;
        pointer-events:auto!important;
        z-index:2147483000!important;
    }

    /* Read More full article sheet. */
    .rn-v19-readmore-overlay {
        position:fixed!important;
        inset:0!important;
        z-index:2147483400!important;
        display:none!important;
        background:rgba(0,0,0,.76)!important;
    }

    .rn-v19-readmore-overlay.rn-open {
        display:block!important;
    }

    .rn-v19-readmore-sheet {
        position:fixed!important;
        left:0!important;
        right:0!important;
        bottom:0!important;
        z-index:2147483500!important;
        width:100%!important;
        max-height:88dvh!important;
        padding:48px 18px 30px!important;
        border-radius:24px 24px 0 0!important;
        display:none!important;
        overflow-y:auto!important;
        background:#11131a!important;
        color:#fff!important;
        box-shadow:0 -20px 60px rgba(0,0,0,.5)!important;
        -webkit-overflow-scrolling:touch!important;
    }

    .rn-v19-readmore-sheet.rn-open {
        display:block!important;
    }

    .rn-v19-readmore-close {
        position:absolute!important;
        top:12px!important;
        right:14px!important;
        width:38px!important;
        height:38px!important;
        border:0!important;
        border-radius:50%!important;
        background:rgba(255,255,255,.1)!important;
        color:#fff!important;
        font-size:27px!important;
        line-height:1!important;
    }

    .rn-v19-readmore-image {
        width:100%!important;
        max-height:38dvh!important;
        object-fit:contain!important;
        background:#000!important;
        border-radius:15px!important;
    }

    .rn-v19-readmore-title {
        margin:18px 0 10px!important;
        color:#fff!important;
        font-size:24px!important;
        line-height:1.22!important;
    }

    .rn-v19-readmore-meta {
        margin-bottom:16px!important;
        color:rgba(255,255,255,.68)!important;
        font-size:12px!important;
        line-height:1.45!important;
    }

    .rn-v19-readmore-content {
        color:rgba(255,255,255,.9)!important;
        font-size:15px!important;
        line-height:1.7!important;
    }

    /* Pull to refresh must remain visible. */
    #rn-v11-pull-refresh,
    .rn-pull-refresh-indicator {
        display:flex!important;
        z-index:2147483600!important;
    }

    /* Keyboard-friendly layers. */
    #rn-v10-auth-modal,
    .rn-comments-sheet,
    .rn-comment-sheet,
    .rn-comment-modal,
    .rn-issue-modal,
    .rn-people-issue-modal {
        overflow-y:auto!important;
        overscroll-behavior:contain!important;
        -webkit-overflow-scrolling:touch!important;
    }

    #rn-v10-auth-modal .rn-v10-auth-card,
    .rn-comments-sheet > *,
    .rn-comment-sheet > *,
    .rn-comment-modal > *,
    .rn-issue-modal > *,
    .rn-people-issue-modal > * {
        max-height:calc(100dvh - 20px)!important;
        overflow-y:auto!important;
        -webkit-overflow-scrolling:touch!important;
    }

    /* Instant language list. */
    .rn-translate-bubble .rn-translate-menu {
        display:none!important;
        visibility:hidden!important;
        opacity:0!important;
        pointer-events:none!important;
        transition:none!important;
        animation:none!important;
        z-index:2147483300!important;
    }

    .rn-translate-bubble.open .rn-translate-menu {
        display:flex!important;
        visibility:visible!important;
        opacity:1!important;
        pointer-events:auto!important;
    }

    /* Share poster canvas. */
    .rn-v19-share-poster {
        position:fixed!important;
        left:-99999px!important;
        top:0!important;
        width:1080px!important;
        height:1350px!important;
        display:grid!important;
        grid-template-rows:790px 560px!important;
        overflow:hidden!important;
        background:#090a0f!important;
        color:#fff!important;
        z-index:-1!important;
    }

    .rn-v19-share-image {
        position:relative!important;
        width:100%!important;
        height:790px!important;
        overflow:hidden!important;
        background:#000!important;
    }

    .rn-v19-share-image img {
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
    }

    .rn-v19-share-watermark {
        position:absolute!important;
        right:34px!important;
        top:34px!important;
        padding:12px 18px!important;
        border-radius:12px!important;
        background:rgba(0,0,0,.55)!important;
        color:#fff!important;
        font-size:25px!important;
        font-weight:1000!important;
    }

    .rn-v19-share-copy {
        padding:48px 54px!important;
        background:linear-gradient(145deg,#161821,#08090d)!important;
    }

    .rn-v19-share-copy h2 {
        margin:0 0 24px!important;
        font-size:56px!important;
        line-height:1.1!important;
        color:#fff!important;
    }

    .rn-v19-share-author {
        font-size:27px!important;
        font-weight:900!important;
        color:#ff4264!important;
    }

    .rn-v19-share-link {
        margin-top:24px!important;
        font-size:23px!important;
        line-height:1.35!important;
        color:#fff!important;
        overflow-wrap:anywhere!important;
    }
}

@media (min-width:700px) and (max-width:1180px) {
    #rn-viewport-tickers,
    .rn-viewport-tickers,
    .rn-bottom-tickers-wrap {
        left:var(--rn-v4-ticker-tablet-left,0px)!important;
        right:var(--rn-v4-ticker-tablet-right,0px)!important;
        bottom:var(--rn-v4-ticker-tablet-bottom,68px)!important;
        transform:translateY(var(--rn-v5-ticker-tablet-y,0px))!important;
    }

    .rn-feed-card .rn-action-bar,
    .rn-feed-card .rn-actions,
    .rn-feed-card .rn-action-buttons {
        right:var(--rn-v4-dock-tablet-right,12px)!important;
        top:var(--rn-v4-dock-tablet-top,45%)!important;
        gap:var(--rn-v4-dock-tablet-gap,8px)!important;
        scale:var(--rn-v5-dock-tablet-scale,1)!important;
    }

    .rn-feed-card .rn-read-more,
    .rn-feed-card .rn-read-more-inline,
    .rn-feed-card .rn-read-more-btn,
    .rn-feed-card .rn-read-more-body-capsule,
    .rn-feed-card .rn-read-more-standalone {
        right:var(--rn-readmore-tablet-right,30px)!important;
        bottom:var(--rn-readmore-tablet-bottom,24px)!important;
    }
}


/* ==========================================================
   N5TG V20 MOBILE ACTION/NAV/SCROLL FINALIZATION
========================================================== */
@media (max-width:1180px) {
    #rn-feed-wrapper {
        scroll-snap-type:y proximity!important;
        scroll-behavior:auto!important;
        overscroll-behavior-y:contain!important;
    }

    #rn-feed-wrapper .rn-feed-card {
        scroll-snap-align:start!important;
        scroll-snap-stop:normal!important;
        content-visibility:visible!important;
        contain:none!important;
        animation:none!important;
        transition:none!important;
    }

    .rn-mobile-bottom-menu.rn-global-bottom-menu {
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        align-items:center!important;
        pointer-events:auto!important;
        touch-action:manipulation!important;
    }

    .rn-mobile-bottom-menu.rn-global-bottom-menu
    .rn-mobile-menu-item {
        min-width:0!important;
        touch-action:manipulation!important;
        -webkit-tap-highlight-color:transparent!important;
    }

    .rn-mobile-bottom-menu.rn-global-bottom-menu
    .rn-v20-nav-loading {
        opacity:.58!important;
        transform:scale(.96)!important;
    }

    .rn-like-btn,
    .rn-save-btn,
    .rn-poll-vote-btn,
    .rn-comment-btn,
    .rn-comments-btn,
    .rn-share-btn {
        touch-action:manipulation!important;
        -webkit-tap-highlight-color:transparent!important;
    }

    .rn-feed-card img,
    .rn-feed-card video {
        transform:translateZ(0)!important;
        backface-visibility:hidden!important;
    }
}