@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;900&display=swap');

/* ================================================
   AI News Aggregator v1.8.0 – Frontend Styles
   ================================================ */

:root {
    --ana-bg:           #080d1f;
    --ana-bg-card:      #0f1729;
    --ana-bg-card-hover:#141e35;
    --ana-border:       #1e2d4a;
    --ana-accent:       #4f8ef7;
    --ana-accent-2:     #a259f7;
    --ana-text:         #dde4f0;
    --ana-text-muted:   #7d8fa8;
    --ana-text-dim:     #4a5870;
    --ana-tag-bg:       #111d33;
    --ana-tag-text:     #6b9bef;
    --ana-cat-bg:       #160e2e;
    --ana-cat-text:     #a78bfa;
    --ana-radius:       10px;
    --ana-radius-sm:    6px;
    --ana-transition:   0.18s ease;
    --ana-shadow:       0 2px 14px rgba(0,0,0,0.5);
    --ana-shadow-hover: 0 6px 30px rgba(0,0,0,0.7);
    --ana-font:         -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --ana-font-mono:    'JetBrains Mono', 'Fira Code', monospace;
    --ana-card-img-w:   168px;
    --ana-star-color:   rgba(180,210,255,0.55);
}

/* ── STARFIELD BACKGROUND ─────────────────────────────── */
.ana-feed-wrapper,
.ana-single-page-wrap,
.ana-archive-wrapper {
    font-family: var(--ana-font);
    color: var(--ana-text);
}

/* Główne tło strony – gwiaździsty granat */
body,
#page-container,
#main-content,
.et_pb_section.et_pb_section_first,
.et_pb_section {
    background-color: #080d1f !important;
}

.ana-starfield-bg {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(ellipse 80% 50% at 50% -10%, rgba(79,142,247,0.12) 0%, transparent 70%),
        radial-gradient(ellipse 60% 40% at 90% 110%, rgba(162,89,247,0.08) 0%, transparent 60%),
        #080d1f;
}

/* Gwiazdki przez CSS – 3 warstwy z różną prędkością */
.ana-starfield-bg::before,
.ana-starfield-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
}

/* Generujemy gwiazdki jako box-shadow na tiny elementach */
.ana-stars-s, .ana-stars-m, .ana-stars-l { position: fixed; border-radius: 50%; pointer-events: none; z-index: 0; }
.ana-stars-s { width: 1px; height: 1px; background: transparent; animation: anaStarDrift 80s linear infinite; }
.ana-stars-m { width: 2px; height: 2px; background: transparent; animation: anaStarDrift 120s linear infinite reverse; }
.ana-stars-l { width: 3px; height: 3px; background: transparent; animation: anaStarDrift 200s linear infinite; }

@keyframes anaStarDrift {
    from { transform: translateY(0); }
    to   { transform: translateY(-100vh); }
}

/* ── FEED WRAPPER ─────────────────────────────────────── */
.ana-feed-wrapper {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* ── LIVE TOAST ───────────────────────────────────────── */
.ana-live-toast {
    position: sticky;
    top: 12px;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: var(--ana-accent);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 18px;
    border-radius: 30px;
    margin-bottom: 20px;
    cursor: pointer;
    box-shadow: 0 4px 24px rgba(79,142,247,0.45);
    animation: anaSlideDown 0.3s ease;
}
@keyframes anaSlideDown {
    from { opacity: 0; transform: translateY(-12px); }
    to   { opacity: 1; transform: translateY(0); }
}
.ana-live-toast:hover { background: #3a7de8; }
#ana-live-toast-close { background: none; border: none; color: #fff; font-size: 16px; cursor: pointer; padding: 0; opacity: 0.8; }
#ana-live-toast-close:hover { opacity: 1; }

/* ── FILTER BAR ───────────────────────────────────────── */
.ana-filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 28px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--ana-border);
}
.ana-filter-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 13px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    color: var(--ana-text-muted);
    background: var(--ana-tag-bg);
    border: 1px solid var(--ana-border);
    text-decoration: none;
    transition: all var(--ana-transition);
    cursor: pointer;
}
.ana-filter-btn:hover, .ana-filter-btn.active {
    background: var(--ana-accent);
    color: #fff;
    border-color: var(--ana-accent);
    text-decoration: none;
}
.ana-filter-count { background: rgba(255,255,255,0.2); border-radius: 10px; padding: 1px 6px; font-size: 11px; }

/* ── DAY SEPARATOR ────────────────────────────────────── */
.ana-day-separator {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 32px 0 18px;
}
.ana-day-separator::before,
.ana-day-separator::after { content: ''; flex: 1; height: 1px; background: var(--ana-border); }
.ana-day-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--ana-text-dim);
    white-space: nowrap;
}
.ana-day-separator:first-child { margin-top: 0; }

/* ── NEWS LIST ────────────────────────────────────────── */
.ana-news-list { display: flex; flex-direction: column; gap: 12px; }

/* ── NEWS CARD ────────────────────────────────────────── */
.ana-news-card {
    background: var(--ana-bg-card);
    border: 1px solid var(--ana-border);
    border-radius: var(--ana-radius);
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    transition: all var(--ana-transition);
    box-shadow: var(--ana-shadow);
    animation: anaCardIn 0.25s ease both;
    position: relative;
    /* Karta kompaktowa — wysokość dopasowana do treści,
       bez pustego miejsca. Streszczenie rozwija się na hover. */
}
.ana-news-card:hover {
    border-color: rgba(79,142,247,0.4);
    background: var(--ana-bg-card-hover);
    box-shadow: var(--ana-shadow-hover);
    transform: translateY(-1px);
}
@keyframes anaCardIn {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}
.ana-news-card:nth-child(1)  { animation-delay:0.00s }
.ana-news-card:nth-child(2)  { animation-delay:0.04s }
.ana-news-card:nth-child(3)  { animation-delay:0.08s }
.ana-news-card:nth-child(4)  { animation-delay:0.12s }
.ana-news-card:nth-child(n+5){ animation-delay:0.15s }

/* ── CARD IMAGE ───────────────────────────────────────── */
.ana-card-image {
    flex: 0 0 var(--ana-card-img-w);
    width: var(--ana-card-img-w);
    min-height: 110px;
    overflow: hidden;
    position: relative;
    background: var(--ana-border);
    flex-shrink: 0;
}
.ana-card-image > a { display: block; height: 100%; }
.ana-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}
.ana-news-card:hover .ana-card-image img { transform: scale(1.06); }

/* Gradient fallback thumbnail */
.ana-card-thumb-fallback {
    width: 100%;
    height: 100%;
    min-height: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: filter 0.35s ease;
}
.ana-news-card:hover .ana-card-thumb-fallback { filter: brightness(1.15); }
.ana-thumb-letter {
    font-size: 42px;
    font-weight: 900;
    color: rgba(255,255,255,0.92);
    line-height: 1;
    text-shadow: 0 2px 10px rgba(0,0,0,0.4);
}
.ana-thumb-cat {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.65);
}

/* ── TLDR (pod tytułem w .ana-card-body, slide-down na hover) ── */
.ana-tldr-wrap {
    /* Streszczenie rozwija się dopiero po najechaniu na kartę */
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.30s ease, opacity 0.25s ease;
    opacity: 0;
    pointer-events: none;
}
.ana-news-card:hover .ana-tldr-wrap,
.ana-news-card:focus-within .ana-tldr-wrap {
    max-height: 200px;
    opacity: 1;
    pointer-events: auto;
    margin-top: 2px;
}
.ana-tldr-inner {
    padding: 10px 13px;
    background: rgba(255,255,255,0.025);
    border-left: 3px solid var(--ana-accent);
    border-radius: 0 var(--ana-radius-sm) var(--ana-radius-sm) 0;
}
.ana-tldr-text {
    font-size: 14px;
    line-height: 1.5;
    color: #c5d0e0;
    margin: 0;
    overflow-y: auto;
    max-height: 160px;
    scrollbar-width: thin;
    scrollbar-color: var(--ana-border) transparent;
    letter-spacing: 0.1px;
}

