/* Atlas — Corporate navy editorial with slate blue cards and clean Raleway typography */

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap');

:root {
    --font-headline: 'Raleway', sans-serif;
    --font-body: 'Raleway', sans-serif;
    --font-sans: 'Raleway', sans-serif;
    --color-ink: #e8ecf1;
    --color-paper: #0f1926;
    --color-rule: #253040;
    --color-rule-light: #1a2535;
    --color-accent: #2a9d8f;
    --color-muted: #7a8a9a;
    --color-card: #162030;
    --color-card-light: #1c2a3e;
}

body { background: var(--color-paper); color: var(--color-ink); }
a { color: var(--color-ink); }
a:hover { color: var(--color-accent); }

/* Masthead */
.masthead { background: #0a1220; border-bottom: 2px solid var(--color-accent); position: relative; overflow: hidden; }
.masthead .container { position: relative; z-index: 1; }
.masthead::before,
.masthead::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(40px);
    mix-blend-mode: screen;
    pointer-events: none;
}
.masthead::before {
    width: 220px; height: 220px;
    background: conic-gradient(from 0deg, #2a9d8f, #0a1220, #1a6e60, #2a9d8f);
    top: -60px; left: 10%;
    animation: plasma-spin 6s linear infinite, plasma-drift-a 8s ease-in-out infinite;
}
.masthead::after {
    width: 180px; height: 180px;
    background: conic-gradient(from 120deg, #1a6e60, #0a1220, #2a9d8f, #1a6e60);
    bottom: -60px; right: 15%;
    animation: plasma-spin 8s linear infinite reverse, plasma-drift-b 10s ease-in-out infinite;
}
@keyframes plasma-spin {
    0% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(180deg) scale(1.2); }
    100% { transform: rotate(360deg) scale(1); }
}
@keyframes plasma-drift-a {
    0%, 100% { left: 10%; top: -60px; }
    33% { left: 35%; top: -30px; }
    66% { left: 5%; top: -10px; }
}
@keyframes plasma-drift-b {
    0%, 100% { right: 15%; bottom: -60px; }
    50% { right: 35%; bottom: -25px; }
}
@media (prefers-reduced-motion: reduce) {
    .masthead::before, .masthead::after { animation: none; }
}
.masthead-title a { color: #fff !important; }
.masthead-subtitle { color: var(--color-accent); letter-spacing: 2px; }
.masthead-date { color: #7a8a9a; }

/* Nav */
.category-nav { background: #fff !important; border-bottom: none; }
.category-nav .cat-link, .category-nav .nav-link { color: #2a3a4a !important; font-weight: 600; letter-spacing: 0.5px; }
.category-nav .cat-link:hover, .category-nav .cat-link.active,
.category-nav .nav-link:hover, .category-nav .nav-link.active { color: var(--color-accent) !important; background: transparent; }

/* Lead */
.lead-article { border-color: var(--color-rule); }
.lead-headline a { color: #fff; }
.lead-headline a:hover { color: var(--color-accent); }
.lead-summary { color: #8a9aaa; }

/* Sidebar */
.sidebar-story { border-color: var(--color-rule); }
.sidebar-headline a { color: #e8ecf1; }
.sidebar-headline a:hover { color: var(--color-accent); }
.sidebar-summary { color: #7a8a9a; }

/* Grid */
.grid-article { border-color: var(--color-rule); border-radius: 6px; background: var(--color-card); padding: 16px; }
.grid-article:hover { background: var(--color-card-light); }
.grid-headline a { color: #e8ecf1; }
.grid-headline a:hover { color: var(--color-accent); }
.grid-summary { color: #7a8a9a; }
.grid-category { color: var(--color-accent); font-weight: 600; font-size: 0.62rem; letter-spacing: 1px; }
.section-label { color: var(--color-accent); letter-spacing: 1px; }
.section-rule { border-color: var(--color-rule); }

/* Article page */
.article-page-headline { color: #fff; }
.article-page-summary { color: #8a9aaa; }
.article-content { color: #c0cad4; line-height: 1.85; }
.article-content h2, .article-content h3 { color: #e8ecf1; }
.article-content blockquote { border-color: var(--color-accent); color: #8a9aaa; }
.article-disclaimer { border-color: var(--color-rule); color: #7a8a9a; }

/* Newsletter */
.newsletter-box, .newsletter-optin { background: var(--color-card); border: 1px solid var(--color-rule); }
.newsletter-box .btn, .newsletter-optin .btn { background: var(--color-accent); color: #fff; border: none; font-weight: 700; }
.newsletter-box .form-control, .newsletter-optin .form-control { background: #0a1220; border-color: var(--color-rule); color: #e8ecf1; }

/* Pagination */
.pagination .page-link { background: var(--color-card); border-color: var(--color-rule); color: #e8ecf1; }
.pagination .active .page-link { background: var(--color-accent); border-color: var(--color-accent); color: #fff; }
.pagination .page-link:hover { background: var(--color-card-light); }

/* Footer */
.newspaper-footer { background: #0a1220; border-top: 2px solid var(--color-accent); }
.newspaper-footer a { color: #7a8a9a !important; }
.newspaper-footer a:hover { color: var(--color-accent) !important; }
.breadcrumb-item a { color: var(--color-accent); }
.breadcrumb-item.active { color: #7a8a9a; }

/* Featured image */
.featured-image-container { border-color: var(--color-rule) !important; background: #0a1220 !important; }

/* Bull/Bear Verdict — dark override (inline styles in article HTML) */
.article-content div[style*="background:#f8f9fa"] {
    background: #162232 !important;
    border: 1px solid #2a3a4f !important;
    color: #c0cad4 !important;
}
.article-content div[style*="background:#f8f9fa"] h3 { color: #e8ecf1 !important; }
.article-content div[style*="background:#f8f9fa"] p { color: #c0cad4 !important; }
.article-content div[style*="background:#f8f9fa"] strong[style*="#16a34a"] { color: #22c55e !important; }
.article-content div[style*="background:#f8f9fa"] strong[style*="#dc2626"] { color: #ef4444 !important; }