/* ============================================================
   CRYPTOPRO — Криптовалютный дашборд (Coindesk / Cointelegraph)
   Тёмная тема с оранжевым BTC, более богатая версия дефолтной
   ============================================================ */
:root {
    --bg:             #0b0e11;
    --surface:        #131921;
    --surface2:       #1e2430;
    --border:         #2b3240;
    --text:           #eaecef;
    --text-muted:     #848e9c;
    --text-inv:       #0b0e11;
    --accent:         #f0b90b;
    --accent-h:       #d4a500;
    --accent-bg:      rgba(240,185,11,.1);
    --accent-cat:     #f0b90b;
    --logo-color:     var(--accent);
    --nav-color:      #848e9c;
    --nav-hover:      #eaecef;
    --link:           #f0b90b;
    --link-hover:     #d4a500;

    --font-body:      'Segoe UI', 'SF Pro Text', system-ui, -apple-system, sans-serif;
    --font-heading:   var(--font-body);
    --heading-weight: 700;
    --base-size:      14px;
    --line-height:    1.65;

    --radius:         8px;
    --radius-sm:      4px;
    --header-h:       64px;
    --grid-cols:      repeat(auto-fill, minmax(280px, 1fr));
    --card-gap:       1rem;

    --header-bg:      #131921;
    --header-border:  #2b3240;
    --footer-bg:      #0b0e11;
    --footer-border:  #2b3240;
    --footer-text:    #848e9c;

    --card-bg:        #1e2430;
    --card-border:    #2b3240;
    --card-hover:     #f0b90b;
    --card-h2-color:  #eaecef;
    --card-h2-hover:  #f0b90b;

    --search-bg:      #1e2430;
    --search-border:  #2b3240;
    --search-text:    #eaecef;
    --search-btn-bg:  #f0b90b;
    --search-btn-c:   #0b0e11;

    --pag-bg:         #1e2430;
    --pag-border:     #2b3240;
    --pag-text:       #eaecef;
    --pag-active-bg:  #f0b90b;
    --pag-active-c:   #0b0e11;

    --hero-border:    1px solid #2b3240;
    --hero-text:      #848e9c;
    --body-blockquote-border: #f0b90b;
    --body-blockquote-text:   #848e9c;
}

/* Price ticker strip */
body::before {
    content: '₿ BTC: live · ETH: live · BNB: live · Market Update';
    display: block;
    background: #1e2430;
    border-bottom: 1px solid #2b3240;
    color: #f0b90b;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.3rem 1rem;
    text-align: center;
    letter-spacing: 0.04em;
    font-family: 'Segoe UI', system-ui, sans-serif;
}

/* Header */
.site-header {
    border-bottom: 1px solid #2b3240 !important;
    box-shadow: 0 1px 0 #2b3240 !important;
}

/* Logo — bold with ₿ symbol */
.site-logo {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #f0b90b !important;
    letter-spacing: -0.01em;
}

/* Nav */
.site-nav a {
    font-size: 0.8rem !important;
    color: #848e9c !important;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}
.site-nav a:hover {
    background: #1e2430;
    color: #eaecef !important;
    text-decoration: none;
}

/* Hero */
.hero {
    background: linear-gradient(135deg, #1e2430 0%, #131921 100%);
    border: 1px solid #2b3240;
    border-radius: 12px !important;
    padding: 2rem !important;
    margin-bottom: 2rem !important;
    border-bottom: var(--hero-border) !important;
}
.hero h1 { font-size: 1.75rem; font-weight: 700; color: #eaecef; }
.hero h1::before { content: '₿ '; color: #f0b90b; }
.hero p { color: #848e9c; }

/* Cards — crypto dashboard style */
.article-card {
    border-radius: var(--radius) !important;
    background: #1e2430 !important;
    border: 1px solid #2b3240 !important;
    transition: border-color .15s, box-shadow .15s !important;
}
.article-card:hover {
    border-color: #f0b90b !important;
    box-shadow: 0 0 0 1px rgba(240,185,11,.2) !important;
}

/* Category badge — BNB-style yellow */
.article-card-cat {
    background: rgba(240,185,11,.1) !important;
    color: #f0b90b !important;
    border-radius: 4px !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border: 1px solid rgba(240,185,11,.25);
}

/* Numbers/dates in cards */
.article-card-meta { font-family: 'Courier New', Consolas, monospace; font-size: 0.7rem !important; color: #555c6a !important; }

/* Card image */
.article-card a[tabindex="-1"] img { border-radius: 6px 6px 0 0 !important; margin: -1.25rem -1.25rem 0.75rem !important; width: calc(100% + 2.5rem) !important; max-width: none !important; }

/* Article */
.article-header {
    background: #131921;
    border: 1px solid #2b3240;
    border-radius: 8px;
    padding: 2rem;
    margin-bottom: 1.5rem;
}
.article-header h1 { font-size: 1.85rem; font-weight: 700; color: #eaecef; line-height: 1.3; }
.article-meta { color: #555c6a; font-family: monospace; font-size: 0.8rem; }

.article-body {
    background: #131921;
    border: 1px solid #2b3240;
    border-radius: 8px;
    padding: 2rem;
}
.article-body a { color: #f0b90b; }
.article-body code {
    background: #0b0e11;
    padding: 0.1em 0.4em;
    border-radius: 3px;
    font-size: 0.9em;
    color: #f0b90b;
}

/* Pagination */
.pagination a, .pagination span {
    background: #1e2430 !important;
    border-color: #2b3240 !important;
    font-size: 0.8rem;
}

/* Page title */
.page-title { border-bottom-color: #2b3240 !important; }

@media (max-width: 900px) { :root { --grid-cols: repeat(2, 1fr); } }
@media (max-width: 600px) { :root { --grid-cols: 1fr; } }