/* ── CARD BODY ────────────────────────────────────────── */
.ana-card-body {
    flex: 1;
    padding: 11px 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.ana-card-category {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--ana-cat-text);
    background: var(--ana-cat-bg);
    padding: 2px 7px;
    border-radius: 4px;
    border: 1px solid rgba(167,139,250,0.2);
}
.ana-card-source-domain { font-size: 11px; color: var(--ana-text-dim); font-family: var(--ana-font-mono); }
.ana-card-title {
    margin: 0;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.3;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
}
.ana-card-title a {
    color: #ffffff;
    text-decoration: none;
    transition: color var(--ana-transition);
    -webkit-text-stroke: 2px #000;
    text-stroke: 2px #000;
    text-shadow:
        2px  2px 0 #000,
       -2px  2px 0 #000,
        2px -2px 0 #000,
       -2px -2px 0 #000,
        0    4px 10px rgba(0,0,0,0.8);
    paint-order: stroke fill;
}
.ana-card-title a:hover {
    color: #fff;
    -webkit-text-stroke: 2px #1a3a8f;
    text-shadow:
        2px  2px 0 #1a3a8f,
       -2px  2px 0 #1a3a8f,
        2px -2px 0 #1a3a8f,
       -2px -2px 0 #1a3a8f,
        0    4px 14px rgba(79,142,247,0.7);
    text-decoration: none;
}

/* ── CARD FOOTER ──────────────────────────────────────── */
.ana-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid var(--ana-border);
}
.ana-card-info { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ana-card-date, .ana-card-reading-time {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 11px;
    color: var(--ana-text-dim);
}
.ana-card-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ana-card-tags { display: flex; gap: 5px; flex-wrap: wrap; }
.ana-tag { font-size: 11px; color: var(--ana-tag-text); text-decoration: none; font-family: var(--ana-font-mono); }
.ana-tag:hover { color: var(--ana-accent); text-decoration: none; }
.ana-read-more {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 600;
    color: var(--ana-accent);
    text-decoration: none;
    white-space: nowrap;
    transition: gap var(--ana-transition);
}
.ana-read-more:hover { gap: 7px; color: var(--ana-accent); text-decoration: none; }

/* ── LOAD MORE ────────────────────────────────────────── */
.ana-load-more-wrapper { text-align: center; margin-top: 32px; }
.ana-load-more-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: 1px solid var(--ana-border);
    color: var(--ana-text-muted);
    font-size: 14px;
    font-weight: 600;
    padding: 11px 28px;
    border-radius: 8px;
    cursor: pointer;
    transition: all var(--ana-transition);
    font-family: var(--ana-font);
}
.ana-load-more-btn:hover { border-color: var(--ana-accent); color: var(--ana-accent); background: rgba(79,142,247,0.05); }

/* ── NO NEWS ──────────────────────────────────────────── */
.ana-no-news {
    text-align: center;
    padding: 60px 20px;
    color: var(--ana-text-muted);
    background: var(--ana-bg-card);
    border-radius: var(--ana-radius);
    border: 1px dashed var(--ana-border);
}

