/* ============================================================================
   iGaming Directory — Theme Layer
   ----------------------------------------------------------------------------
   Единый визуальный язык поверх существующей вёрстки. Ничего не удаляя из
   страниц, меняет облик целиком: вместо набора градиентов — чернильная база,
   волосяные границы и один акцент.

   Ориентир: инструменты для разработчиков и терминалы данных — плотная
   типографика, табличные цифры, моноширинные метрики.

   ВАЖНО про специфичность.
   Часть страниц (index.php, platform.php, game-provider.php,
   payment-solution.php, list-your-company.php) держит свои <style> в <body>,
   то есть ПОСЛЕ подключённой в <head> темы. При равной специфичности они
   выигрывали бы по порядку загрузки, поэтому:
     - токены объявлены на html:root (0,1,1 против 0,1,0 у :root);
     - компонентные правила имеют префикс `body ` (+1 пункт специфичности).
   Благодаря этому тема побеждает независимо от места объявления страницы.
   ========================================================================== */

/* ---------------------------------------------------------------- 1. Токены */

html:root {
    /* Чернильная шкала — основа всей хромы */
    --ink-950: #08090b;
    --ink-900: #101318;
    --ink-800: #191d24;
    --ink-700: #2a2f3a;
    --ink-600: #3d444f;
    --ink-500: #5b6472;
    --ink-400: #818b99;
    --ink-300: #aeb6c2;
    --ink-200: #d8dde4;
    --ink-100: #ebeef2;
    --ink-50:  #f5f7f9;

    /* Единственный акцент. 700 — для текста и ссылок (контраст AA на белом),
       400 — для акцентов на тёмных поверхностях */
    --accent-700: #0b6b58;
    --accent-600: #0e8a6f;
    --accent-500: #12a582;
    --accent-400: #2ecfa5;
    --accent-100: #e3f7f0;

    /* Сигнальный лайм — только на тёмном фоне */
    --signal: #c8f751;

    --warn:   #b45309;
    --danger: #be123c;

    /* --- Переопределение легаси-токенов, на которых держится вся вёрстка --- */
    --primary-color:      var(--accent-700);
    --primary-color2:     var(--accent-700);
    --primary-gradient:   linear-gradient(180deg, #14181f 0%, #08090b 100%);
    --primary-gradient2:  linear-gradient(180deg, #14181f 0%, #08090b 100%);
    --secondary-gradient: linear-gradient(180deg, #14181f 0%, #08090b 100%);
    --success-gradient:   linear-gradient(180deg, var(--accent-600) 0%, var(--accent-700) 100%);
    --warning-gradient:   linear-gradient(180deg, #f5a524 0%, #b45309 100%);
    --accent-gradient:    linear-gradient(180deg, var(--accent-500) 0%, var(--accent-700) 100%);
    --platform-gradient:  linear-gradient(180deg, #14181f 0%, #08090b 100%);
    /* Разделы Game Providers / Payment Solutions имели собственные градиенты
       (сиреневый и салатовый) — приводим к общей чернильной базе */
    --gaming-gradient:    linear-gradient(180deg, #14181f 0%, #08090b 100%);
    --finance-gradient:   linear-gradient(180deg, #14181f 0%, #08090b 100%);

    --bg-primary:   #fbfbfc;
    --bg-secondary: #ffffff;
    --bg-card:      #ffffff;

    --text-primary:   var(--ink-900);
    --text-secondary: var(--ink-500);
    --text-muted:     var(--ink-400);

    --border-color: var(--ink-200);
    --border-light: var(--ink-100);

    /* Тени почти убраны: глубину даёт граница, а не размытие */
    --shadow-sm: 0 1px 2px rgba(8, 9, 11, 0.04);
    --shadow-md: 0 1px 2px rgba(8, 9, 11, 0.04), 0 2px 8px rgba(8, 9, 11, 0.04);
    --shadow-lg: 0 2px 4px rgba(8, 9, 11, 0.04), 0 8px 24px rgba(8, 9, 11, 0.06);
    --shadow-xl: 0 2px 4px rgba(8, 9, 11, 0.04), 0 16px 48px rgba(8, 9, 11, 0.08);

    /* Радиусы: 8–14px вместо «таблеток» на 25–50px */
    --radius-lg:  10px;
    --radius-xl:  12px;
    --radius-2xl: 14px;

    --glass-bg:     rgba(255, 255, 255, 0.92);
    --glass-border: var(--ink-200);

    --font-sans: "Inter var", Inter, -apple-system, BlinkMacSystemFont,
                 "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-mono: ui-monospace, "SF Mono", SFMono-Regular, "JetBrains Mono",
                 "Cascadia Mono", Menlo, Consolas, monospace;
}

/* ------------------------------------------------- 2. Единая сетка страницы */

/* Раньше .container объявлялся в каждом файле по-своему: 1200px в контентных
   страницах, 1400px в шапке и на /compare, паддинги 1rem / 20px / 1.5rem.
   Из-за этого шапка и футер были шире контента. Здесь — единственный источник
   правды. */

html body .container {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}

@media (max-width: 768px) {
    html body .container {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* ---------------------------------------------------------- 3. Типографика */

html body {
    font-family: var(--font-sans);
    background: var(--bg-primary);
    color: var(--text-primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "cv02", "cv03", "cv04", "ss01";
    letter-spacing: -0.006em;
}

body h1,
body h2,
body h3,
body h4,
body h5 {
    letter-spacing: -0.022em;
    font-weight: 640;
    color: var(--text-primary);
    text-wrap: balance;
}

body h1 { line-height: 1.1; }
body h2 { line-height: 1.15; }

/* Все числовые показатели — моноширинные и с табличными цифрами,
   чтобы колонки визуально выравнивались */
body .metric-value,
body .trend-stat,
body .stat-number,
body .overall-rating,
body .rating-value,
body .breakdown-value,
body .country-count,
body .data-table td {
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
    letter-spacing: -0.02em;
}

/* Подписи-«капсы» вместо обычного мелкого текста */
body .metric-label,
body .stat-label,
body .breakdown-label,
body .results-stats,
body .filter-section h4 {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-muted);
}

/* ------------------------------------------------------- 4. Шапка/навигация */

body .header,
body .header.scrolled,
body .header.dark,
body .header.transparent {
    background: rgba(255, 255, 255, 0.86) !important;
    -webkit-backdrop-filter: saturate(180%) blur(12px) !important;
    backdrop-filter: saturate(180%) blur(12px) !important;
    border-bottom: 1px solid var(--ink-100) !important;
    box-shadow: none;
}

body .header-content {
    padding: 0.9rem 0;
    gap: 1.5rem;
    flex-wrap: nowrap;
}

/* Логотип не должен сжиматься и переноситься: пунктов меню стало больше,
   и на промежуточных ширинах flex начинал ломать надпись на две строки */
body .logo {
    flex: 0 0 auto;
    min-width: 0;
}

body .logo a { display: block; white-space: nowrap; }

/* Убираем «градиентный текст», ставим чёткую монограмму */
body .logo div {
    background: none;
    -webkit-text-fill-color: currentColor;
    color: var(--ink-900);
    font-size: 1.15rem;
    font-weight: 680;
    letter-spacing: -0.03em;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
}

body .logo div::before {
    content: "";
    width: 22px;
    height: 22px;
    border-radius: 6px;
    background: var(--ink-900);
    box-shadow: inset 0 0 0 2px var(--accent-400);
    flex-shrink: 0;
}

body .logo .tagline {
    margin-top: 0;
    margin-left: 30px;
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: var(--text-muted);
    white-space: nowrap;
}

/* Навигация: обычные ссылки с индикатором вместо «таблетки внутри таблетки» */
body .nav-menu {
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    padding: 0;
    border-radius: 0;
    gap: 0.15rem;
}

body .nav-menu a {
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 0.86rem;
    font-weight: 500;
    color: var(--ink-600);
    background: none;
    box-shadow: none;
    transform: none;
}

body .nav-menu a:hover {
    background: var(--ink-50);
    color: var(--ink-900);
    transform: none;
    box-shadow: none;
}

body .nav-menu a.active {
    background: var(--ink-50);
    color: var(--ink-900);
    font-weight: 600;
    box-shadow: inset 0 -2px 0 var(--accent-600);
    border-radius: 8px 8px 0 0;
}

body .mobile-menu-btn {
    background: transparent;
    border: 1px solid var(--ink-200);
    border-radius: 8px;
}

body .mobile-menu-btn span { background: var(--ink-700); }

/* Шесть пунктов меню перестают помещаться рядом с логотипом раньше 768px,
   поэтому переводим навигацию в выпадающее меню уже на 1024px.
   Правила дублируют мобильный блок из header.php, но с более ранним порогом. */
@media (max-width: 1024px) {
    body .nav {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        border: 1px solid var(--ink-200);
        border-top: 0;
        border-radius: 0 0 var(--radius-lg) var(--radius-lg);
        box-shadow: var(--shadow-lg);
        transform: translateY(-8px);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: all .2s ease;
        z-index: 1000;
    }

    body .nav.mobile-active {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }

    body .nav-menu {
        flex-direction: column;
        width: 100%;
        padding: 0.5rem;
        gap: 2px;
    }

    body .nav-menu a {
        display: block;
        width: 100%;
        text-align: left;
        padding: 10px 12px;
        border-radius: 8px;
    }

    body .nav-menu a.active {
        border-radius: 8px;
        box-shadow: inset 2px 0 0 var(--accent-600);
    }

    body .mobile-menu-btn { display: flex; order: 3; }
    body .logo { order: 1; }
    body .nav  { order: 2; }
}

/* -------------------------------------------------------- 5. Хлебные крошки */

body .breadcrumbs {
    background: transparent;
    border-bottom: 1px solid var(--ink-100);
}

body .breadcrumbs ol {
    font-size: 0.78rem;
    padding: 0.65rem 0;
}

body .breadcrumbs li + li::before {
    content: "/";
    color: var(--ink-300);
}

/* ------------------------------------------------------------ 6. Hero-блоки */

body .hero,
body .page-hero,
body .platform-hero,
body .compare-hero {
    background: var(--ink-950);
    color: #fff;
    border-bottom: 1px solid var(--ink-800);
    position: relative;
    overflow: hidden;
}

/* Техническая «миллиметровка» на фоне — тонкий намёк, не декор */
body .hero::after,
body .page-hero::after,
body .platform-hero::after,
body .compare-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(to right, rgba(255, 255, 255, 0.028) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.028) 1px, transparent 1px);
    background-size: 56px 56px;
    -webkit-mask-image: radial-gradient(120% 90% at 50% 0%, #000 25%, transparent 75%);
    mask-image: radial-gradient(120% 90% at 50% 0%, #000 25%, transparent 75%);
    pointer-events: none;
}

body .hero > *,
body .page-hero > *,
body .platform-hero > *,
body .compare-hero > * {
    position: relative;
    z-index: 1;
}

body .hero h1,
body .page-hero h1,
body .platform-hero h1,
body .compare-hero h1,
body .hero-title {
    color: #fff;
    font-size: clamp(1.9rem, 4vw, 2.9rem);
    font-weight: 660;
}

body .hero-subtitle,
body .page-hero p {
    color: var(--ink-300);
    font-size: 1rem;
    max-width: 62ch;
}

body .hero-meta {
    color: var(--ink-400);
    font-size: 0.78rem;
    font-family: var(--font-mono);
    letter-spacing: -0.01em;
}

body .hero-meta strong { color: var(--signal); font-weight: 600; }
body .hero-meta a { color: var(--ink-300); }
body .hero-meta a:hover { color: #fff; }

/* --------------------------------------------------------------- 7. Кнопки */

body .btn {
    border-radius: 8px;
    font-weight: 550;
    font-size: 0.86rem;
    letter-spacing: -0.005em;
    padding: 9px 16px;
    border: 1px solid transparent;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
    box-shadow: none;
}

body .btn:hover { transform: none; box-shadow: none; }

body .btn-primary {
    background: var(--ink-900);
    color: #fff;
    border-color: var(--ink-900);
}

body .btn-primary:hover { background: var(--ink-700); border-color: var(--ink-700); }

body .btn-secondary {
    background: #fff;
    color: var(--ink-800);
    border-color: var(--ink-200);
}

body .btn-secondary:hover { background: var(--ink-50); border-color: var(--ink-300); }

/* На тёмных поверхностях кнопки инвертируются */
body .hero .btn-primary,
body .page-hero .btn-primary,
body .platform-hero .btn-primary,
body .compare-hero .btn-primary {
    background: #fff;
    color: var(--ink-900);
    border-color: #fff;
}

body .hero .btn-secondary,
body .page-hero .btn-secondary,
body .platform-hero .btn-secondary,
body .compare-hero .btn-secondary {
    background: transparent;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.22);
}

body .btn-sm { padding: 6px 12px; font-size: 0.78rem; }

/* -------------------------------------------------- 8. Карточки и контейнеры */

body .platform-row,
body .benefit-item,
body .trend-item,
body .update-item,
body .news-category,
body .story-card,
body .faq-item,
body .filters-sidebar,
body .metric-card,
body .provider-card,
body .solution-card {
    background: #fff;
    border: 1px solid var(--ink-200);
    border-radius: var(--radius-lg);
    box-shadow: none;
    animation: none;
}

body .platform-row {
    transition: border-color .15s ease, background-color .15s ease;
}

body .platform-row:hover {
    border-color: var(--ink-400);
    background: #fff;
    transform: none;
    box-shadow: var(--shadow-md);
}

/* Метрики внутри карточки: разделители-волосинки вместо плашек */
body .platform-metrics .metric,
body .metric {
    background: transparent;
    border: 0;
    border-left: 1px solid var(--ink-100);
    border-radius: 0;
    padding: 0.35rem 0 0.35rem 0.8rem;
}

body .platform-metrics .metric:first-child {
    border-left: 0;
    padding-left: 0;
}

body .metric-value { color: var(--ink-900); font-weight: 600; }

/* --------------------------------------------------------------- 9. Бейджи */

body .badge,
body .tier-badge,
body .feature-tag {
    border-radius: 5px;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 3px 7px;
    border: 1px solid var(--ink-200);
    background: var(--ink-50);
    color: var(--ink-600);
    box-shadow: none;
}

body .badge-featured,
body .badge.featured {
    background: var(--ink-900);
    border-color: var(--ink-900);
    color: var(--signal);
}

body .badge-tier {
    background: var(--accent-100);
    border-color: rgba(14, 138, 111, 0.28);
    color: var(--accent-700);
}

body .tag-eu {
    display: inline-block;
    margin-left: 0.45rem;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.63rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background: var(--accent-100);
    color: var(--accent-700);
    border: 1px solid rgba(14, 138, 111, 0.25);
    vertical-align: middle;
}

/* ------------------------------------------------------------- 10. Фильтры */

body .filters-sidebar { padding: 1.1rem; }

body .filters-header h3 {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--text-muted);
    font-weight: 600;
}

body .quick-option,
body .pill-option {
    border: 1px solid var(--ink-200);
    border-radius: 7px;
    background: #fff;
    font-size: 0.8rem;
    color: var(--ink-600);
    transition: border-color .15s ease, background-color .15s ease;
}

body .quick-option:hover,
body .pill-option:hover {
    background: var(--ink-50);
    border-color: var(--ink-300);
    transform: none;
}

body .quick-option.active,
body .pill-option.active,
body .quick-option.selected,
body .pill-option.selected {
    background: var(--ink-900);
    border-color: var(--ink-900);
    color: #fff;
}

body .checkbox-option:hover .checkmark {
    transform: none;
    border-color: var(--accent-600);
}

body .checkmark { border-radius: 4px; }

/* ------------------------------------------------- 11. Таблицы данных (новое) */

body .table-scroll {
    overflow-x: auto;
    border: 1px solid var(--ink-200);
    border-radius: var(--radius-lg);
    background: #fff;
    margin-bottom: 1.5rem;
    -webkit-overflow-scrolling: touch;
}

body .data-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.86rem;
    min-width: 640px;
}

body .data-table th {
    text-align: left;
    padding: 0.7rem 0.9rem;
    background: var(--ink-50);
    border-bottom: 1px solid var(--ink-200);
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-muted);
    white-space: nowrap;
}

body .data-table td {
    padding: 0.7rem 0.9rem;
    border-bottom: 1px solid var(--ink-100);
    color: var(--ink-700);
    vertical-align: middle;
}

body .data-table tbody tr:last-child td { border-bottom: 0; }
body .data-table tbody tr:hover { background: var(--ink-50); }
body .data-table td strong { font-family: var(--font-sans); color: var(--ink-900); }

/* --------------------------------------- 12. Полосы распределения (новое) */

body .type-breakdown {
    border: 1px solid var(--ink-200);
    border-radius: var(--radius-lg);
    background: #fff;
    padding: 0.35rem 1rem;
    margin-bottom: 2rem;
}

body .breakdown-row {
    display: grid;
    grid-template-columns: minmax(120px, 180px) 1fr minmax(70px, auto);
    align-items: center;
    gap: 1rem;
    padding: 0.65rem 0;
    border-bottom: 1px solid var(--ink-100);
}

body .breakdown-row:last-child { border-bottom: 0; }

body .breakdown-bar {
    display: block;
    height: 6px;
    background: var(--ink-100);
    border-radius: 3px;
    overflow: hidden;
}

body .breakdown-bar > span {
    display: block;
    height: 100%;
    background: var(--ink-900);
    border-radius: 3px;
}

body .breakdown-value {
    text-align: right;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--ink-900);
}

body .breakdown-value small { color: var(--text-muted); font-weight: 500; }

@media (max-width: 560px) {
    body .breakdown-row { grid-template-columns: 1fr auto; }
    body .breakdown-bar { grid-column: 1 / -1; order: 3; }
}

/* ---------------------------------------------- 13. Плашки стран (новое) */

body .country-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 2rem;
}

body .country-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 6px 10px;
    border: 1px solid var(--ink-200);
    border-radius: 7px;
    background: #fff;
    text-decoration: none;
    font-size: 0.82rem;
    color: var(--ink-700);
    transition: border-color .15s ease, background-color .15s ease;
}

body .country-chip:hover { border-color: var(--ink-400); background: var(--ink-50); }

body .country-count {
    font-size: 0.75rem;
    font-weight: 600;
    color: #fff;
    background: var(--ink-900);
    border-radius: 4px;
    padding: 1px 6px;
}

/* ------------------------------------------------------ 14. Контентные блоки */

body .casino-software-guide h2 {
    font-size: clamp(1.4rem, 2.4vw, 1.85rem);
    margin-top: 3.5rem;
    padding-top: 2rem;
    border-top: 1px solid var(--ink-200);
}

body .casino-software-guide h3 {
    font-size: 1.1rem;
    margin-top: 2rem;
}

body .trend-stat {
    font-size: 1.75rem;
    font-weight: 660;
    color: var(--ink-900);
    background: none;
    -webkit-text-fill-color: currentColor;
}

body .section-note {
    border-left: 2px solid var(--ink-300);
    background: var(--ink-50);
    border-radius: 0 8px 8px 0;
    color: var(--ink-600);
}

body .section-note a { color: var(--accent-700); }

body .faq-item h3 { font-size: 0.98rem; }

/* ---------------------------------------------------------------- 15. Футер */

body .footer {
    background: var(--ink-950);
    border-top: 1px solid var(--ink-800);
}

body .footer::before { display: none; }

body .footer-section h3 {
    background: none;
    -webkit-text-fill-color: currentColor;
    color: #fff;
    font-size: 1.05rem;
    font-weight: 660;
}

body .footer-section h4 {
    color: var(--ink-400);
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body .footer-section p { color: var(--ink-400); font-size: 0.85rem; }

body .footer-links a { color: var(--ink-300); font-size: 0.85rem; }
body .footer-links a:hover { color: #fff; padding-left: 0; }
body .footer-links a::before { display: none; }
body .footer-links li:hover { transform: none; }

body .footer-stat {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    padding: 0.6rem 0.9rem;
}

body .footer-stat:hover {
    transform: none;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.07);
}

body .stat-number {
    background: none;
    -webkit-text-fill-color: currentColor;
    color: var(--signal);
    font-size: 1.3rem;
    font-weight: 660;
}

body .stat-label { color: var(--ink-500); }

body .footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.08); }
body .footer-copyright p { color: var(--ink-500); font-size: 0.8rem; }
body .disclaimer { font-style: normal; opacity: 1; color: var(--ink-500); }
body .disclaimer a { color: var(--ink-300); }

body .btn-list-company {
    background: #fff;
    color: var(--ink-900);
    border-radius: 8px;
    box-shadow: none;
    font-size: 0.82rem;
}

body .btn-list-company:hover {
    transform: none;
    box-shadow: none;
    background: var(--ink-100);
}

/* ------------------------------------------------------ 16. Текстовые страницы */

body .static-page .static-inner {
    border: 1px solid var(--ink-200);
    box-shadow: none;
}

body .static-page .updated {
    font-family: var(--font-mono);
    font-size: 0.72rem;
    background: var(--ink-50);
    border: 1px solid var(--ink-200);
}

body .static-page .callout {
    border-left: 2px solid var(--ink-900);
    background: var(--ink-50);
    border-radius: 0 8px 8px 0;
}

body .static-page .callout.warning {
    border-left-color: var(--warn);
    background: #fff8ed;
}

/* ------------------------------------------------------------ 17. Модалки */

body .modal { border-radius: var(--radius-xl); box-shadow: var(--shadow-xl); }
body .modal-header { border-bottom: 1px solid var(--ink-100); }
body .modal-overlay { background: rgba(8, 9, 11, 0.55); }

body .compare-panel {
    background: var(--ink-950);
    border-top: 1px solid var(--ink-800);
    color: #fff;
}

/* ------------------------------------------ 18. Меньше движения — больше вкуса */

body .filter-section,
body .footer-section,
body .platform-row {
    animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
    body * { animation: none !important; transition: none !important; }
}

/* --------------------------------------------------------- 19. Мобильные */

@media (max-width: 768px) {
    body .logo .tagline { display: none; }
    body .casino-software-guide h2 { margin-top: 2.5rem; padding-top: 1.5rem; }
}
