/**
 * Cross-theme section presentation bridge.
 * Scoped styles when a section uses a different theme style than the active site theme.
 */

/* —— Nexa Chain Press presentation (on Softnexa Labs or any theme) —— */
.np-presentation-nexa-chain-press {
    --ncp-label-bg: var(--np-primary, #111);
    --ncp-label-text: #fff;
    --ncp-btn-bg: var(--np-secondary, #555555);
    --ncp-btn-text: #fff;
    --ncp-accent: var(--np-primary, #111);
    --np-radius: 0;
    --np-radius-lg: 0;
}

.np-presentation-nexa-chain-press .ncp-label {
    display: inline-block;
    background: var(--ncp-label-bg);
    color: var(--ncp-label-text);
    font-family: var(--font-heading);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 6px 12px;
    line-height: 1.2;
}

.np-presentation-nexa-chain-press .ncp-label--block {
    display: block;
    width: fit-content;
    margin-bottom: 16px;
}

.np-presentation-nexa-chain-press .ncp-module {
    background: var(--np-surface, #fff);
    padding: 28px 0 36px;
}

.np-presentation-nexa-chain-press .ncp-module-head {
    margin-bottom: 22px;
}

.np-presentation-nexa-chain-press .ncp-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.85fr) 260px;
    gap: 28px;
    align-items: start;
}

.np-presentation-nexa-chain-press .ncp-hero-main-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.np-presentation-nexa-chain-press .ncp-thumb-xl {
    aspect-ratio: 16 / 10;
    overflow: hidden;
    margin-bottom: 14px;
}

.np-presentation-nexa-chain-press .ncp-thumb-xl img,
.np-presentation-nexa-chain-press .ncp-thumb-md img,
.np-presentation-nexa-chain-press .ncp-thumb-recent img,
.np-presentation-nexa-chain-press .ncp-thumb-trend img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.np-presentation-nexa-chain-press .ncp-cat-tag {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--np-secondary);
    margin-bottom: 8px;
}

.np-presentation-nexa-chain-press .ncp-hero-title {
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 2.8vw, 2.25rem);
    font-weight: 900;
    line-height: 1.08;
    text-transform: uppercase;
    margin: 0 0 10px;
    color: var(--np-primary);
}

.np-presentation-nexa-chain-press .ncp-byline {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--np-text-muted);
    margin-bottom: 10px;
}

.np-presentation-nexa-chain-press .ncp-hero-excerpt--below {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 15px;
    line-height: 1.65;
    color: var(--np-text-muted);
    margin: 20px 0 0;
    max-width: 72ch;
}

.np-presentation-nexa-chain-press .ncp-hero-side {
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-left: 1px solid var(--np-border);
    padding-left: 24px;
}

.np-presentation-nexa-chain-press .ncp-hero-side-item a {
    display: block;
    text-decoration: none;
    color: inherit;
}

.np-presentation-nexa-chain-press .ncp-thumb-md {
    aspect-ratio: 16 / 10;
    overflow: hidden;
    margin-bottom: 10px;
}

.np-presentation-nexa-chain-press .ncp-side-title {
    font-family: var(--font-heading);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.25;
    text-transform: uppercase;
    margin: 0;
    color: var(--np-primary);
}

.np-presentation-nexa-chain-press .ncp-recent-sidebar {
    border-left: 1px solid var(--np-border);
    padding-left: 20px;
}

.np-presentation-nexa-chain-press .ncp-recent-list {
    display: flex;
    flex-direction: column;
}

.np-presentation-nexa-chain-press .ncp-recent-item {
    border-bottom: 1px solid var(--np-border);
}

.np-presentation-nexa-chain-press .ncp-recent-item:last-child {
    border-bottom: none;
}

.np-presentation-nexa-chain-press .ncp-recent-link {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 0;
    text-decoration: none;
    color: inherit;
}

.np-presentation-nexa-chain-press .ncp-recent-text {
    flex: 1;
    min-width: 0;
}

.np-presentation-nexa-chain-press .ncp-recent-item h4 {
    font-family: var(--font-heading);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
    text-transform: uppercase;
    margin: 0 0 6px;
    color: var(--np-primary);
}

