.np-page {
    margin: 0 auto;
    padding: 0 0 30px;
    min-height: 100dvh;
    
}


.np-hero {
    margin: 14px 16px 0;
    border-radius: 20px;
    padding: 18px 20px 16px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.13) 0%, rgba(255,255,255,0) 60%),
        linear-gradient(160deg, var(--color-primary-dark, #1f5f32) 0%, var(--color-primary, #2e7d32) 100%);
    box-shadow:
        0 8px 32px color-mix(in srgb, var(--color-primary, #2e7d32) 28%, transparent),
        0 1px 0 rgba(255,255,255,.18) inset;
    position: relative;
    overflow: hidden;
    color: #fff;
}
.np-hero::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
}
.np-hero-title {
    font-size: 1.35rem;
    font-weight: 900;
    letter-spacing: -.01em;
    margin: 0 0 4px;
    line-height: 1.2;
}
.np-hero-sub {
    font-size: .82rem;
    opacity: .82;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.np-hero-sub span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.np-hero-icon {
    position: absolute;
    right: 18px; top: 50%;
    transform: translateY(-50%);
    font-size: 3rem;
    opacity: .15;
    pointer-events: none;
    line-height: 1;
}


.np-cats-wrap {
    margin: 14px 0 0;
    overflow: hidden;
    position: sticky;
    top: 0;
    z-index: 20;
    margin: 15px 15px 0px 15px;
    border-radius: 5px;
}
.np-cats-strip {
    display: flex;
    gap: 8px;
    padding: 10px 16px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    background: rgba(255,255,255,.72);
    backdrop-filter: blur(18px) saturate(1.6);
    -webkit-backdrop-filter: blur(18px) saturate(1.6);
    border-bottom: 1px solid rgba(255,255,255,.5);
    box-shadow: 0 4px 16px color-mix(in srgb, var(--color-primary, #2e7d32) 10%, transparent);
}
.np-cats-strip::-webkit-scrollbar { display: none; }

.np-cat-pill {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 14px;
    border-radius: 99px;
    font-size: .8rem;
    font-weight: 700;
    cursor: pointer;
    border: 1.5px solid rgba(0,0,0,.08);
    background: rgba(255,255,255,.6);
    color: #374151;
    transition: all .18s;
    white-space: nowrap;
    user-select: none;
}
.np-cat-pill:hover {
    background: rgba(255,255,255,.9);
    border-color: var(--color-primary, #2563eb);
    color: var(--color-primary, #2563eb);
}
.np-cat-pill.active {
    background: linear-gradient(135deg, var(--color-primary-dark, #1a3a6b), var(--color-primary, #2563eb));
    border-color: transparent;
    color: #fff;
    box-shadow: 0 4px 14px rgba(37,99,235,.35);
}


.np-search-wrap {
    padding: 12px 16px 4px;
}
.np-search {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 16px 10px 40px;
    border-radius: 14px;
    border: 1.5px solid rgba(0,0,0,.08);
    background: rgba(255,255,255,.72);
    backdrop-filter: blur(12px);
    font-size: .9rem;
    color: #1e293b;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 18px;
}
.np-search:focus {
    border-color: var(--color-primary, #2563eb);
    box-shadow: 0 0 0 3px rgba(37,99,235,.12);
}
.np-search::placeholder { color: #94a3b8; }


.np-section-label {
    padding: 14px 16px 6px;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: #94a3b8;
    display: flex;
    align-items: center;
    gap: 8px;
}
.np-section-label span {
    flex: 1;
    height: 1px;
    background: #e2e8f0;
}

.np-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 4px 16px 0;
}


.np-card {
    background: rgba(255,255,255,.72);
    backdrop-filter: blur(16px) saturate(1.5);
    -webkit-backdrop-filter: blur(16px) saturate(1.5);
    border: 1px solid rgba(255,255,255,.6);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(0,0,0,.08), 0 1px 0 rgba(255,255,255,.8) inset;
    cursor: pointer;
    transition: transform .18s, box-shadow .18s;
    position: relative;
    display: flex;
    flex-direction: column;
}
.np-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.7), transparent);
    z-index: 1;
}
.np-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 32px rgba(0,0,0,.14), 0 1px 0 rgba(255,255,255,.8) inset;
}
.np-card:active {
    transform: scale(.97);
}


.np-card.np-card-featured {
    grid-column: 1 / -1;
    flex-direction: row;
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
}
.np-card.np-card-featured .np-card-thumb-wrap {
    width: 45%;
    flex-shrink: 0;
    aspect-ratio: unset;
    min-height: 120px;
}
.np-card.np-card-featured .np-card-body {
    flex: 1;
}
.np-card.np-card-featured .np-card-title {
    font-size: .95rem;
    -webkit-line-clamp: 3;
}

.np-card-thumb-wrap {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #e2e8f0;
    position: relative;
}
.np-card-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .4s;
}
.np-card:hover .np-card-thumb {
    transform: scale(1.04);
}
.np-card-thumb-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
    color: #94a3b8;
}

.np-card-body {
    padding: 10px 12px 12px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.np-card-top {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}
.np-card-cat {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 99px;
    font-size: .67rem;
    font-weight: 800;
    color: #fff;
    line-height: 1.5;
    letter-spacing: .02em;
    text-transform: uppercase;
}
.np-card-featured-badge {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 99px;
    font-size: .67rem;
    font-weight: 800;
    background: #fef3c7;
    color: #92400e;
    line-height: 1.5;
}

.np-card-title {
    font-size: .84rem;
    font-weight: 800;
    color: #1e293b;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0;
    flex: 1;
}

.np-card-meta {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: .7rem;
    color: #94a3b8;
    flex-wrap: wrap;
    margin-top: auto;
}
.np-card-source {
    font-weight: 700;
    color: #64748b;
}
.np-card-dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #cbd5e1;
    flex-shrink: 0;
}


.np-card-accent {
    height: 3px;
    width: 100%;
    background: linear-gradient(90deg, var(--color-primary, #2563eb), var(--color-primary-light, #93c5fd));
    margin-top: auto;
}


.np-load-more-wrap {
    padding: 18px 16px 10px;
    text-align: center;
}
.np-load-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 32px;
    border-radius: 16px;
    border: none;
    background: linear-gradient(135deg, var(--color-primary-dark, #1a3a6b), var(--color-primary, #2563eb));
    color: #fff;
    font-size: .88rem;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(37,99,235,.35);
    transition: transform .15s, box-shadow .15s;
    width: 100%;
    max-width: 300px;
    justify-content: center;
}
.np-load-more:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(37,99,235,.45);
}
.np-load-more:active {
    transform: scale(.97);
}
.np-load-more:disabled {
    opacity: .5;
    cursor: not-allowed;
    transform: none;
}


.np-skeleton {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 4px 16px 0;
}
.np-skel-card {
    background: rgba(255,255,255,.5);
    border-radius: 18px;
    overflow: hidden;
}
.np-skel-thumb {
    aspect-ratio: 16/9;
    background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
    background-size: 200% 100%;
    animation: np-shimmer 1.4s infinite;
}
.np-skel-body {
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.np-skel-line {
    height: 10px;
    border-radius: 6px;
    background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
    background-size: 200% 100%;
    animation: np-shimmer 1.4s infinite;
}
.np-skel-line.short { width: 60%; }
@keyframes np-shimmer {
    to { background-position: -200% 0; }
}


.np-empty {
    grid-column: 1/-1;
    text-align: center;
    padding: 48px 24px;
    color: #94a3b8;
}
.np-empty-icon {
    font-size: 3rem;
    display: block;
    margin-bottom: 12px;
    opacity: .5;
}
.np-empty-text {
    font-size: .9rem;
    font-weight: 600;
}


.np-article-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 900;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s;
}
.np-article-backdrop.open {
    opacity: 1;
    pointer-events: auto;
}

.np-article-sheet {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 901;
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(24px) saturate(1.8);
    -webkit-backdrop-filter: blur(24px) saturate(1.8);
    border-radius: 28px 28px 0 0;
    box-shadow: 0 -8px 40px rgba(0,0,0,.2), 0 -1px 0 rgba(255,255,255,.9) inset;
    display: flex;
    flex-direction: column;
    transform: translateY(100%);
    transition: transform .3s cubic-bezier(.32,.72,0,1);
    max-height: 96dvh;
    overflow: hidden;
}
.np-article-sheet.open {
    transform: translateY(0);
}

.np-article-handle {
    width: 40px;
    height: 4px;
    background: rgba(0,0,0,.15);
    border-radius: 2px;
    margin: 10px auto 0;
    flex-shrink: 0;
}

.np-article-header {
    padding: 12px 16px 14px;
    border-bottom: 1px solid rgba(0,0,0,.07);
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex-shrink: 0;
}
.np-article-info {
    flex: 1;
    min-width: 0;
}
.np-article-title {
    font-size: .95rem;
    font-weight: 800;
    color: #1e293b;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 4px;
}
.np-article-source-link {
    font-size: .75rem;
    color: var(--color-primary, #2563eb);
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.np-article-source-link:hover {
    text-decoration: underline;
}
.np-article-close {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: none;
    background: rgba(0,0,0,.07);
    color: #374151;
    font-size: 1.1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background .15s;
}
.np-article-close:hover {
    background: rgba(0,0,0,.14);
}

.np-article-iframe-wrap {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.np-article-iframe {
    width: 100%;
    flex: 1;
    height: calc(96dvh - 120px);
    border: none;
    background: #fff;
}


.np-article-loading {
    height: 3px;
    background: linear-gradient(90deg, var(--color-primary, #2563eb), var(--color-primary-light, #93c5fd), var(--color-primary, #2563eb));
    background-size: 200% 100%;
    animation: np-loadbar 1.2s linear infinite;
    flex-shrink: 0;
}
@keyframes np-loadbar {
    to { background-position: -200% 0; }
}


@media (prefers-color-scheme: dark1) {
    .np-cats-strip {
        background: rgba(10,20,50,.72);
        border-bottom-color: rgba(255,255,255,.08);
    }
    .np-cat-pill {
        background: rgba(255,255,255,.07);
        border-color: rgba(255,255,255,.12);
        color: #cbd5e1;
    }
    .np-cat-pill:hover {
        background: rgba(255,255,255,.14);
        border-color: var(--color-primary, #2563eb);
        color: #e2e8f0;
    }
    .np-search {
        background: rgba(10,20,50,.5);
        border-color: rgba(255,255,255,.1);
        color: #e2e8f0;
    }
    .np-search::placeholder { color: #475569; }
    .np-card {
        background: rgba(10,20,50,.65);
        border-color: rgba(255,255,255,.08);
        box-shadow: 0 4px 18px rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,.04) inset;
    }
    .np-card-title { color: #e2e8f0; }
    .np-card-meta { color: #475569; }
    .np-card-source { color: #94a3b8; }
    .np-card-thumb-placeholder {
        background: linear-gradient(135deg, #1e293b, #0f172a);
        color: #475569;
    }
    .np-skel-card { background: rgba(10,20,50,.4); }
    .np-skel-thumb,
    .np-skel-line {
        background: linear-gradient(90deg, #1e293b 25%, #0f172a 50%, #1e293b 75%);
        background-size: 200% 100%;
    }
    .np-article-sheet {
        background: rgba(10,20,50,.88);
        box-shadow: 0 -8px 40px rgba(0,0,0,.5), 0 -1px 0 rgba(255,255,255,.05) inset;
    }
    .np-article-title { color: #e2e8f0; }
    .np-article-close {
        background: rgba(255,255,255,.08);
        color: #cbd5e1;
    }
    .np-article-close:hover { background: rgba(255,255,255,.15); }
    .np-article-header { border-bottom-color: rgba(255,255,255,.07); }
    .np-article-iframe { background: #0f172a; }
    .np-article-handle { background: rgba(255,255,255,.15); }
    .np-empty { color: #475569; }
    .np-section-label { color: #475569; }
    .np-section-label span { background: #1e293b; }
}


body.dark-mode .np-cats-strip {
    background: rgba(10,20,50,.72);
    border-bottom-color: rgba(255,255,255,.08);
}
body.dark-mode .np-cat-pill {
    background: rgba(255,255,255,.07);
    border-color: rgba(255,255,255,.12);
    color: #cbd5e1;
}
body.dark-mode .np-cat-pill:hover {
    background: rgba(255,255,255,.14);
    color: #e2e8f0;
}
body.dark-mode .np-search {
    background: rgba(10,20,50,.5);
    border-color: rgba(255,255,255,.1);
    color: #e2e8f0;
}
body.dark-mode .np-card {
    background: rgba(10,20,50,.65);
    border-color: rgba(255,255,255,.08);
}
body.dark-mode .np-card-title { color: #e2e8f0; }
body.dark-mode .np-card-source { color: #94a3b8; }
body.dark-mode .np-card-thumb-placeholder {
    background: linear-gradient(135deg, #1e293b, #0f172a);
    color: #475569;
}
body.dark-mode .np-skel-card { background: rgba(10,20,50,.4); }
body.dark-mode .np-skel-thumb,
body.dark-mode .np-skel-line {
    background: linear-gradient(90deg, #1e293b 25%, #0f172a 50%, #1e293b 75%);
    background-size: 200% 100%;
}
body.dark-mode .np-article-sheet {
    background: rgba(10,20,50,.88);
}
body.dark-mode .np-article-title { color: #e2e8f0; }
body.dark-mode .np-article-close {
    background: rgba(255,255,255,.08);
    color: #cbd5e1;
}
body.dark-mode .np-article-header { border-bottom-color: rgba(255,255,255,.07); }
body.dark-mode .np-article-iframe { background: #0f172a; }
body.dark-mode .np-empty { color: #475569; }
body.dark-mode .np-section-label { color: #475569; }
body.dark-mode .np-section-label span { background: #1e293b; }

.np-search-form{display:block}
.np-featured-section,.np-list-section{padding:0 16px}
.np-heading{margin:0 0 12px;font-size:1rem;font-weight:800;color:color-mix(in srgb, var(--color-primary-dark, #1f5f32) 70%, #111827 30%);text-transform:uppercase;letter-spacing:.02em}
.np-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.np-featured-slider{
    display:flex;
    gap:14px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    scrollbar-width:none;
    margin-bottom:18px;
    border-radius:18px;
}
.np-featured-slider::-webkit-scrollbar{display:none}
.np-featured-slide{
    position:relative;
    flex:0 0 100%;
    scroll-snap-align:start;
    min-width:0;
}
.np-featured-slide .np-card-featured{margin:0}
.np-featured-nav{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    pointer-events:none;
    padding:0 10px;
}
.np-featured-btn{
    pointer-events:auto;
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border-radius:999px;
    background:color-mix(in srgb, var(--color-primary, #2e7d32) 88%, #ffffff 12%);
    color:#fff;
    text-decoration:none;
    font-size:1.4rem;
    font-weight:900;
    box-shadow:0 8px 18px color-mix(in srgb, var(--color-primary, #2e7d32) 24%, transparent);
}
.np-grid-list{display:block}
.np-card-link{display:flex;align-items:stretch;text-decoration:none;color:inherit;width:100%;min-width:0}
.np-card-list{margin-bottom:14px}
.np-card-list .np-card-thumb-wrap{width:140px;min-width:140px;height:140px}
.np-card-list .np-card-body{flex:1;min-width:0}
.np-card-excerpt{margin:0 0 10px;color:#64748b;font-size:.88rem;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.np-card-featured .np-card-excerpt{-webkit-line-clamp:4}
.np-card-list .np-card-excerpt{-webkit-line-clamp:2}
.np-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:18px 0 6px}
.np-page-link{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border-radius:10px;border:1px solid rgba(15,23,42,.08);background:#fff;color:#334155;text-decoration:none;font-size:.88rem;font-weight:700}
.np-page-link.current{background:linear-gradient(135deg,var(--color-primary-dark,#1f5f32),var(--color-primary,#2e7d32));border-color:transparent;color:#fff}
.np-empty{padding:18px 0;color:#64748b}
@media (max-width:640px){.np-card-list .np-card-thumb-wrap{width:130px;min-width:130px;height:110px}.np-card-list .np-card-title{font-size:.95rem}.np-card-cat,.np-card-excerpt{display:none!important}}
body.dark-mode .np-heading{color:#e5e7eb}
body.dark-mode .np-card-excerpt{color:#94a3b8}
body.dark-mode .np-page-link{background:rgba(15,23,42,.78);border-color:rgba(255,255,255,.08);color:#cbd5e1}


.news-page-body{
    --np-primary:var(--color-primary, #2e7d32);
    --np-primary-dark:var(--color-primary-dark, #1b5e20);
    --np-primary-light:var(--color-primary-light, #e8f5e9);
}
.news-page-body .np-page{
    
}
.news-page-body .np-hero,
.news-page-body .np-cat-pill.active,
.news-page-body .np-page-link.current{
    background:linear-gradient(135deg, var(--np-primary-dark), var(--np-primary));
}
.news-page-body .np-hero{
    box-shadow:0 14px 32px color-mix(in srgb, var(--np-primary) 28%, transparent), inset 0 1px 0 rgba(255,255,255,.22);
}
.news-page-body .np-cats-strip,
.news-page-body .np-search,
.news-page-body .np-card{
    border-color:color-mix(in srgb, var(--np-primary) 14%, rgba(255,255,255,.74) 86%);
}
.news-page-body .np-heading{
    color:color-mix(in srgb, var(--np-primary-dark) 82%, #111827 18%);
}
.news-page-body .np-cat-pill:hover{
    border-color:var(--np-primary);
    color:var(--np-primary-dark);
}
.news-page-body .np-cat-pill.active{
    box-shadow:0 8px 18px color-mix(in srgb, var(--np-primary) 28%, transparent);
}
.news-page-body .np-search:focus{
    border-color:var(--np-primary);
    box-shadow:0 0 0 3px color-mix(in srgb, var(--np-primary) 18%, transparent);
}
.news-page-body .np-card{
    background:rgba(255,255,255,.78);
    box-shadow:0 10px 28px color-mix(in srgb, var(--np-primary) 10%, rgba(15,23,42,.08) 90%), inset 0 1px 0 rgba(255,255,255,.82);
}
.news-page-body .np-card-featured .np-card-body{
    background:
        linear-gradient(135deg, rgba(255,255,255,.88), color-mix(in srgb, var(--np-primary-light) 30%, rgba(255,255,255,.82) 70%));
}
.news-page-body .np-featured-btn{
    background:linear-gradient(135deg, var(--np-primary-dark), var(--np-primary));
}
[data-theme="dark"] body.news-page-body{
    --np-night:#090d18;
    
}
[data-theme="dark"] body.news-page-body .np-page{
    background: none;
}
[data-theme="dark"] body.news-page-body .np-hero{
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--np-primary) 18%, transparent), transparent 55%),
        linear-gradient(135deg, color-mix(in srgb, var(--np-primary-dark) 78%, #020617 22%), color-mix(in srgb, var(--np-primary) 64%, #020617 36%));
    box-shadow:0 14px 34px color-mix(in srgb, var(--np-primary) 20%, transparent);
}
[data-theme="dark"] body.news-page-body .np-cats-strip{
    background:rgba(13,18,31,.82);
    border:1px solid color-mix(in srgb, var(--np-primary) 20%, rgba(255,255,255,.08) 80%);
    box-shadow:0 10px 24px rgba(0,0,0,.26);
}
[data-theme="dark"] body.news-page-body .np-cat-pill{
    background:rgba(255,255,255,.08);
    border-color:rgba(255,255,255,.14);
    color:#dbe5f1;
}
[data-theme="dark"] body.news-page-body .np-cat-pill:hover{
    border-color:var(--np-primary);
    color:#fff;
}
[data-theme="dark"] body.news-page-body .np-cat-pill.active{
    color:#061018;
    background:linear-gradient(135deg, var(--np-primary), color-mix(in srgb, var(--np-primary) 72%, #fff 28%));
}
[data-theme="dark"] body.news-page-body .np-search{
    background:rgba(13,18,31,.86);
    border-color:color-mix(in srgb, var(--np-primary) 16%, rgba(255,255,255,.1) 84%);
    color:#eef5ff;
}
[data-theme="dark"] body.news-page-body .np-search::placeholder{color:#8ea0b8}
[data-theme="dark"] body.news-page-body .np-heading{
    color:color-mix(in srgb, var(--np-primary) 78%, #ffffff 22%);
}
[data-theme="dark"] body.news-page-body .np-card{
    background:rgba(14,20,34,.78);
    border-color:color-mix(in srgb, var(--np-primary) 18%, rgba(255,255,255,.08) 82%);
    box-shadow:0 16px 34px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.05);
}
[data-theme="dark"] body.news-page-body .np-card-featured .np-card-body{
    background:
        linear-gradient(135deg, rgba(18,25,42,.92), color-mix(in srgb, var(--np-primary-dark) 26%, rgba(18,25,42,.88) 74%));
}
[data-theme="dark"] body.news-page-body .np-card-title{color:#f8fbff}
[data-theme="dark"] body.news-page-body .np-card-excerpt{color:#c1ccda}
[data-theme="dark"] body.news-page-body .np-card-meta,
[data-theme="dark"] body.news-page-body .np-card-date{color:#9fb0c7}
[data-theme="dark"] body.news-page-body .np-page-link{
    background:rgba(14,20,34,.86);
    border-color:rgba(255,255,255,.12);
    color:#dbe5f1;
}
[data-theme="dark"] body.news-page-body .np-page-link.current,
[data-theme="dark"] body.news-page-body .np-featured-btn{
    color:#061018;
    background:linear-gradient(135deg, var(--np-primary), color-mix(in srgb, var(--np-primary) 72%, #fff 28%));
}