/* ========================================================
   ACERAISE EDITORIAL DESIGN SYSTEM (Журнальная верстка)
   ======================================================== */

/* 1. ОСНОВНОЙ ТЕКСТ (КРУПНЫЙ, ЧИТАЕМЫЙ, ЖУРНАЛЬНЫЙ) */
.prose p {
    font-size: 1.125rem !important; /* 18px */
    line-height: 1.85 !important;
    color: #e2e8f0 !important;      /* Чистый контрастный slate-200 */
    margin-bottom: 1.6rem !important;
    letter-spacing: -0.01em;
}

/* 2. ЭЛЕГАНТНЫЙ ЗАГОЛОВОК H2 (БЕЗ ДАВЯЩИХ БЛОКОВ) */
.prose h2 {
    display: block !important;
    font-size: 1.85rem !important; /* ~30px */
    font-weight: 900 !important;
    color: #ffffff !important;
    line-height: 1.25 !important;
    letter-spacing: -0.025em !important;
    margin-top: 4rem !important;   /* Большой воздух перед новой главой */
    margin-bottom: 1.5rem !important;
    padding-bottom: 0.75rem !important;
    border-bottom: 1px solid rgba(245, 158, 11, 0.25) !important; /* Тонкая золотая нить снизу */
}

/* 3. ПОДЗАГОЛОВОК H3 */
.prose h3 {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: #f8fafc !important;
    margin-top: 2.75rem !important;
    margin-bottom: 1rem !important;
    letter-spacing: -0.015em !important;
}

/* 4. ЖУРНАЛЬНЫЙ ИНСАЙТ (PULL-QUOTE БЕЗ ТЯЖЕЛЫХ РАМОК) */
.poker-highlight {
    position: relative;
    margin: 3rem 0 !important;
    padding: 1.25rem 0 1.25rem 2rem !important;
    border-left: 3px solid #f59e0b !important; /* Тонкая строгая золотая линия */
    background: transparent !important;       /* Убрали тяжелую коробку! */
    box-shadow: none !important;
}
.poker-highlight::before {
    content: "«";
    position: absolute;
    left: -0.2rem;
    top: -1.2rem;
    font-size: 3.5rem;
    color: rgba(245, 158, 11, 0.3);
    font-family: Georgia, serif;
    line-height: 1;
}
.poker-highlight p {
    font-family: Georgia, Cambria, "Times New Roman", serif !important;
    font-style: italic !important;
    font-size: 1.25rem !important; /* 20px */
    line-height: 1.7 !important;
    color: #fef08a !important;     /* Мягкий благородный теплый свет */
    margin-bottom: 0 !important;
}

/* 5. АККУРАТНАЯ СНОСКА ТЕРМИНА (КОМПАКТНАЯ, НЕ ДАВИТ) */
.term-explain {
    display: inline-block;
    background: rgba(15, 23, 42, 0.8);
    border: 1px solid rgba(245, 158, 11, 0.25);
    border-left: 3px solid #f59e0b;
    padding: 0.6rem 1.1rem !important;
    margin: 1rem 0 1.8rem 0 !important;
    border-radius: 0.5rem;
    font-size: 0.875rem !important; /* 14px */
    line-height: 1.5 !important;
    color: #94a3b8 !important;
}
.term-explain strong {
    color: #fbbf24 !important;
    margin-right: 0.35rem;
}

/* 6. ЛЕГКИЙ БЛОК ОШИБКИ (MINIMAL WARNING) */
.poker-warning {
    margin: 2.5rem 0 !important;
    padding: 1.25rem 1.5rem !important;
    background: rgba(239, 68, 68, 0.05) !important;
    border-left: 3px solid #ef4444 !important;
    border-radius: 0 0.75rem 0.75rem 0;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}
.poker-warning::before {
    content: "ОШИБКА НОВИЧКА";
    display: block;
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.15em;
    color: #ef4444;
    margin-bottom: 0.4rem;
}
.poker-warning p {
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    color: #fca5a5 !important;
    margin-bottom: 0 !important;
}

/* 7. СПИСКИ (ЖУРНАЛЬНАЯ СЕТКА) */
.prose ul {
    margin: 1.5rem 0 2rem 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
}
.prose ul > li {
    position: relative !important;
    padding-left: 1.75rem !important;
    margin-bottom: 1rem !important;
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
    color: #cbd5e1 !important;
}
.prose ul > li::before {
    content: "";
    position: absolute;
    left: 0.25rem;
    top: 0.65rem;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f59e0b; /* Аккуратная золотая точка */
    box-shadow: 0 0 8px rgba(245, 158, 11, 0.8);
}