.np-presentation-nexa-chain-press .ncp-thumb-recent {
    width: 72px;
    min-width: 72px;
    height: 72px;
    overflow: hidden;
}

.np-presentation-nexa-chain-press .ncp-trending-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.np-presentation-nexa-chain-press .ncp-trending-card a {
    display: block;
    text-decoration: none;
    color: inherit;
}

.np-presentation-nexa-chain-press .ncp-thumb-trend {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    margin-bottom: 10px;
}

.np-presentation-nexa-chain-press .ncp-trending-card h4 {
    font-family: var(--font-heading);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
    text-transform: uppercase;
    margin: 0;
    color: var(--np-primary);
}

@media (max-width: 768px) {
    .np-presentation-nexa-chain-press .ncp-trending-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .np-presentation-nexa-chain-press .ncp-hero-grid {
        grid-template-columns: 1fr;
    }

    .np-presentation-nexa-chain-press .ncp-cat-columns--4 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .np-presentation-nexa-chain-press .ncp-trending-row {
        grid-template-columns: 1fr;
    }
}

/* —— Softnexa Labs presentation (on Nexa Chain Press or any theme) —— */
.np-presentation-softnexa-labs {
    --np-radius: 12px;
    --np-radius-lg: 16px;
}

.np-presentation-softnexa-labs .np-hero-magazine {
    padding: 30px 0;
}

.np-presentation-softnexa-labs .np-hero-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px;
    align-items: start;
}

.np-presentation-softnexa-labs .np-hero-main-link {
    display: block;
    position: relative;
    border-radius: var(--np-radius-lg);
    overflow: hidden;
}

.np-presentation-softnexa-labs .np-thumb-xl {
    height: 420px;
}

.np-presentation-softnexa-labs .np-hero-main-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px;
    background: linear-gradient(transparent, color-mix(in srgb, var(--np-primary) 88%, #000));
    color: #fff;
}

.np-presentation-softnexa-labs .np-hero-main-content h2 {
    font-family: var(--font-heading);
    font-size: 28px;
    margin: 8px 0;
    line-height: 1.2;
}

.np-presentation-softnexa-labs .np-cat-badge {
    display: inline-block;
    background: var(--np-secondary);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: 2px;
}

.np-presentation-softnexa-labs .np-hero-side {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.np-presentation-softnexa-labs .np-hero-side-item a {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    text-decoration: none;
    color: inherit;
}

.np-presentation-softnexa-labs .np-hero-side-item h3 {
    font-size: 14px;
    margin: 0 0 4px;
    line-height: 1.3;
    font-family: var(--font-heading);
    color: var(--np-primary);
}

.np-presentation-softnexa-labs .np-section-head-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 3px solid var(--np-primary);
    padding-bottom: 10px;
}

.np-presentation-softnexa-labs .np-section-title {
    font-family: var(--font-heading);
    font-size: 22px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--np-primary);
}

.np-presentation-softnexa-labs .np-view-all {
    font-size: 13px;
    font-weight: 600;
    color: var(--np-secondary);
}

.np-presentation-softnexa-labs .np-filter-tabs button.active,
.np-presentation-softnexa-labs .np-filter-tabs button:hover {
    background: var(--np-primary);
    color: #fff;
}

@media (max-width: 991px) {
    .np-presentation-nexa-chain-press .ncp-hero-grid {
        grid-template-columns: 1fr;
    }

    .np-presentation-nexa-chain-press .ncp-hero-side,
    .np-presentation-nexa-chain-press .ncp-recent-sidebar {
        border-left: none;
        padding-left: 0;
    }

    .np-presentation-softnexa-labs .np-hero-grid {
        grid-template-columns: 1fr;
    }
}