/* ── NEW POSTS LIVE ZONE ──────────────────────────────── */
#ana-new-posts-zone .ana-news-card {
    border-color: rgba(79,142,247,0.5);
    animation: anaNewPost 0.4s ease both;
}
@keyframes anaNewPost {
    from { opacity: 0; transform: translateY(-16px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── LATEST WIDGET ────────────────────────────────────── */
.ana-latest-widget { font-family: var(--ana-font); }
.ana-latest-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.ana-latest-item { display: flex; gap: 10px; align-items: flex-start; }
.ana-latest-thumb { flex: 0 0 56px; height: 56px; border-radius: 6px; overflow: hidden; background: var(--ana-border); }
.ana-latest-thumb img { width: 100%; height: 100%; object-fit: cover; }
.ana-latest-info { flex: 1; display: flex; flex-direction: column; gap: 3px; }
.ana-latest-title { font-size: 13px; font-weight: 600; color: var(--ana-text); text-decoration: none; line-height: 1.4; }
.ana-latest-title:hover { color: var(--ana-accent); }
.ana-latest-date { font-size: 11px; color: var(--ana-text-dim); }

/* ── SINGLE POST ──────────────────────────────────────── */
.ana-single-page-wrap { background: #080d1f; min-height: 100vh; }
.single-ai_news .et_pb_section,
.single-ai_news .et_pb_row,
.single-ai_news .et_pb_column,
.single-ai_news #main-content,
.single-ai_news .entry-content { background: transparent !important; color: var(--ana-text) !important; }
.ana-single-wrapper { max-width: 820px; margin: 40px auto; padding: 0 20px; color: #dde4f0; font-family: var(--ana-font); }
.ana-breadcrumb { font-size: 13px; color: var(--ana-text-dim); margin-bottom: 24px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.ana-breadcrumb a { color: var(--ana-text-muted); text-decoration: none; }
.ana-breadcrumb a:hover { color: var(--ana-accent); }
.ana-breadcrumb-sep { color: var(--ana-text-dim); }
.ana-single-header { margin-bottom: 28px; }
.ana-single-meta-top { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; flex-wrap: wrap; }
.ana-single-title { font-size: clamp(22px, 4vw, 34px); font-weight: 800; line-height: 1.3; color: var(--ana-text); margin: 0 0 18px; }
.ana-single-info-bar { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 12px 0; border-top: 1px solid var(--ana-border); border-bottom: 1px solid var(--ana-border); }
.ana-single-featured-image { border-radius: var(--ana-radius); overflow: hidden; margin-bottom: 32px; max-height: 440px; }
.ana-single-featured-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ana-single-content { font-size: 16px; line-height: 1.85; color: var(--ana-text); margin-bottom: 32px; }
.ana-single-content p { margin-bottom: 18px; }
.ana-single-content a { color: var(--ana-accent); }
.ana-single-content h2, .ana-single-content h3 { color: var(--ana-text); margin: 24px 0 10px; }
.ana-lead { font-size: 18px; line-height: 1.7; font-weight: 500; border-left: 3px solid var(--ana-accent); padding-left: 16px; margin-bottom: 24px !important; }
.ana-single-tags { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 28px; }
.ana-single-tags-label { font-size: 13px; color: var(--ana-text-dim); font-weight: 600; }
.ana-single-tags .ana-tag { font-size: 13px; background: var(--ana-tag-bg); padding: 3px 9px; border-radius: 4px; border: 1px solid var(--ana-border); }
.ana-single-source-box { display: flex; align-items: flex-start; gap: 14px; background: var(--ana-bg-card); border: 1px solid var(--ana-border); border-left: 3px solid var(--ana-accent); border-radius: var(--ana-radius); padding: 18px; margin-bottom: 32px; }
.ana-source-box-icon { font-size: 26px; flex-shrink: 0; }
.ana-source-box-text strong { display: block; font-size: 14px; color: var(--ana-text); margin-bottom: 6px; }
.ana-source-box-text p { font-size: 13px; color: var(--ana-text-muted); margin: 0 0 10px; }
.ana-source-link-btn { display: inline-block; background: var(--ana-accent); color: #fff; font-size: 13px; font-weight: 600; padding: 7px 14px; border-radius: 6px; text-decoration: none; }
.ana-source-link-btn:hover { opacity: 0.85; color: #fff; text-decoration: none; }
.ana-single-nav { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 18px 0; border-top: 1px solid var(--ana-border); margin-bottom: 40px; }
.ana-back-btn { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--ana-text-muted); text-decoration: none; cursor: pointer; transition: color var(--ana-transition); }
.ana-back-btn:hover { color: var(--ana-accent); text-decoration: none; }
.ana-single-post-nav { display: flex; gap: 14px; }
.ana-nav-prev, .ana-nav-next { font-size: 13px; font-weight: 600; color: var(--ana-accent); text-decoration: none; }
.ana-related { margin-bottom: 40px; }
.ana-related-title { font-size: 18px; font-weight: 700; color: var(--ana-text); margin-bottom: 16px; padding-bottom: 10px; border-bottom: 1px solid var(--ana-border); }
.ana-related-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px; }
.ana-related-card { background: var(--ana-bg-card); border: 1px solid var(--ana-border); border-radius: var(--ana-radius-sm); overflow: hidden; text-decoration: none; transition: all var(--ana-transition); display: block; }
.ana-related-card:hover { border-color: rgba(79,142,247,0.4); transform: translateY(-2px); text-decoration: none; }
.ana-related-img { height: 110px; overflow: hidden; background: var(--ana-border); }
.ana-related-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ana-related-img-placeholder { display: flex; align-items: center; justify-content: center; font-size: 32px; }
.ana-related-info { padding: 10px 12px; display: flex; flex-direction: column; gap: 4px; }
.ana-related-card-title { font-size: 13px; font-weight: 600; color: var(--ana-text); line-height: 1.4; }
.ana-related-date { font-size: 11px; color: var(--ana-text-dim); }
.ana-sources-block { margin: 28px 0 20px; padding: 16px 20px; background: var(--ana-bg-card); border: 1px solid var(--ana-border); border-left: 3px solid var(--ana-accent-2); border-radius: var(--ana-radius); }
.ana-sources-title { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--ana-text-dim); margin: 0 0 10px; }
.ana-sources-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.ana-sources-list li { font-size: 13px; color: var(--ana-text-muted); display: flex; align-items: flex-start; gap: 6px; flex-wrap: wrap; }
.ana-sources-list li::before { content: "↗"; color: var(--ana-accent-2); flex-shrink: 0; }
.ana-source-label { font-weight: 600; color: var(--ana-text); }
.ana-sources-list a { color: var(--ana-accent); text-decoration: none; word-break: break-all; font-size: 12px; }
.ana-archive-wrapper { max-width: 820px; margin: 40px auto; padding: 0 20px; }
.ana-archive-header { text-align: center; margin-bottom: 32px; padding-bottom: 20px; border-bottom: 1px solid var(--ana-border); }
.ana-archive-title { font-size: 30px; font-weight: 800; color: var(--ana-text); margin: 0 0 8px; }
.ana-archive-desc { font-size: 15px; color: var(--ana-text-muted); margin: 0; }

/* ── RESPONSIVE ───────────────────────────────────────── */
@media (max-width: 560px) {
    :root { --ana-card-img-w: 110px; }
    .ana-card-body { padding: 10px 12px; }
    .ana-card-title { font-size: 16px; }
    .ana-card-footer { flex-direction: column; align-items: flex-start; }
    .ana-filter-btn { font-size: 12px; padding: 4px 10px; }
    .ana-single-wrapper { padding: 0 14px; margin: 20px auto; }
    .ana-related-grid { grid-template-columns: 1fr; }
    .ana-tldr-text { font-size: 14px; }
}

/* Touch devices – pokazuj TLDR po tapnięciu */
@media (hover: none) {
    /* streszczenie zawsze widoczne — reguła mobilna zbędna */
}

/* ── DARK/LIGHT TOGGLE ──────────────────────────────────── */
.ana-theme-toggle {
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 9999;
    background: var(--ana-bg-card);
    border: 1px solid var(--ana-border);
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    box-shadow: var(--ana-shadow);
    transition: all var(--ana-transition);
}
.ana-theme-toggle:hover {
    border-color: var(--ana-accent);
    box-shadow: 0 0 0 3px rgba(79,142,247,0.2);
}

/* Light mode triggered by JS class on <html> */
html.ana-light {
    --ana-bg:           #f0f4fb;
    --ana-bg-card:      #ffffff;
    --ana-bg-card-hover:#f5f8ff;
    --ana-border:       #d1daea;
    --ana-text:         #1a1f30;
    --ana-text-muted:   #4a5578;
    --ana-text-dim:     #8892a8;
    --ana-tag-bg:       #e8eeff;
    --ana-tag-text:     #3b5bd9;
    --ana-cat-bg:       #ede8ff;
    --ana-cat-text:     #5b21b6;
    --ana-shadow:       0 2px 8px rgba(0,0,0,0.07);
    --ana-shadow-hover: 0 6px 20px rgba(0,0,0,0.12);
}
html.ana-light body,
html.ana-light #page-container,
html.ana-light .et_pb_section { background-color: #f0f4fb !important; }
html.ana-light .ana-starfield-bg,
html.ana-light .ana-stars-s,
html.ana-light .ana-stars-m,
html.ana-light .ana-stars-l { display: none; }

/* ── CHIP.PL STYL – ARTYKUŁ SINGLE ─────────────────────── */
.ana-single-source-chip {
    font-size: 11px;
    color: var(--ana-text-dim);
    font-family: var(--ana-font-mono);
}
.ana-single-source-chip a { color: var(--ana-accent); text-decoration: none; }
.ana-single-source-chip a:hover { text-decoration: underline; }

.ana-single-words {
    font-size: 11px;
    color: var(--ana-text-dim);
}

/* Chip.pl style: lead jako wyróżniony blok */
.ana-single-content .ana-lead {
    font-size: 19px;
    line-height: 1.75;
    font-weight: 400;
    color: var(--ana-text);
    border: none;
    border-top: 3px solid var(--ana-accent);
    border-bottom: 1px solid var(--ana-border);
    padding: 18px 0 18px 0;
    margin-bottom: 28px !important;
    background: transparent;
}

/* Chip.pl: nagłówki w treści */
.ana-single-content h2 {
    font-size: 22px;
    font-weight: 800;
    color: var(--ana-text);
    margin: 36px 0 14px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--ana-border);
}
.ana-single-content h3 {
    font-size: 18px;
    font-weight: 700;
    color: var(--ana-text);
    margin: 28px 0 10px;
}

/* Chip.pl: akapity */
.ana-single-content p {
    font-size: 16px;
    line-height: 1.9;
    color: var(--ana-text);
    margin-bottom: 20px;
}

/* ── OBRAZKI – ZAOKRĄGLENIA WSZĘDZIE ───────────────────── */
img,
.ana-card-image img,
.ana-card-thumb-fallback,
.ana-single-featured-image img,
.ana-single-featured-image,
.ana-inline-image img,
.ana-related-img img,
.ana-latest-thumb img,
.ana-latest-thumb {
    border-radius: 10px !important;
}

/* ── DRUGI OBRAZEK W ARTYKULE ───────────────────────────── */
.ana-inline-image {
    margin: 28px 0;
    border-radius: 10px;
    overflow: hidden;
}
.ana-inline-image img {
    width: 100%;
    height: auto;
    max-height: 380px;
    object-fit: cover;
    display: block;
    border-radius: 10px;
}
.ana-img-caption {
    font-size: 11px;
    color: var(--ana-text-dim);
    text-align: right;
    padding: 5px 8px 0;
    font-style: italic;
}
.ana-img-caption a { color: var(--ana-text-dim); text-decoration: none; }
.ana-img-caption a:hover { color: var(--ana-accent); }

/* figcaption pod głównym obrazkiem */
.ana-single-featured-image figcaption { 
    font-size: 11px;
    color: var(--ana-text-dim);
    text-align: right;
    padding: 5px 8px 0;
    font-style: italic;
}

/* ── ROZDZIELNIK MIĘDZY DNIAMI – WZMOCNIONY ────────────── */
.ana-day-separator {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 36px 0 20px;
    position: relative;
}
.ana-day-separator::before,
.ana-day-separator::after {
    content: '';
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--ana-accent), transparent);
    opacity: 0.4;
}
.ana-day-label {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: var(--ana-accent);
    background: var(--ana-bg-card);
    border: 1px solid var(--ana-border);
    padding: 4px 14px;
    border-radius: 20px;
    white-space: nowrap;
}

/* ── TOP BAR: licznik + gorące tematy ───────────────────── */
.ana-top-bar {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    padding: 12px 16px;
    background: rgba(15,23,41,0.7);
    border: 1px solid var(--ana-border);
    border-radius: var(--ana-radius);
    margin-bottom: 20px;
    backdrop-filter: blur(8px);
}

.ana-today-counter {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--ana-text-muted);
    white-space: nowrap;
}
.ana-today-dot {
    width: 8px;
    height: 8px;
    background: #22c55e;
    border-radius: 50%;
    box-shadow: 0 0 6px #22c55e;
    animation: anaPulse 2s ease-in-out infinite;
    flex-shrink: 0;
}
@keyframes anaPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: 0.6; transform: scale(1.3); }
}
.ana-today-num {
    font-size: 18px;
    font-weight: 900;
    color: #22c55e;
    font-family: 'Montserrat', sans-serif;
}