/* 8. ПОКЕРНЫЕ КАРТЫ НА CSS (УЛУЧШЕННАЯ МИКРО-ТИПОГРАФИКА) */
.pcard {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 1.55rem;
    padding: 0 0.35rem;
    margin: 0 0.15rem;
    border-radius: 0.3rem;
    font-weight: 900;
    font-size: 0.825rem;
    line-height: 1;
    vertical-align: 0.05rem;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.9);
    border: 1px solid #94a3b8;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.pcard-s, .pcard-c { color: #090d16; }
.pcard-h, .pcard-d { color: #e11d48; }

/* 9. ТАБЛИЦА С МЯГКИМ СТЕКЛЯННЫМ СТИЛЕМ */
.poker-table-wrapper {
    margin: 3rem 0;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: #090d16;
    overflow-x: auto;
}
.poker-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}
.poker-table th {
    background: #0f172a;
    color: #f59e0b;
    font-weight: 800;
    padding: 0.9rem 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.poker-table td {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: #cbd5e1;
}
/* ========================================================
   GEO & AI-OVERVIEWS КОМПОНЕНТЫ (Для SearchGPT, Perplexity)
   ======================================================== */

/* 1. БЫСТРЫЙ ПРЯМОЙ ОТВЕТ (DIRECT ANSWER ДЛЯ НЕЙРОСЕТЕЙ) */
.geo-quick-answer {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.08) 0%, rgba(15, 23, 42, 0.95) 100%);
    border: 1px solid rgba(245, 158, 11, 0.4);
    border-left: 4px solid #f59e0b;
    border-radius: 1.25rem;
    padding: 1.5rem 1.75rem;
    margin: 2rem 0;
    box-shadow: 0 10px 25px -5px rgba(245, 158, 11, 0.08);
}
.geo-quick-answer-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #f59e0b;
    margin-bottom: 0.65rem;
}
.geo-quick-answer p {
    font-size: 1.15rem !important;
    line-height: 1.75 !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    margin-bottom: 0 !important;
}

/* 2. КЛЮЧЕВЫЕ ТЕЗИСЫ / В СУХОМ ОСТАТКЕ (KEY TAKEAWAYS) */
.geo-takeaways {
    background: #090d16;
    border: 1px solid #1e293b;
    border-radius: 1.25rem;
    padding: 1.5rem 1.75rem;
    margin: 2.5rem 0;
}
.geo-takeaways-title {
    font-size: 0.85rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #94a3b8;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.geo-takeaways ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid;
    gap: 0.75rem;
}
.geo-takeaways li {
    position: relative;
    padding-left: 1.75rem !important;
    font-size: 0.975rem !important;
    line-height: 1.6 !important;
    color: #cbd5e1 !important;
    margin: 0 !important;
}
.geo-takeaways li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #10b981; /* Изумрудная галочка */
    font-weight: 900;
}

/* 3. ЭКСПЕРТНАЯ ЦИТАТА ИЗ ПРАКТИКИ (FIRST-HAND EXPERIENCE E-E-A-T) */
.geo-expert-quote {
    background: rgba(30, 41, 59, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.25rem;
    padding: 1.5rem 1.75rem;
    margin: 3rem 0;
}
.geo-expert-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}
.geo-expert-avatar {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: #f59e0b;
    color: #0f172a;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
}
.geo-expert-name {
    font-weight: 800;
    color: #ffffff;
    font-size: 0.9rem;
}
.geo-expert-role {
    font-size: 0.75rem;
    color: #f59e0b;
}
.geo-expert-quote blockquote {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 1.05rem;
    line-height: 1.7;
    color: #e2e8f0;
    margin: 0;
}

/* БЕЙДЖИ СЛОЖНОСТИ СТАТЕЙ */
.badge-diff {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.2rem 0.65rem;
    border-radius: 9999px;
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.badge-diff-beginner { background: rgba(16, 185, 129, 0.15); color: #34d399; border: 1px solid rgba(16, 185, 129, 0.3); }
.badge-diff-amateur  { background: rgba(59, 130, 246, 0.15); color: #60a5fa; border: 1px solid rgba(59, 130, 246, 0.3); }
.badge-diff-semi_pro { background: rgba(245, 158, 11, 0.15); color: #fbbf24; border: 1px solid rgba(245, 158, 11, 0.3); }
.badge-diff-pro      { background: rgba(239, 68, 68, 0.15); color: #f87171; border: 1px solid rgba(239, 68, 68, 0.3); }
.badge-diff-vip_master { background: linear-gradient(135deg, rgba(245, 158, 11, 0.25) 0%, rgba(168, 85, 247, 0.25) 100%); color: #fde047; border: 1px solid #eab308; box-shadow: 0 0 10px rgba(234, 179, 8, 0.3); }
