/* Slate Wire — Ultra-dense Reuters/AP wire service with condensed sans-serif and tight spacing */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

:root {
    --font-headline: 'Barlow Condensed', 'Arial Narrow', sans-serif;
    --font-body: 'IBM Plex Sans', 'Segoe UI', sans-serif;
    --font-sans: 'IBM Plex Sans', sans-serif;
    --color-ink: #1e1e1e;
    --color-paper: #f0f2f5;
    --color-rule: #c4c8ce;
    --color-rule-light: #dde0e4;
    --color-accent: #ad4d03;
    --color-muted: #757575;
}

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

/* Masthead */
.masthead { background: #120d01; border-bottom: 3px solid #ad4d03; padding-top: 0.6rem; padding-bottom: 0.6rem; }
.masthead-title a { color: #fff !important; letter-spacing: 1px; }
.masthead-subtitle { color: #90a4ae; font-family: 'IBM Plex Sans', sans-serif; text-transform: none; font-size: 0.6rem; letter-spacing: 2px; }
.masthead-date { color: #78909c; font-family: 'IBM Plex Sans', sans-serif; }

/* Nav */
.category-nav { background: #1e1508; }
.category-nav .nav-link { color: #b0bec5; font-family: 'IBM Plex Sans', sans-serif; text-transform: none; font-size: 0.72rem; font-weight: 600; letter-spacing: 1px; }
.category-nav .nav-link:hover, .category-nav .nav-link.active { color: #fff; background: rgba(255,87,34,0.2); }

/* Lead */
.lead-article { border-color: var(--color-rule); padding-bottom: 1.2rem; }
.lead-headline { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; text-transform: none; letter-spacing: 0.5px; }
.lead-headline a { color: var(--color-ink); }
.lead-headline a:hover { color: var(--color-accent); }
.lead-summary { color: #555; font-size: 0.95rem; }

/* Sidebar */
.sidebar-story { border-color: var(--color-rule-light); padding: 0.8rem 0; }
.sidebar-headline { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; text-transform: none; }
.sidebar-headline a { color: var(--color-ink); }
.sidebar-headline a:hover { color: var(--color-accent); }
.sidebar-summary { color: #757575; font-size: 0.82rem; }

/* Grid — dense, tight */
.grid-article { border-color: var(--color-rule-light); border-radius: 0; padding: 0.8rem 0; }
.grid-headline { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 1.1rem; text-transform: none; }
.grid-headline a { color: var(--color-ink); }
.grid-headline a:hover { color: var(--color-accent); }
.grid-summary { color: #757575; font-size: 0.82rem; }
.grid-category { color: #fff; background: var(--color-accent); padding: 3px 12px; border-radius: 20px; font-size: 0.6rem; font-weight: 700; display: inline-block; }
.section-label { color: #fff; background: #ad4d03; padding: 4px 12px; display: inline-block; font-size: 0.7rem; font-weight: 700; letter-spacing: 1px; }
.section-rule { border-color: var(--color-rule); }

/* Article page */
.article-page-headline { color: var(--color-ink); font-family: 'Barlow Condensed', sans-serif; text-transform: none; }
.article-page-summary { color: #555; }
.article-content { color: #2a2a2a; font-family: 'IBM Plex Sans', sans-serif; font-size: 1.02rem; line-height: 1.75; }
.article-content h2, .article-content h3 { font-family: 'Barlow Condensed', sans-serif; text-transform: none; }
.article-content blockquote { border-color: var(--color-accent); color: #555; }
.article-disclaimer { border-color: var(--color-rule-light); color: var(--color-muted); }

/* Newsletter box */
.newsletter-box, .newsletter-optin { background: #1e1508; }
.newsletter-box .btn, .newsletter-optin .btn { background: #ad4d03; color: #fff; border: none; font-weight: 700; text-transform: none; font-size: 0.82rem; letter-spacing: 0.5px; }

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

/* Footer */
.newspaper-footer { background: #120d01; }
.breadcrumb-item a { color: var(--color-accent); }
.breadcrumb-item.active { color: var(--color-muted); }