/* —— Cross-theme Top Bar (NCP look on SL site) —— */
.np-presentation-nexa-chain-press .ncp-topbar,
.np-presentation-nexa-chain-press.np-topbar {
    background: linear-gradient(90deg, var(--np-primary, #111) 0%, color-mix(in srgb, var(--np-primary, #111) 88%, var(--np-secondary, #555555)) 100%) !important;
    border-bottom: 2px solid var(--np-secondary, #555555);
    color: rgba(255, 255, 255, 0.92);
    font-size: 11px;
    padding: 7px 0;
}

.np-presentation-nexa-chain-press .ncp-topbar .np-topbar-inner,
.np-presentation-nexa-chain-press.np-topbar .np-topbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 42px;
}

.np-presentation-nexa-chain-press .ncp-topbar-links {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.np-presentation-nexa-chain-press .ncp-topbar .np-topbar-link,
.np-presentation-nexa-chain-press.np-topbar .np-topbar-link {
    color: rgba(255, 255, 255, 0.88) !important;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.np-presentation-nexa-chain-press .ncp-topbar .np-topbar-link:hover,
.np-presentation-nexa-chain-press.np-topbar .np-topbar-link:hover {
    color: var(--np-secondary, #555555) !important;
}

.np-presentation-nexa-chain-press .ncp-topbar .np-social-links a,
.np-presentation-nexa-chain-press.np-topbar .np-social-links a {
    color: rgba(255, 255, 255, 0.82);
    border-color: rgba(255, 255, 255, 0.22);
}

.np-presentation-nexa-chain-press .ncp-topbar .ncp-topbar-register,
.np-presentation-nexa-chain-press.np-topbar .ncp-topbar-register {
    display: inline-flex;
    align-items: center;
    padding: 5px 14px;
    background: var(--np-primary, #111);
    color: #fff !important;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.np-presentation-nexa-chain-press .ncp-topbar .ncp-topbar-register:hover,
.np-presentation-nexa-chain-press.np-topbar .ncp-topbar-register:hover {
    color: #fff !important;
    opacity: 0.92;
}

/* Trending rank numbers — visible on NCP presentation everywhere */
.np-presentation-nexa-chain-press .np-trending-rank,
.theme-nexa-chain-press .np-trending-rank {
    background: var(--np-primary, #111) !important;
    color: #fff !important;
    font-weight: 800;
}

.np-presentation-nexa-chain-press .np-trending-item:hover .np-trending-rank,
.theme-nexa-chain-press .np-trending-item:hover .np-trending-rank {
    background: var(--np-secondary, #555555) !important;
    color: #fff !important;
}

/* —— Cross-theme Top Bar (SL look on NCP site) —— */
.np-presentation-softnexa-labs .np-topbar:not(.ncp-topbar) {
    background: linear-gradient(90deg, var(--np-primary, #0f172a) 0%, color-mix(in srgb, var(--np-primary, #0f172a) 85%, var(--np-secondary, #3b82f6)) 100%) !important;
    color: #fff;
    font-size: 12px;
    padding: 8px 0;
}

.np-presentation-softnexa-labs .np-topbar:not(.ncp-topbar) .np-topbar-link {
    color: rgba(255, 255, 255, 0.9) !important;
}

.np-presentation-softnexa-labs .np-topbar:not(.ncp-topbar) .np-topbar-link:hover {
    color: var(--np-secondary, #3b82f6) !important;
}

.np-presentation-softnexa-labs .np-topbar:not(.ncp-topbar) .np-topbar-btn {
    background: var(--np-secondary, #3b82f6);
    color: #fff;
    padding: 6px 14px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 11px;
}

/* —— Cross-theme Footer (NCP look inside SL footer shell) —— */
.sl-footer .np-presentation-nexa-chain-press,
.np-footer.sl-footer .np-presentation-nexa-chain-press {
    background: #111;
    color: #aaa;
    margin: 0 calc(-1 * var(--np-container-pad, 16px));
    padding: 0 var(--np-container-pad, 16px) 24px;
}

.se-footer-shell[data-footer-presentation="nexa-chain-press"] .ncp-footer,
.se-footer-shell[data-footer-presentation="nexa-chain-press"] .np-footer {
    background: #111 !important;
    color: #aaa;
    border-top: none;
    margin-top: 0;
    padding-top: 48px;
}

.np-presentation-nexa-chain-press .ncp-footer-block,
.np-presentation-nexa-chain-press.ncp-footer-block {
    padding: 0 0 24px;
    background: transparent;
    color: inherit;
}

.np-presentation-nexa-chain-press .ncp-footer-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    gap: 40px;
    margin-bottom: 32px;
}

.np-presentation-nexa-chain-press .ncp-footer-logo {
    font-family: var(--font-heading);
    font-size: 2rem;
    font-weight: 900;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    display: inline-block;
    margin-bottom: 16px;
}

.np-presentation-nexa-chain-press .ncp-footer-about {
    font-size: 14px;
    line-height: 1.65;
    color: #999;
    margin: 0 0 18px;
    max-width: 360px;
}

.np-presentation-nexa-chain-press .ncp-footer-col-title {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 16px;
}

.np-presentation-nexa-chain-press .ncp-footer-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.np-presentation-nexa-chain-press .ncp-footer-col a {
    color: #999;
    text-decoration: none;
    font-size: 14px;
}

.np-presentation-nexa-chain-press .ncp-footer-col a:hover {
    color: #fff;
}

.np-presentation-nexa-chain-press .ncp-footer-legal,
.np-presentation-nexa-chain-press .ncp-footer-copy-wrap .ncp-footer-legal {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    padding: 20px 0;
    border-top: 1px solid #333;
    font-size: 12px;
}

.np-presentation-nexa-chain-press .ncp-footer-legal a {
    color: #888;
    text-decoration: none;
}

.np-presentation-nexa-chain-press .ncp-footer-copy,
.np-presentation-nexa-chain-press .ncp-footer-copy-wrap .np-footer-copyright {
    border-top: 1px solid #333;
    padding: 16px 0;
    text-align: center;
    font-size: 12px;
    color: #777;
    background: transparent;
}

.np-presentation-nexa-chain-press .ncp-back-to-top {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 90;
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 0;
    background: var(--np-primary, #111);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

/* —— Cross-theme Footer (SL look inside NCP footer shell) —— */
.ncp-footer .np-presentation-softnexa-labs .np-footer-block,
.se-footer-shell[data-footer-presentation="softnexa-labs"] .np-footer-block {
    color: #fff;
}

.np-presentation-softnexa-labs .np-footer-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    gap: 32px 40px;
    padding-bottom: 28px;
}

.np-presentation-softnexa-labs .np-footer-col-title {
    font-family: var(--font-heading);
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 14px;
    color: #fff;
}

.np-presentation-softnexa-labs .np-footer-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.np-presentation-softnexa-labs .np-footer-links a {
    font-size: 14px;
    opacity: 0.78;
    color: #fff;
    text-decoration: none;
}

.np-presentation-softnexa-labs .np-footer-links a:hover {
    opacity: 1;
    color: var(--np-secondary, #3b82f6);
}

.np-presentation-softnexa-labs .np-footer-bottom,
.np-presentation-softnexa-labs .sl-footer-bar {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 18px 0;
    text-align: center;
    font-size: 13px;
    opacity: 0.85;
    background: rgba(0, 0, 0, 0.15);
    color: #fff;
}

.np-presentation-softnexa-labs .np-footer-legal a {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
    font-size: 13px;
}

.np-presentation-softnexa-labs .np-footer-legal a:hover {
    color: var(--np-secondary, #3b82f6);
}

/* Footer shell follows footer_block presentation (editor + live site) */
.se-footer-shell[data-footer-presentation="nexa-chain-press"] footer.ncp-footer,
.se-footer-shell[data-footer-presentation="nexa-chain-press"] .np-footer.ncp-footer,
footer.ncp-footer.np-footer {
    background: #111;
    color: #aaa;
    border-top: none;
    margin-top: 48px;
    padding-top: 48px;
}

.se-footer-shell[data-footer-presentation="nexa-chain-press"] .ncp-footer-copy-wrap,
.se-footer-shell[data-footer-presentation="nexa-chain-press"] .ncp-footer-copy-wrap .np-footer-copyright {
    background: #111;
    color: #777;
    border-top: 1px solid #333;
}

.se-footer-shell[data-footer-presentation="softnexa-labs"] footer.sl-footer,
.se-footer-shell[data-footer-presentation="softnexa-labs"] .np-footer.sl-footer {
    background: linear-gradient(165deg, var(--np-primary, #0f172a) 0%, color-mix(in srgb, var(--np-primary) 82%, var(--np-secondary)) 48%, color-mix(in srgb, var(--np-secondary) 35%, #0f172a) 100%);
    color: rgba(255, 255, 255, 0.92);
}

/* Ensure Site Editor style vars apply inside presentation wrappers */
.np-section-presentation .se-styled-section {
    background: var(--se-bg, transparent);
    color: var(--se-text, inherit);
}

.np-section-presentation .se-styled-section h1,
.np-section-presentation .se-styled-section h2,
.np-section-presentation .se-styled-section h3,
.np-section-presentation .se-styled-section h4,
.np-section-presentation .se-styled-section .np-section-title,
.np-section-presentation .se-styled-section .np-heading-title {
    color: var(--se-heading, inherit);
}

@media (max-width: 767px) {
    .np-presentation-nexa-chain-press .ncp-footer-grid,
    .np-presentation-softnexa-labs .np-footer-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
}

/* Nexa Chain Press presentation — layout builder footer (same blocks, NCP styling) */
.np-presentation-nexa-chain-press .np-layout-footer-bar .np-footer-col-title,
.np-presentation-nexa-chain-press .np-layout-footer-bar .np-menu-v-title {
    font-family: var(--font-heading);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #fff;
    border-bottom: 2px solid var(--np-secondary, #467299);
    padding-bottom: 10px;
    margin-bottom: 16px;
}
.np-presentation-nexa-chain-press .np-layout-footer-bar .np-footer-about-text,
.np-presentation-nexa-chain-press .np-layout-footer-bar .np-footer-about p {
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    line-height: 1.65;
}
.np-presentation-nexa-chain-press .np-layout-footer-bar .np-menu-v-link,
.np-presentation-nexa-chain-press .np-layout-footer-bar .np-footer-links a,
.np-presentation-nexa-chain-press .np-layout-footer-bar .np-footer-categories a {
    color: rgba(255, 255, 255, 0.82);
    font-size: 13px;
}
.np-presentation-nexa-chain-press .np-layout-footer-bar .np-menu-v-link:hover,
.np-presentation-nexa-chain-press .np-layout-footer-bar .np-footer-links a:hover,
.np-presentation-nexa-chain-press .np-layout-footer-bar .np-footer-categories a:hover {
    color: #fff;
}

/* Softnexa Labs presentation — layout builder footer */
.np-presentation-softnexa-labs .np-layout-footer-bar .np-footer-col-title,
.np-presentation-softnexa-labs .np-layout-footer-bar .np-menu-v-title {
    color: #fff;
    font-weight: 700;
}

/* ========== Cross-presentation header & trending (works regardless of body theme class) ========== */

/* Nexa Chain Press presentation — trending bar */
.np-presentation-nexa-chain-press .np-trending--nexa-chain-press:not(.np-trending--custom-bg) {
    background: var(--np-primary, #111111);
    color: #fff;
    border-top: 3px solid var(--np-secondary, #555555);
    border-bottom: none;
    padding: 10px 0;
}
.np-presentation-nexa-chain-press .np-trending--nexa-chain-press .np-trending-badge {
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
}
.np-presentation-nexa-chain-press .np-trending--nexa-chain-press .np-trending-label {
    display: inline-block;
    background: var(--ncp-label-bg, var(--np-primary, #111));
    color: var(--ncp-label-text, #fff);
    font-family: var(--font-heading);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    padding: 7px 14px;
    line-height: 1.2;
    border: 2px solid #fff;
    outline: 1px solid var(--np-secondary, #555555);
}
.np-presentation-nexa-chain-press .np-trending--nexa-chain-press .np-trending-item {
    color: rgba(255, 255, 255, 0.92);
    border-right-color: rgba(255, 255, 255, 0.14);
}
.np-presentation-nexa-chain-press .np-trending--nexa-chain-press .np-trending-item:hover {
    color: #fff;
}
.np-presentation-nexa-chain-press .np-trending--nexa-chain-press .np-trending-rank {
    border-radius: 0;
    width: 24px;
    height: 24px;
    background: var(--np-primary, #111);
    color: #fff;
    font-weight: 800;
}
.np-presentation-nexa-chain-press .np-trending--nexa-chain-press .np-trending-item:hover .np-trending-rank {
    background: var(--np-secondary, #555555);
    color: #fff;
}
.np-presentation-nexa-chain-press .np-trending--nexa-chain-press .np-trending-empty {
    color: rgba(255, 255, 255, 0.85);
}

/* Softnexa Labs presentation — trending bar */
.np-presentation-softnexa-labs .np-trending--softnexa-labs:not(.np-trending--custom-bg) {
    background: linear-gradient(180deg, color-mix(in srgb, var(--np-secondary) 8%, var(--np-page-bg, #f1f5f9)) 0%, var(--np-surface, #fff) 100%);
    color: var(--np-text-primary, var(--np-text, #0f172a));
    border-top: 1px solid var(--np-theme-border-soft);
    border-bottom: 1px solid var(--np-theme-border-soft);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}
.np-presentation-softnexa-labs .np-trending--softnexa-labs .np-trending-badge {
    padding: 8px 15px 8px 13px;
    border-radius: 999px;
    background: var(--np-surface, #fff);
    border: 1px solid var(--np-theme-border-soft);
    box-shadow: 0 2px 10px color-mix(in srgb, var(--np-secondary) 12%, transparent);
}
.np-presentation-softnexa-labs .np-trending--softnexa-labs .np-trending-rank {
    background: var(--np-primary, #0f172a);
    color: #fff;
}
.np-presentation-softnexa-labs .np-trending--softnexa-labs .np-trending-item:hover .np-trending-rank {
    background: var(--np-secondary, #2563eb);
    color: #fff;
}

/* Nexa Chain Press presentation — main header */
.np-presentation-nexa-chain-press .ncp-header,
.np-presentation-nexa-chain-press header.ncp-header {
    background: #fff;
    border-bottom: 1px solid var(--np-border, #e5e5e5);
    position: sticky;
    top: 0;
    z-index: 100;
}
.np-presentation-nexa-chain-press .ncp-header .ncp-logo-text,
.np-presentation-nexa-chain-press .ncp-header .np-logo-text {
    font-family: var(--font-heading);
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--np-text-primary, #111);
}
.np-presentation-nexa-chain-press .ncp-header .np-main-nav a,
.np-presentation-nexa-chain-press .ncp-header .np-menu-h-link {
    color: var(--np-text-primary, #111);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 12px;
}
.np-presentation-nexa-chain-press .ncp-header .np-main-nav a:hover {
    color: var(--np-secondary, #555555);
}
.np-presentation-nexa-chain-press .ncp-header .ncp-btn-register,
.np-presentation-nexa-chain-press .ncp-header .ncp-btn-subscribe {
    background: var(--np-primary, #111);
    color: #fff !important;
}

/* Softnexa Labs presentation — main header */
.np-presentation-softnexa-labs .np-header-band:not(.ncp-header) {
    background: var(--np-surface, #fff);
    border-bottom: 3px solid var(--np-secondary, #2563eb);
    box-shadow: 0 4px 20px color-mix(in srgb, var(--np-primary) 10%, transparent);
}
.np-presentation-softnexa-labs .np-header-band:not(.ncp-header) .np-main-nav a,
.np-presentation-softnexa-labs .np-header-band:not(.ncp-header) .np-menu-h-link {
    color: var(--np-text-primary, var(--np-primary, #0f172a));
    font-weight: 600;
}
.np-presentation-softnexa-labs .np-header-band:not(.ncp-header) .np-main-nav a:hover {
    color: var(--np-secondary, #2563eb);
}

/* Footer shell — always selectable in editor */
.se-editor-mode .se-footer-shell {
    position: relative;
    z-index: 28;
}
.se-editor-mode .se-footer-shell .se-editable-section {
    pointer-events: auto;
}