.ana-hot-topics {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    flex: 1;
}
.ana-hot-label {
    font-size: 12px;
    font-weight: 700;
    color: var(--ana-text-dim);
    white-space: nowrap;
}
.ana-hot-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 600;
    color: var(--ana-tag-text);
    background: var(--ana-tag-bg);
    border: 1px solid var(--ana-border);
    padding: 3px 8px;
    border-radius: 12px;
    text-decoration: none;
    transition: all var(--ana-transition);
    font-family: var(--ana-font-mono);
}
.ana-hot-tag:hover {
    background: var(--ana-accent);
    color: #fff;
    border-color: var(--ana-accent);
    text-decoration: none;
}
.ana-hot-count {
    font-size: 10px;
    background: rgba(255,255,255,0.15);
    border-radius: 8px;
    padding: 0 5px;
}

/* ── IMPORTANCE BADGE ────────────────────────────────────── */
.ana-importance-badge {
    position: absolute;
    bottom: 8px;
    left: 8px;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    background: rgba(8,13,31,0.85);
    backdrop-filter: blur(6px);
    white-space: nowrap;
    z-index: 2;
}
.ana-imp-przelomowe { color: #f87171; border: 1px solid rgba(248,113,113,0.4); }
.ana-imp-wazne      { color: #fbbf24; border: 1px solid rgba(251,191,36,0.4); }
.ana-imp-ciekawostka{ color: #60a5fa; border: 1px solid rgba(96,165,250,0.3); }

/* ── VOTING BUTTONS +/- ─────────────────────────────────── */
.ana-vote-wrap {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}
.ana-vote-fire {
    font-size: 14px;
    animation: anaPulse 1.5s ease-in-out infinite;
    margin-right: 2px;
}
.ana-vote-btn {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    background: rgba(255,255,255,0.05);
    border: 1px solid var(--ana-border);
    cursor: pointer;
    padding: 2px 7px;
    border-radius: 10px;
    transition: all var(--ana-transition);
    color: var(--ana-text-dim);
    font-family: var(--ana-font);
    font-size: 12px;
    line-height: 1;
}
.ana-vote-icon {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}
.ana-vote-btn:hover { background: rgba(255,255,255,0.10); border-color: rgba(255,255,255,0.2); }
.ana-vote-plus:hover { color: #4ade80; border-color: rgba(74,222,128,0.4); }
.ana-vote-minus:hover { color: #f87171; border-color: rgba(248,113,113,0.4); }
.ana-vote-plus.voted { color: #4ade80; background: rgba(74,222,128,0.1); border-color: rgba(74,222,128,0.4); }
.ana-vote-minus.voted { color: #f87171; background: rgba(248,113,113,0.1); border-color: rgba(248,113,113,0.4); }
.ana-vote-count {
    font-size: 11px;
    font-weight: 700;
    color: inherit;
}

/* ── WEEKLY REPORT badge w karcie ───────────────────────── */
.ana-weekly-badge {
    display: inline-block;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #fff;
    background: linear-gradient(90deg, #7c3aed, #4f8ef7);
    padding: 2px 8px;
    border-radius: 4px;
    margin-bottom: 4px;
}

/* ── STYL NOWOCZESNY (860fff + 29d4b6 + Montserrat) ─────── */
body.ana-style-modern {
    background: #0d0a1a !important;
}
body.ana-style-modern #page-container,
body.ana-style-modern #main-content,
body.ana-style-modern .et_pb_section,
body.ana-style-modern .et_pb_row,
body.ana-style-modern .et_pb_column,
body.ana-style-modern .et_pb_module {
    background: transparent !important;
}
body.ana-style-modern .ana-starfield-bg { display: block !important; }
body.ana-style-modern .ana-stars-s,
body.ana-style-modern .ana-stars-m,
body.ana-style-modern .ana-stars-l { display: block !important; }
body.ana-style-modern .ana-feed-wrapper { background: transparent !important; }
body.ana-style-modern .ana-news-card {
    background: rgba(255,255,255,0.04) !important;
    border-color: rgba(134,15,255,0.25) !important;
}
body.ana-style-modern .ana-news-card:hover {
    border-color: rgba(41,212,182,0.5) !important;
    box-shadow: 0 4px 24px rgba(134,15,255,0.15) !important;
}
body.ana-style-modern .ana-card-title a {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    -webkit-text-stroke: 1.5px #000 !important;
    text-shadow: 2px 2px 0 #000, -2px 2px 0 #000, 2px -2px 0 #000, -2px -2px 0 #000 !important;
}
body.ana-style-modern .ana-card-title a:hover { color: #29d4b6 !important; -webkit-text-stroke: 0 !important; text-shadow: 0 0 20px rgba(41,212,182,0.5) !important; }
body.ana-style-modern .ana-card-info,
body.ana-style-modern .ana-card-date,
body.ana-style-modern .ana-card-reading-time { color: #8a9ab8 !important; }
body.ana-style-modern .ana-filter-btn { background: rgba(255,255,255,0.05) !important; color: #c0ccdd !important; border-color: rgba(134,15,255,0.3) !important; }
body.ana-style-modern .ana-filter-btn.active { background: linear-gradient(135deg,#860fff,#29d4b6) !important; color: #fff !important; border-color: transparent !important; }
body.ana-style-modern .ana-filter-btn:hover { border-color: rgba(41,212,182,0.5) !important; color: #29d4b6 !important; }
body.ana-style-modern .ana-day-label { background: #0d0a1a !important; color: #860fff !important; border-color: rgba(134,15,255,0.4) !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; }
body.ana-style-modern .ana-day-separator::before,
body.ana-style-modern .ana-day-separator::after { background: linear-gradient(90deg,transparent,#860fff,transparent) !important; opacity: 0.5 !important; }
body.ana-style-modern .ana-tldr-text { color: #c5d0e0 !important; }
body.ana-style-modern .ana-tldr-inner { background: rgba(255,255,255,0.025) !important; border-color: #860fff !important; }
body.ana-style-modern .ana-tag { background: rgba(134,15,255,0.15) !important; color: #29d4b6 !important; border-color: rgba(134,15,255,0.3) !important; }
body.ana-style-modern .ana-read-more { color: #29d4b6 !important; }
body.ana-style-modern .ana-load-more-btn { background: rgba(134,15,255,0.1) !important; color: #c0ccdd !important; border-color: rgba(134,15,255,0.3) !important; }
body.ana-style-modern .ana-vote-btn { background: rgba(255,255,255,0.05) !important; border-color: rgba(134,15,255,0.3) !important; color: #8a9ab8 !important; }
body.ana-style-modern .ana-vote-plus:hover { color: #29d4b6 !important; }
body.ana-style-modern .ana-card-thumb-fallback { opacity: 1 !important; }

/* ── SOURCE CHIP ──────────────────────────────────────────── */
.ana-source-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 600;
    color: #29d4b6 !important;
    text-decoration: none;
    padding: 0;
    border-radius: 0;
    border: none;
    background: none;
    transition: opacity 0.15s;
    white-space: nowrap;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.ana-source-chip:hover {
    opacity: 0.7;
    text-decoration: none;
    color: #29d4b6;
}
body.ana-style-modern 
body.ana-style-modern .ana-source-chip:hover {
    color: #29d4b6;
    opacity: 0.7;
}
.ana-news-card { cursor: default; }

/* ── CARD CLICK ───────────────────────────────────────────── */

/* ── FILTRY KATEGORII ────────────────────────────────────── */
.ana-filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
    padding: 0;
}
.ana-filter-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    border: 1px solid #dde3f0;
    background: #edf0f8;
    color: #445;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}
.ana-filter-btn:hover {
    text-decoration: none;
    border-color: #1a44bb;
    color: #1a44bb;
}
.ana-filter-btn.active {
    background: #1a44bb;
    color: #fff !important;
    border-color: #1a44bb;
}
.ana-filter-count {
    font-size: 10px;
    font-weight: 700;
    background: rgba(255,255,255,0.25);
    padding: 1px 5px;
    border-radius: 8px;
}
.ana-filter-btn.active .ana-filter-count {
    background: rgba(255,255,255,0.3);
}
/* Dark mode */
body.ana-style-modern .ana-filter-btn {
    background: rgba(255,255,255,.05) !important;
    color: #c0ccdd !important;
    border-color: rgba(134,15,255,.3) !important;
}
body.ana-style-modern .ana-filter-btn:hover {
    color: #29d4b6 !important;
    border-color: #29d4b6 !important;
}
body.ana-style-modern .ana-filter-btn.active {
    background: linear-gradient(135deg,#860fff,#29d4b6) !important;
    color: #fff !important;
    border-color: transparent !important;
}

/* ── PODSTRONA: Przycisk "Przejdź do źródła" ─────────────── */
.ana-goto-source-wrap {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 32px 0 40px;
    padding: 24px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(134,15,255,0.08) 0%, rgba(41,212,182,0.05) 100%);
    border: 1px solid rgba(134,15,255,0.2);
}
.ana-goto-source-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #860fff, #29d4b6);
    color: #fff !important;
    text-decoration: none !important;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    transition: opacity 0.2s, transform 0.2s;
    flex-shrink: 0;
}
.ana-goto-source-btn:hover {
    opacity: 0.88;
    transform: translateY(-1px);
    text-decoration: none !important;
}
.ana-goto-domain {
    font-size: 12px;
    color: #8a9ab8;
    font-weight: 500;
}
.ana-single-tldr {
    font-size: 18px !important;
    line-height: 1.7 !important;
    color: #dde4f0;
    margin-bottom: 8px;
}
/* Komentarze */
.ana-comments-wrap {
    margin-top: 40px;
    padding-top: 32px;
    border-top: 1px solid rgba(128,128,128,0.15);
}
/* Light mode */
body.ana-light-mode .ana-goto-source-wrap {
    background: linear-gradient(135deg, #f0eaff 0%, #e8f8f5 100%);
    border-color: #c0a0ee;
}
body.ana-light-mode .ana-single-tldr { color: #1a2540; }

/* ── SOURCE CHIP NA GŁÓWNEJ – mniejsza czcionka ──────────── */




/* ── DAILY BRIEFING CARD ──────────────────────────────────── */
.ana-news-card.ana-is-briefing {
    border: 2px solid rgba(134,15,255,0.5) !important;
    background: linear-gradient(135deg, rgba(134,15,255,0.08) 0%, rgba(41,212,182,0.05) 100%) !important;
    position: relative;
}
.ana-news-card.ana-is-briefing::before {
    content: '📋 RAPORT DNIA';
    position: absolute;
    top: -1px;
    left: 16px;
    background: linear-gradient(135deg, #860fff, #29d4b6);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
    padding: 3px 10px;
    border-radius: 0 0 6px 6px;
}
.ana-news-card.ana-is-briefing .ana-card-title a,
body.ana-style-modern .ana-news-card.ana-is-briefing .ana-card-title a {
    background: linear-gradient(135deg, #860fff, #29d4b6) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: #860fff !important;
    -webkit-text-stroke: 0 !important;
    text-stroke: 0 !important;
    text-shadow: none !important;
    paint-order: normal !important;
}

/* Briefing list na podstronie i w excerptcie */
.ana-brief-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 16px 0 !important;
}
.ana-brief-item {
    padding: 8px 0 8px 4px !important;
    border-bottom: 1px solid rgba(128,128,128,0.1);
    font-size: 15px;
    line-height: 1.5;
}
.ana-brief-item:last-child { border-bottom: none; }
/* Linki w Raporcie Dnia — czytelne, z subtelnym podkreśleniem na hover */
.ana-brief-item a {
    color: inherit !important;
    text-decoration: none !important;
    display: block;
    transition: color 0.15s ease;
}
.ana-brief-item a:hover {
    color: var(--ana-accent, #4f8ef7) !important;
    text-decoration: none !important;
}
.ana-brief-intro {
    font-size: 16px;
    font-style: italic;
    color: #8a9ab8;
    margin-bottom: 20px !important;
    padding: 12px 16px;
    border-left: 3px solid #860fff;
}



/* ── BRIEFING PREVIEW LIST na karcie ────────────────────── */
.ana-brief-preview {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.ana-brief-preview-item {
    font-size: 14px;
    line-height: 1.5;
    padding: 3px 0;
    color: var(--ana-text);
    border-bottom: 1px solid rgba(128,128,128,0.08);
}
.ana-brief-preview-item:last-child { border-bottom: none; }
.ana-brief-preview-more {
    font-size: 12px;
    color: var(--ana-text-dim);
    padding: 4px 0 0;
    font-style: italic;
}
/* Briefing card - więcej miejsca na listę */
.ana-is-briefing .ana-tldr-inner {
    max-height: none !important;
}
.ana-is-briefing .ana-card-body {
    padding-bottom: 4px;
}

/* Briefing jest klikalny */
.ana-is-briefing { cursor: pointer; }
.ana-is-briefing .ana-card-title a {
    text-decoration: none;
}
.ana-is-briefing .ana-card-title a:hover {
    opacity: 0.85;
}

/* ═══ FINALNE OVERRIDES – mają zawsze pierwszeństwo ═══════ */
.ana-card-title                { font-size: 19px !important; }
.ana-tldr-text                 { font-size: 17px !important; }
.ana-source-chip               { color: #29d4b6 !important; }
.ana-read-more                 { color: #29d4b6 !important; }
body.ana-style-modern .ana-source-chip { color: #29d4b6 !important; }
body.ana-style-modern .ana-read-more   { color: #29d4b6 !important; }
@media (max-width: 600px) {
    .ana-card-title { font-size: 17px !important; }
    .ana-tldr-text  { font-size: 15px !important; }
}

/* footer – skonfigurowany ręcznie w Divi */



/* ══ Newsletter bar ══════════════════════════════════════ */
.ana-newsletter-bar {
    margin-top: 24px;
    background: linear-gradient(135deg, #1a0f3a 0%, #0f1e35 100%);
    border: 1px solid rgba(124,58,237,0.4);
    border-radius: 14px;
    padding: 20px 24px;
}
.ana-nl-inner {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.ana-nl-icon { font-size: 28px; flex-shrink: 0; }
.ana-nl-texts { flex: 1; min-width: 160px; }
.ana-nl-title {
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 3px;
}
.ana-nl-sub {
    font-size: 12px;
    color: #7a8ab0;
    line-height: 1.4;
}
.ana-nl-form {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}
.ana-nl-input {
    background: rgba(13,11,31,0.8) !important;
    border: 1px solid rgba(124,58,237,0.5) !important;
    border-radius: 8px !important;
    padding: 9px 14px !important;
    font-size: 13px !important;
    color: #ffffff !important;
    width: 200px !important;
    outline: none !important;
    transition: border-color 0.2s !important;
}
.ana-nl-input:focus {
    border-color: #7c3aed !important;
}
.ana-nl-input::placeholder { color: #4a5580 !important; }
.ana-nl-btn {
    background: linear-gradient(135deg, #7c3aed, #29d4b6) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 9px 18px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    transition: opacity 0.2s !important;
}
.ana-nl-btn:hover { opacity: 0.9 !important; }
.ana-nl-btn:disabled { opacity: 0.5 !important; }
.ana-nl-success {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #29d4b6;
    font-size: 14px;
    font-weight: 600;
}
@media (max-width: 600px) {
    .ana-nl-inner { flex-direction: column; align-items: flex-start; }
    .ana-nl-form { width: 100%; }
    .ana-nl-input { width: 100% !important; }
}

/* ══ Artykuł AI na podstronie newsa ═══════════════════════ */
.ana-article-body {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.7;
    color: var(--ana-text, #dde4f0);
}
.ana-article-body p {
    margin: 0 0 16px;
}
.ana-article-body p:last-child {
    margin-bottom: 0;
}
.ana-article-body em {
    color: var(--ana-text-muted, #8a9ab8);
    font-size: 14px;
}

/* Przycisk "Więcej" (do podstrony ze streszczeniem) — obok "Źródło" */
.ana-read-more-full {
    margin-left: 4px;
    opacity: 0.95;
}
.ana-read-more-full:hover {
    opacity: 1;
}

/* dzis.ai Light 3D — 4.20. Scoped to the news feed and article surfaces. */
body.ana-light3d.ana-light3d {
 --ana-bg:#f6f8fc; --ana-bg-card:#fff; --ana-bg-card-hover:#fff;
 --ana-border:#e2e7f0; --ana-accent:#6544d5; --ana-accent-2:#138b80;
 --ana-text:#20273a; --ana-text-muted:#59657b; --ana-text-dim:#647087;
 --ana-tag-bg:#f1f3f9; --ana-tag-text:#59657b; --ana-cat-bg:#eee9ff; --ana-cat-text:#6746bd;
 --ana-font:'Segoe UI',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
 --ana-font-mono:var(--ana-font); --ana-shadow:0 3px 5px #23315203,0 12px 32px #23315206;
 --ana-shadow-hover:0 5px 10px #23315206,0 20px 40px #23315212;
 background:#f6f8fc!important; background-image:none!important;color:var(--ana-text);font-family:var(--ana-font)!important;
}
body.ana-light3d #page-container,body.ana-light3d #main-content,body.ana-light3d #et-main-area,body.ana-light3d .et_pb_section,body.ana-light3d .et_pb_row,body.ana-light3d .et_pb_column,body.ana-light3d .et_pb_module {background:transparent!important}
body.ana-light3d #main-header {background:rgba(255,255,255,.94)!important;box-shadow:0 1px 0 #e5e8f1!important}
body.ana-light3d .ana-starfield-bg,body.ana-light3d .ana-stars-s,body.ana-light3d .ana-stars-m,body.ana-light3d .ana-stars-l,body.ana-light3d .ana-star-layer,body.ana-light3d #ana-style-toggle {display:none!important}
body.ana-light3d .ana-feed-wrapper {max-width:1080px;width:100%;background:transparent!important}
body.ana-light3d .ana-editorial-hero {display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:242px;padding:30px 0 34px;margin-bottom:10px;isolation:isolate}
body.ana-light3d .ana-eyebrow {font:600 11px/1.5 var(--ana-font);letter-spacing:2px;color:#68738b;display:flex;align-items:center;gap:8px}
body.ana-light3d .ana-live-dot {width:7px;height:7px;background:#139c87;border-radius:50%;box-shadow:0 0 0 4px #159d8710}
body.ana-light3d .ana-editorial-hero h1 {font:600 clamp(32px,4.2vw,50px)/1.16 var(--ana-font)!important;letter-spacing:-1.7px;color:#222a40!important;margin:16px 0 14px;padding:0;text-wrap:balance}
body.ana-light3d .ana-editorial-hero h1 span {color:#7553ce}
body.ana-light3d .ana-editorial-hero p {font:400 15px/1.7 var(--ana-font);color:#626e83;margin:0 0 20px;padding:0;max-width:520px}
body.ana-light3d .ana-view-tabs {display:inline-flex;background:#e9edf5;padding:4px;border-radius:12px;gap:3px}
body.ana-light3d .ana-view-tab {font:500 13px/1.4 var(--ana-font);border:0;border-radius:9px;padding:10px 18px;cursor:pointer;color:#606c80;background:transparent;min-height:40px;transition:background .2s,box-shadow .2s}
body.ana-light3d .ana-view-tab.is-active {background:#fff;color:#352c58;box-shadow:0 2px 5px #23315212}
body.ana-light3d .ana-orbit-art {width:230px;height:210px;position:relative;flex-shrink:0;perspective:700px}
body.ana-light3d .ana-orbit-core {position:absolute;inset:42px 52px 36px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:32px;background:linear-gradient(145deg,#fff 5%,#eeebff 65%,#dbd8f5);border:1px solid #fff;box-shadow:inset 3px 3px 5px #fff,inset -5px -6px 12px #bfb5ee66,12px 18px 24px #9788cb28,3px 5px 0 #d5cfee;color:#7655cc;font:600 58px/1 var(--ana-font);letter-spacing:-4px;transform:rotateY(-16deg) rotateX(12deg) rotateZ(-8deg);animation:anaFloat3d 8s ease-in-out infinite}
body.ana-light3d .ana-orbit-core span {font:500 10px/1 var(--ana-font);letter-spacing:2px;color:#8a76b7;margin-top:8px}
body.ana-light3d .ana-orbit-ring {position:absolute;inset:47px 0;border:2px solid #baa9e566;border-radius:50%;transform:rotateZ(-30deg) rotateX(55deg);box-shadow:0 3px 0 #fff,0 8px 16px #897eb90b}
body.ana-light3d .ana-orbit-dot {position:absolute;width:28px;height:28px;right:15px;top:50px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#d5fff2,#4ec5b3 55%,#239f93);box-shadow:5px 8px 14px #159d8725;animation:anaFloat3d 8s ease-in-out -4s infinite}
@keyframes anaFloat3d {0%,100%{translate:0 0}50%{translate:0 -9px}}
body.ana-light3d .ana-filter-bar {gap:8px;border-bottom:1px solid #e2e7f0;padding-bottom:24px;margin-bottom:26px}
body.ana-light3d .ana-filter-btn {font:500 12px/1.5 var(--ana-font)!important;background:#fff!important;color:#5a6579!important;border:1px solid #e1e6ef!important;padding:9px 13px!important;border-radius:11px!important;box-shadow:0 2px 3px #25365402;min-height:38px}
body.ana-light3d .ana-filter-btn.active {background:#6b4acb!important;color:#fff!important;border-color:#6b4acb!important;box-shadow:0 4px 8px #6544d520}
body.ana-light3d .ana-filter-btn:hover {border-color:#b8a9df!important}
body.ana-light3d .ana-filter-count {font-size:10px;padding:1px 5px;background:#68738b10;color:inherit;border-radius:5px}
body.ana-light3d .ana-filter-btn.active .ana-filter-count {background:#ffffff20}
body.ana-light3d .ana-hot-widget,body.ana-light3d .ana-hot-section,body.ana-light3d .ana-hot-block {background:linear-gradient(120deg,#fff,#f3efff)!important;border:1px solid #e7e1f6!important;box-shadow:var(--ana-shadow)!important;border-radius:18px!important;color:#253047!important}
body.ana-light3d .ana-hot-title {font:600 18px/1.4 var(--ana-font)!important;color:#273049!important}
body.ana-light3d .ana-hot-item {border-color:#e7e1f6!important}
body.ana-light3d .ana-hot-item,body.ana-light3d .ana-hot-item-title,body.ana-light3d .ana-hot-text {color:#455169!important;font:500 14px/1.5 var(--ana-font)!important}
body.ana-light3d .ana-hot-item:hover .ana-hot-text {color:#6544b5!important}
body.ana-light3d .ana-hot-rank,body.ana-light3d .ana-hot-votes {color:#a66528!important}
body.ana-light3d .ana-news-list {gap:18px}
body.ana-light3d .ana-news-card,body.ana-light3d .ana-news-card.ana-is-briefing {background:#fff!important;border:1px solid #e2e7f0!important;border-radius:18px!important;box-shadow:var(--ana-shadow)!important;transition:transform .25s,box-shadow .25s,border-color .25s;animation:anaCardIn .35s ease both;overflow:hidden}
body.ana-light3d .ana-news-card:hover {background:#fff!important;transform:translateY(-3px);border-color:#c8bde7!important;box-shadow:var(--ana-shadow-hover)!important}
body.ana-light3d .ana-card-image {flex:0 0 182px;width:182px;min-height:160px;background:#eff1f7;align-self:stretch}
body.ana-light3d .ana-card-image img {object-fit:cover;max-height:280px;min-height:100%}
body.ana-light3d .ana-card-body {padding:20px 22px;gap:10px}
body.ana-light3d .ana-card-title,body.ana-light3d .ana-card-title a,body.ana-light3d .ana-news-card.ana-is-briefing .ana-card-title a {font:600 20px/1.38 var(--ana-font)!important;color:#242d42!important;-webkit-text-stroke:0!important;text-shadow:none!important;letter-spacing:-.35px!important;-webkit-text-fill-color:currentColor!important;background:none!important;padding:0;margin:0;text-wrap:pretty}
body.ana-light3d .ana-card-title a:hover {color:#6944c5!important}
body.ana-light3d .ana-tldr-wrap {opacity:1;max-height:none;pointer-events:auto;margin:0!important;overflow:visible;transition:none}
body.ana-light3d .ana-news-card:hover .ana-tldr-wrap,body.ana-light3d .ana-news-card:focus-within .ana-tldr-wrap {max-height:none}
body.ana-light3d .ana-tldr-inner {background:transparent!important;padding:0;border:0!important}
body.ana-light3d .ana-tldr-text {font:400 14px/1.65 var(--ana-font)!important;color:#626d80!important;letter-spacing:0;max-height:none;overflow:hidden;margin:0;padding:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body.ana-light3d .ana-card-footer {gap:12px;padding-top:12px;margin-top:4px;border-color:#edf0f5;align-items:flex-start}
body.ana-light3d .ana-card-info {gap:8px}
body.ana-light3d .ana-card-date,body.ana-light3d .ana-card-reading-time,body.ana-light3d .ana-card-info {font-size:12px;color:#68748a!important}
body.ana-light3d .ana-source-chip {color:#397d78!important;font-size:12px;background:#edf7f4;border:0;padding:3px 7px;border-radius:6px}
body.ana-light3d .ana-card-actions {gap:8px;width:100%;align-items:center}
body.ana-light3d .ana-tag {font:400 11px/1.4 var(--ana-font)!important;color:#667286!important;background:#f4f5f9!important;border:0!important;padding:3px 6px;border-radius:5px}
body.ana-light3d .ana-read-more {font:500 12px/1.5 var(--ana-font);color:#6849b4!important}
body.ana-light3d .ana-read-more-full {margin-left:auto}
body.ana-light3d .ana-vote-btn,body.ana-light3d .ana-comment-toggle,body.ana-light3d .ana-save-btn {font:500 12px/1.4 var(--ana-font)!important;background:#f7f8fc!important;color:#5f6b80!important;border:1px solid #e5e8f1!important;border-radius:8px!important;padding:7px 10px!important;min-height:34px;display:inline-flex;align-items:center;gap:5px;cursor:pointer;box-shadow:none!important;transition:background .2s,color .2s;white-space:nowrap}
body.ana-light3d .ana-save-btn.is-saved {background:#eee8ff!important;color:#6743bf!important;border-color:#d6c8f8!important}
body.ana-light3d .ana-save-btn:hover {border-color:#a68cd9!important}
body.ana-light3d .ana-save-btn:disabled {opacity:.6;cursor:wait}
body.ana-light3d .ana-day-separator {margin:18px 0 0;gap:16px}
body.ana-light3d .ana-day-label {font:500 11px/1.5 var(--ana-font)!important;background:transparent!important;color:#7b8498!important;border:0!important;letter-spacing:1px;padding:0 8px}
body.ana-light3d .ana-day-separator:before,body.ana-light3d .ana-day-separator:after {background:#e0e5ef!important}
body.ana-light3d .ana-news-card.ana-is-briefing {background:linear-gradient(120deg,#fff,#faf8ff)!important;border-color:#dcd3f1!important}
body.ana-light3d .ana-is-briefing .ana-card-body {padding-top:28px}
body.ana-light3d .ana-is-briefing::before {background:#7353bd;font:500 10px/1.6 var(--ana-font);letter-spacing:1px}
body.ana-light3d .ana-brief-preview,body.ana-light3d .ana-brief-preview-item {color:#637086!important;font:400 13px/1.7 var(--ana-font)!important}
body.ana-light3d .ana-brief-preview-more {color:#7252b9!important}
body.ana-light3d .ana-load-more-btn {background:#fff!important;color:#6547b2!important;border:1px solid #d8cfeb!important;border-radius:10px;min-height:44px;font:500 14px/1.4 var(--ana-font);box-shadow:0 3px 8px #6544d509}
body.ana-light3d .ana-bottom-bar {background:transparent;border-color:#e1e5ef!important;color:#68748a}
body.ana-light3d .ana-today-num {color:#128474!important;font:600 16px var(--ana-font)}
body.ana-light3d .ana-newsletter-bar {background:linear-gradient(120deg,#f1edfb,#edf8f5)!important;border-color:#e0d9ef!important;box-shadow:none;border-radius:16px;margin-top:24px}
body.ana-light3d .ana-nl-title {color:#334057!important;font:600 17px/1.4 var(--ana-font)!important}
body.ana-light3d .ana-nl-sub {color:#626d80!important;font:400 13px/1.6 var(--ana-font)!important}
body.ana-light3d .ana-nl-input {background:#fff!important;color:#273149!important;border:1px solid #dcdfea!important}
body.ana-light3d .ana-nl-btn,body.ana-light3d .ana-goto-source-btn {background:#6c4ac5!important;color:#fff!important;font-family:var(--ana-font)!important;font-weight:500!important}
body.ana-light3d .ana-site-footer,body.ana-light3d #main-footer {background:#f1f3f8!important;border-color:#e3e7ef!important;color:#647087!important}
body.ana-light3d .ana-site-footer p,body.ana-light3d .ana-site-footer span,body.ana-light3d .ana-site-footer a,body.ana-light3d #main-footer a,body.ana-light3d #footer-info {color:#626d80!important}
body.ana-light3d .ana-single-wrap {max-width:900px;padding:48px 32px 60px;color:#344158!important;font-family:var(--ana-font)!important}
body.ana-light3d .ana-single-wrap h1.ana-single-title {font:600 clamp(28px,4vw,46px)/1.2 var(--ana-font)!important;color:#242d42!important;letter-spacing:-1px;-webkit-text-stroke:0!important;text-shadow:none!important;text-wrap:balance}
body.ana-light3d .ana-single-wrap .ana-art-content,body.ana-light3d .ana-single-wrap .ana-art-content p,body.ana-light3d .ana-article-body,body.ana-light3d .ana-article-body p {font:400 17px/1.8 var(--ana-font)!important;color:#455169!important}
body.ana-light3d .ana-single-wrap .ana-art-content h2,body.ana-light3d .ana-single-wrap .ana-art-content h3 {font-family:var(--ana-font)!important;color:#29334a!important;font-weight:600;border-color:#b7a4e2}
body.ana-light3d .ana-single-wrap .ana-info-bar,body.ana-light3d .ana-single-wrap .ana-info-bar span,body.ana-light3d .ana-img-cap,body.ana-light3d .ana-goto-domain {color:#657188!important;border-color:#e0e5ee!important}
body.ana-light3d .ana-single-wrap .ana-lead {background:#efebfa!important;border-color:#aa92dc!important;padding:20px 24px;border-radius:0 14px 14px 0}
body.ana-light3d .ana-single-wrap .ana-art-content a,body.ana-light3d .ana-single-wrap .ana-back-btn,body.ana-light3d .ana-single-wrap .ana-nav-links a {color:#694abd!important}
body.ana-light3d .ana-single-wrap .ana-nav-bar {border-color:#e0e5ef}
body.ana-light3d .ana-single-wrap .ana-related-card {background:#fff!important;border-color:#e2e7f0!important;box-shadow:var(--ana-shadow)}
body.ana-light3d .ana-single-wrap .ana-rel-title,body.ana-light3d .ana-single-wrap .ana-related-title {color:#334057!important;font-weight:600}
body.ana-light3d .ana-single-wrap .ana-rel-date {color:#68748a!important}
body.ana-light3d .ana-single-wrap .ana-feat-img {border-radius:18px;border-color:#e0e5ee;box-shadow:0 15px 30px #23315210}
body.ana-light3d .ana-goto-source-wrap {background:#f0ecf9!important;border-color:#e1d6f1!important;border-radius:16px}
body.ana-light3d .ana-single-actions {display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}
body.ana-light3d .ana-single-actions .ana-back-btn {font-size:13px}
body.ana-light3d .ana-article-body em,body.ana-light3d .ana-ai-disclosure {font-size:13px!important;line-height:1.7;color:#69738a!important}
body.ana-light3d .ana-comments-title,body.ana-light3d .ana-comment-author {color:#354157!important;font-family:var(--ana-font)!important}
body.ana-light3d .ana-comment-form,body.ana-light3d .ana-comment-login-prompt,body.ana-light3d .ana-card-comments,body.ana-light3d .ana-comment-item {background:#fff!important;border-color:#e1e6ef!important}
body.ana-light3d .ana-comment-text,body.ana-light3d .ana-comment-login-prompt>p {color:#59657b!important}
body.ana-light3d .ana-comment-name,body.ana-light3d .ana-comment-content {background:#f7f8fc!important;color:#354157!important;border-color:#dce2ed!important}
body.ana-light3d .ana-comment-submit,body.ana-light3d .ana-comment-login-link {background:#6c4ac5!important;color:#fff!important}
body.ana-light3d .ana-saved-title {font:600 28px/1.3 var(--ana-font);color:#29334a;letter-spacing:-.6px;margin-bottom:8px}
body.ana-light3d .ana-saved-intro {color:#69758a;margin-bottom:24px}
body.ana-light3d .ana-saved-empty {text-align:center;padding:54px 24px;background:white;border:1px dashed #d5c9ea;border-radius:18px}
body.ana-light3d .ana-saved-empty h3 {font:500 22px/1.4 var(--ana-font);color:#3a405b;margin-bottom:12px}
body.ana-light3d .ana-saved-empty p {color:#68748a}
body.ana-light3d #ana-saved-more {margin:24px auto;display:block}
body.ana-light3d .ana-save-notice {position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);width:max-content;background:#fff;color:#38324c;border:1px solid #d9ceee;border-radius:14px;box-shadow:0 10px 40px #25204425;padding:16px 22px;z-index:999999;font:500 14px/1.5 var(--ana-font)}
body.ana-light3d .ana-save-notice a {color:#6743bf;font-weight:600;margin-left:14px;text-decoration:underline}
body.ana-light3d [hidden] {display:none!important}
body.ana-light3d :is(button,a,input):focus-visible {outline:3px solid #aa8fe4!important;outline-offset:3px}
@media(hover:none){body.ana-light3d .ana-news-card:hover{transform:none}body.ana-light3d .ana-save-btn,body.ana-light3d .ana-vote-btn,body.ana-light3d .ana-comment-toggle{min-height:44px}}
@media(max-width:767px){
 body.ana-light3d .et_pb_row {width:92%}
 body.ana-light3d .ana-editorial-hero{min-height:0;padding:22px 0 28px;gap:0}
 body.ana-light3d .ana-editorial-hero h1{font-size:34px!important;letter-spacing:-1.1px}
 body.ana-light3d .ana-orbit-art{display:none}
 body.ana-light3d .ana-editorial-hero p{font-size:14px}
 body.ana-light3d .ana-eyebrow{font-size:9px;letter-spacing:1.7px}
 body.ana-light3d .ana-filter-bar{gap:7px;margin-bottom:20px;padding-bottom:20px}
 body.ana-light3d .ana-filter-btn{font-size:11px!important;padding:8px 10px!important}
 body.ana-light3d .ana-card-image{flex:0 0 104px;width:104px;min-height:125px;align-self:flex-start;margin:16px 0 0 16px;border-radius:11px;overflow:hidden}
 body.ana-light3d .ana-card-image img{height:125px;min-height:0;max-height:none}
 body.ana-light3d .ana-card-body{padding:16px;gap:9px}
 body.ana-light3d .ana-card-title,body.ana-light3d .ana-card-title a,body.ana-light3d .ana-news-card.ana-is-briefing .ana-card-title a{font-size:17px!important;line-height:1.42!important;letter-spacing:-.15px!important}
 body.ana-light3d .ana-tldr-text{font-size:13px!important;-webkit-line-clamp:3}
 body.ana-light3d .ana-card-footer{margin-left:-120px;padding-top:14px;margin-top:14px;width:calc(100% + 120px)}
 body.ana-light3d .ana-card-tags{display:none}
 body.ana-light3d .ana-card-actions{gap:6px}
 body.ana-light3d .ana-day-label{white-space:normal;text-align:center;font-size:10px!important}
 body.ana-light3d .ana-single-wrap{padding:30px 18px 40px}
 body.ana-light3d .ana-single-wrap h1.ana-single-title{font-size:30px!important;letter-spacing:-.5px}
 body.ana-light3d .ana-single-wrap .ana-art-content,body.ana-light3d .ana-single-wrap .ana-art-content p{font-size:16px!important}
 body.ana-light3d .ana-single-wrap .ana-info-bar{gap:10px}
 body.ana-light3d .ana-goto-source-wrap{padding:18px;flex-wrap:wrap}
 body.ana-light3d .ana-nl-inner,body.ana-light3d .ana-nl-form{flex-wrap:wrap}
 body.ana-light3d .ana-nl-input{min-width:0;width:100%}
 body.ana-light3d .ana-save-notice{bottom:16px;padding:12px 16px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){body.ana-light3d *,body.ana-light3d *::before,body.ana-light3d *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


body.ana-light3d .ana-single-wrap h3 {font:600 21px/1.4 var(--ana-font)!important;color:#344158!important;-webkit-text-stroke:0!important;text-shadow:none!important}
body.ana-light3d .ana-auth-box {background:#f6f4fc!important;border:1px solid #e4dcf3!important;box-shadow:none!important}
body.ana-light3d .ana-auth-box .ana-auth-title {font:600 19px/1.4 var(--ana-font)!important;color:#344158!important}
body.ana-light3d .ana-auth-box .ana-auth-sub,body.ana-light3d .ana-auth-divider span {color:#59657b!important;font:400 14px/1.6 var(--ana-font)!important}
body.ana-light3d .ana-auth-email {background:#fff!important;color:#344158!important;border-color:#dcdfea!important}
body.ana-light3d .ana-auth-email::placeholder {color:#6b7689!important;opacity:1}
body.ana-light3d .ana-auth-magic-btn {background:#6c4ac5!important;color:#fff!important;font:500 14px/1.5 var(--ana-font)!important}
body.ana-light3d .ana-auth-google {font:500 14px/1.5 var(--ana-font)!important;border:1px solid #dcdfea!important;color:#344158!important}