* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #081221;
    color: #e5e7eb;
    line-height: 1.6;
}

a {
    color: #38bdf8;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 20px;
}

/* HEADER */

header {
    background: transparent;
    padding: 8px 0 0;
    position: sticky;
    top: 0;
    z-index: 100;
}

header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    min-height: 56px;
    background: rgba(11, 23, 40, 0.96);
    border: 1px solid #18314d;
    border-radius: 0 0 14px 14px;
    padding: 0 18px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}

header h1 {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1;
}

header h1 a {
    color: #ffffff;
    font-weight: 700;
}

header nav {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

header nav a {
    color: #9cc9ff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}

header nav a:hover {
    color: #ffffff;
}

/* MAIN */

main {
    padding: 18px 0 32px;
}

/* HERO */

.hero {
    padding: 0 0 16px;
}

.hero-box {
    border: 1px solid #18314d;
    background: linear-gradient(180deg, #0c1930 0%, #0a1527 100%);
    border-radius: 18px;
    padding: 28px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}

.hero h2 {
    margin: 0 0 12px;
    font-size: 2.25rem;
    line-height: 1.1;
    color: #ffffff;
}

.hero p {
    margin: 0;
    max-width: 760px;
    font-size: 1rem;
    color: #b9c7da;
}

.hero-buttons {
    margin-top: 20px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.btn {
    display: inline-block;
    padding: 11px 18px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 14px;
    transition: 0.18s ease;
}

.btn:hover {
    transform: translateY(-1px);
}

.btn-primary {
    background: #f3ba2f;
    color: #111111;
}

.btn-primary:hover {
    background: #ffd45e;
}

.btn-secondary {
    background: #11233b;
    color: #d7e6fb;
    border: 1px solid #23405f;
}

.btn-secondary:hover {
    background: #16304f;
    color: #ffffff;
}

/* SECTIONS */

.home-section {
    padding: 16px 0;
}

.section-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.home-section h3 {
    margin: 0;
    font-size: 1.25rem;
    color: #ffffff;
    line-height: 1.2;
}

.section-link {
    color: #8dbcf5;
    font-size: 13px;
    font-weight: 600;
}

.section-link:hover {
    color: #ffffff;
}

/* FEATURE CARDS */

.feature-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.feature-card {
    display: block;
    padding: 16px;
    border-radius: 14px;
    background: #0c1a2d;
    border: 1px solid #18314d;
    transition: 0.18s ease;
    min-height: 118px;
}

.feature-card:hover {
    background: #10213a;
    border-color: #2f5f90;
    transform: translateY(-2px);
}

.feature-card h4 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.3;
}

.feature-card p {
    margin: 0;
    color: #9fb4cb;
    font-size: 13px;
    line-height: 1.5;
}

/* TOP COINS MINI GRID */

.market-mini-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.market-mini-card {
    display: block;
    padding: 12px;
    border-radius: 10px;
    background: #0b1a2d;
    border: 1px solid #1a3553;
    transition: 0.18s ease;
    min-height: 96px;
}

.market-mini-card:hover {
    background: #10213a;
    border-color: #2e6aa3;
    transform: translateY(-2px);
}

.market-mini-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 10px;
}

.market-mini-name {
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.3;
}

.market-mini-symbol {
    font-size: 11px;
    font-weight: 700;
    color: #7da8d8;
    white-space: nowrap;
}

.market-mini-price {
    font-size: 15px;
    font-weight: 700;
    color: #f8fbff;
    margin-bottom: 6px;
}

.market-mini-change {
    font-size: 12px;
    font-weight: 700;
}

.market-mini-change.positive {
    color: #22c55e;
}

.market-mini-change.negative {
    color: #ef4444;
}

/* EXCHANGES */

.exchange-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.exchange-card {
    min-height: 110px;
}

/* COINS GRID */

.coins-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 14px;
    margin-top: 20px;
}

.coin-card {
    display: block;
    padding: 14px;
    border-radius: 10px;
    background: #0f1c2e;
    border: 1px solid #1f2f46;
    text-decoration: none;
    transition: all 0.15s ease;
}

.coin-card:hover {
    border-color: #2c6cff;
    background: #14233b;
}

.coin-name {
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
}

.coin-symbol {
    font-size: 13px;
    color: #8aa4c8;
    margin-top: 3px;
}

/* RELATED COINS */

.related-coins-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
    margin-top: 20px;
}

.related-coin-card {
    display: block;
    padding: 14px 16px;
    border-radius: 10px;
    border: 1px solid #1f365c;
    background: #0d1b33;
    text-decoration: none;
    transition: 0.2s;
}

.related-coin-card:hover {
    border-color: #2e6cff;
    transform: translateY(-2px);
}

.related-coin-name {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
}

.related-coin-action {
    font-size: 13px;
    color: #8aa4c8;
    margin-top: 4px;
}

/* LEGACY CTA */

.cta-button {
    display: inline-block;
    margin-top: 10px;
    padding: 12px 24px;
    background: #f0b90b;
    color: #000;
    font-weight: bold;
    border-radius: 6px;
    text-decoration: none;
}

.cta-button:hover {
    background: #ffd84d;
}

/* FOOTER */

footer {
    background: transparent;
    padding: 18px 0 10px;
    margin-top: 18px;
}

footer .container {
    min-height: 50px;
    display: flex;
    align-items: center;
    background: rgba(11, 23, 40, 0.96);
    border: 1px solid #18314d;
    border-radius: 14px 14px 0 0;
    padding: 0 18px;
    box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.12);
}

footer p {
    margin: 0;
    font-size: 13px;
    line-height: 1.2;
    color: #94a3b8;
}

/* RESPONSIVE */

@media (max-width: 1100px) {
    .market-mini-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    header {
        padding-top: 6px;
    }

    header .container {
        flex-direction: column;
        align-items: flex-start;
        min-height: auto;
        gap: 12px;
        padding: 14px 16px;
    }

    .hero-box {
        padding: 24px;
    }

    .hero h2 {
        font-size: 1.9rem;
    }

    .market-mini-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .exchange-grid {
        grid-template-columns: 1fr;
    }

    footer .container {
        min-height: 44px;
        padding: 12px 16px;
    }
}

@media (max-width: 560px) {
    main {
        padding: 14px 0 24px;
    }

    .container {
        padding: 0 14px;
    }

    .hero-box {
        padding: 20px 16px;
        border-radius: 14px;
    }

    .hero h2 {
        font-size: 1.6rem;
    }

    .hero p {
        font-size: 0.95rem;
    }

    .feature-grid {
        grid-template-columns: 1fr;
    }

    .market-mini-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .market-mini-card {
        padding: 11px;
        min-height: 92px;
    }

    .market-mini-name {
        font-size: 12px;
    }

    .market-mini-price {
        font-size: 15px;
    }

    .home-section h3 {
        font-size: 1.15rem;
    }

    header nav {
        gap: 12px;
    }

    header nav a {
        font-size: 12px;
    }

    header h1 {
        font-size: 1rem;
    }

    footer p {
        font-size: 12px;
    }
}

/* ===== PRIMARY CTA (Open Calculator PRO) ===== */
.btn-primary-cta {
    display: inline-block;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.25s ease;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25);
}

.btn-primary-cta:hover {
    background: linear-gradient(135deg, #1d4ed8, #1e40af);
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(37, 99, 235, 0.35);
}

/* ===== SECONDARY BUTTON ===== */
.btn-secondary-cta {
    display: inline-block;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 500;
    color: #60a5fa;
    border: 1px solid rgba(96, 165, 250, 0.4);
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.btn-secondary-cta:hover {
    background: rgba(96, 165, 250, 0.1);
}

/* =========================
   MARKET INDEX UPGRADE FIXED
========================= */

.market-sections-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
    margin-top: 20px;
}

.market-section-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 18px;
    border-radius: 14px;
    background: #0f223d;
    border: 1px solid #1e3a5f;
    transition: 0.2s;
}

.market-section-card:hover {
    transform: translateY(-4px);
    border-color: #3b82f6;
}

.market-section-card h3 {
    margin: 10px 0;
    color: #fff;
}

.market-section-card p {
    color: #9fb3c8;
    font-size: 14px;
}

.market-section-link {
    margin-top: 12px;
    color: #38bdf8;
    font-weight: 600;
}

/* SNAPSHOT */

.market-mini-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}

.market-mini-card {
    padding: 14px;
    border-radius: 12px;
    background: #0d1b33;
    border: 1px solid #1c3550;
    transition: 0.2s;
}

.market-mini-card:hover {
    transform: translateY(-3px);
}

.market-mini-name {
    font-weight: 700;
}

.market-mini-symbol {
    font-size: 12px;
    color: #8ea9c4;
}

.market-mini-price {
    font-size: 16px;
    font-weight: 700;
    margin-top: 8px;
}

.market-mini-change.positive {
    color: #4ade80;
}

.market-mini-change.negative {
    color: #f87171;
}

/* TABLE FIX */

.market-table {
    width: 100%;
    border-collapse: collapse;
}

.market-table th,
.market-table td {
    padding: 12px;
}

.market-table tbody tr:hover {
    background: rgba(56, 189, 248, 0.05);
}

/* CTA FIX */

.market-cta-panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-radius: 14px;
    background: #0d1b33;
    border: 1px solid #1c3550;
}

/* RESPONSIVE */

@media (max-width: 1200px) {
    .market-sections-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .market-mini-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .market-sections-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .market-mini-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .market-sections-grid,
    .market-mini-grid {
        grid-template-columns: 1fr;
    }
}

/* FINAL MARKET DESIGN */

.hero-box {
    padding: 30px;
    border-radius: 16px;
    border: 1px solid #1e3a5f;
    background: linear-gradient(145deg, #0f223d, #0b1a2f);
    margin-bottom: 30px;
}

.hero-sub {
    color: #38bdf8;
    font-size: 14px;
}

.hero-desc {
    color: #9fb3c8;
    margin: 10px 0 20px;
}

.hero-buttons {
    display: flex;
    gap: 12px;
}

.section-title {
    margin: 40px 0 15px;
}

/* GRID */

.market-sections-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}

.market-section-card {
    padding: 18px;
    border-radius: 14px;
    background: #0f223d;
    border: 1px solid #1e3a5f;
    transition: 0.2s;
}

.market-section-card:hover {
    transform: translateY(-4px);
    border-color: #3b82f6;
}

.badge {
    font-size: 12px;
    color: #38bdf8;
}

.market-section-link {
    margin-top: 10px;
    display: block;
    color: #38bdf8;
}

/* SNAPSHOT */

.market-mini-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}

.market-mini-card {
    padding: 14px;
    border-radius: 12px;
    background: #0d1b33;
    border: 1px solid #1c3550;
}

.market-mini-symbol {
    color: #8ea9c4;
    font-size: 12px;
}

.market-mini-change.positive {
    color: #4ade80;
}

.market-mini-change.negative {
    color: #f87171;
}

/* TABLE */

.market-table th,
.market-table td {
    padding: 12px;
}

.market-table tr:hover {
    background: rgba(56, 189, 248, 0.05);
}

.positive {
    color: #4ade80;
}

.negative {
    color: #f87171;
}

/* CTA */

.market-cta-panel {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding: 20px;
    border-radius: 14px;
    background: #0d1b33;
    border: 1px solid #1c3550;
}

/* SEO */

.seo-block {
    margin-top: 30px;
    color: #9fb3c8;
}

/* =========================================================
   MARKET INTERNAL PAGES — CHAT 19 STEP 1
========================================================= */

.market-internal-hero {
    padding-bottom: 8px;
}

.market-internal-hero-box {
    position: relative;
    overflow: hidden;
    border: 1px solid #1d3d62;
    border-radius: 18px;
    padding: 30px;
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.16) 0%, rgba(56, 189, 248, 0.00) 28%),
        radial-gradient(circle at left center, rgba(59, 130, 246, 0.10) 0%, rgba(59, 130, 246, 0.00) 32%),
        linear-gradient(180deg, rgba(13, 30, 56, 0.98) 0%, rgba(8, 18, 33, 0.98) 100%);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);
}

.market-internal-hero-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255,255,255,0.025) 1px, transparent 1px);
    background-size: 26px 26px;
    opacity: 0.28;
    pointer-events: none;
}

.market-internal-hero-content {
    position: relative;
    z-index: 1;
}

.market-internal-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 7px 12px;
    border-radius: 999px;
    border: 1px solid #2b537d;
    background: rgba(10, 25, 48, 0.82);
    color: #9fd0ff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.market-internal-hero h1 {
    margin: 0 0 14px;
    max-width: 900px;
    color: #ffffff;
    font-size: 2.2rem;
    line-height: 1.14;
    letter-spacing: -0.02em;
}

.market-internal-subtext {
    max-width: 860px;
    color: #c4d2e4;
    font-size: 1.02rem;
    line-height: 1.75;
}

.market-internal-points {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 26px;
}

.market-internal-point {
    border: 1px solid #1b3655;
    background: rgba(7, 17, 31, 0.56);
    border-radius: 16px;
    padding: 16px;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.market-internal-point:hover {
    transform: translateY(-2px);
    border-color: #2d5b89;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.market-internal-point strong {
    display: block;
    margin-bottom: 7px;
    color: #ffffff;
    font-size: 0.98rem;
}

.market-internal-point span {
    color: #b9c7da;
    font-size: 0.94rem;
    line-height: 1.65;
}

.market-internal-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.market-internal-section {
    padding-top: 12px;
    padding-bottom: 12px;
}

.market-table-panel,
.market-info-card,
.market-exchange-panel,
.market-seo-block,
.market-related-card {
    position: relative;
    overflow: hidden;
    border: 1px solid #1b3655;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(13, 28, 52, 0.96) 0%, rgba(9, 20, 37, 0.98) 100%);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
}

.market-table-panel,
.market-info-card,
.market-exchange-panel,
.market-seo-block {
    padding: 22px;
}

.market-table-panel-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 18px;
}

.market-table-panel-head h2,
.market-info-card h2,
.market-exchange-copy h2,
.market-seo-block h2 {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 1.35rem;
    line-height: 1.25;
}

.market-table-panel-head p,
.market-info-card p,
.market-exchange-copy p,
.market-seo-block p {
    margin: 0;
    color: #b9c7da;
    line-height: 1.75;
}

.market-table-eyebrow {
    display: inline-flex;
    margin-bottom: 10px;
    color: #8fc8ff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.market-table-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    min-width: 240px;
    justify-content: flex-end;
}

.market-summary-chip {
    min-width: 105px;
    padding: 12px 14px;
    border: 1px solid #23476d;
    border-radius: 14px;
    background: rgba(8, 19, 35, 0.72);
    text-align: center;
}

.market-summary-chip strong {
    display: block;
    color: #ffffff;
    font-size: 0.95rem;
    margin-bottom: 3px;
}

.market-summary-chip span {
    color: #9fb2c8;
    font-size: 0.8rem;
}

.market-table-wrap {
    overflow-x: auto;
    border: 1px solid #193351;
    border-radius: 16px;
    background: rgba(8, 18, 33, 0.62);
}

.market-internal-table {
    width: 100%;
    min-width: 1180px;
    border-collapse: collapse;
}

.market-internal-table th {
    padding: 14px 14px;
    border-bottom: 1px solid #2a3655;
    color: #cfe4ff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    background: rgba(8, 18, 33, 0.94);
}

.market-internal-table td {
    padding: 14px 14px;
    border-bottom: 1px solid #1e2942;
    color: #d7e3f3;
    font-size: 14px;
    vertical-align: middle;
}

.market-internal-table tbody tr {
    transition: background 0.18s ease;
}

.market-internal-table tbody tr:hover {
    background: rgba(56, 189, 248, 0.05);
}

.ta-right {
    text-align: right;
}

.ta-center {
    text-align: center;
}

.market-rank-cell {
    color: #8fa9c9;
    font-weight: 700;
    white-space: nowrap;
}

.market-coin-cell {
    min-width: 240px;
}

.market-coin-link {
    display: inline-flex;
    flex-direction: column;
    gap: 3px;
    text-decoration: none;
}

.market-coin-name {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.market-coin-symbol {
    color: #7da8d8;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.market-price-cell {
    color: #f8fbff;
    font-weight: 700;
    white-space: nowrap;
}

.market-muted-cell {
    color: #aebed3;
    white-space: nowrap;
}

.trade-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}

.trade-btn:hover {
    transform: translateY(-1px);
    opacity: 0.96;
}

.trade-btn-binance {
    background: #f3ba2f;
    color: #111111;
    box-shadow: 0 6px 16px rgba(243, 186, 47, 0.22);
}

.market-insight-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.market-check-list {
    margin: 14px 0 0;
    padding-left: 18px;
    color: #c7d6e8;
}

.market-check-list li {
    margin-bottom: 8px;
    line-height: 1.65;
}

.market-exchange-panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 22px;
}

.market-exchange-copy {
    max-width: 760px;
}

.market-exchange-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
}

.exchange-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 12px 18px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}

.exchange-cta:hover {
    transform: translateY(-1px);
    opacity: 0.97;
}

.exchange-cta-binance {
    background: #f3ba2f;
    color: #111111;
    box-shadow: 0 8px 18px rgba(243, 186, 47, 0.2);
}

.exchange-cta-bybit {
    background: #101010;
    color: #ffffff;
    border: 1px solid #2d2d2d;
}

.exchange-cta-mexc {
    background: #2e6cff;
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(46, 108, 255, 0.22);
}

.market-related-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.market-related-card {
    display: block;
    padding: 18px;
    text-decoration: none;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.market-related-card:hover {
    transform: translateY(-3px);
    border-color: #2e5f91;
    box-shadow: 0 16px 28px rgba(0, 0, 0, 0.18);
}

.market-related-card strong {
    display: block;
    margin-bottom: 8px;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.25;
}

.market-related-card span {
    color: #b9c7da;
    font-size: 0.93rem;
    line-height: 1.65;
}

.market-seo-block p + p {
    margin-top: 14px;
}

.positive {
    color: #22c55e !important;
    font-weight: 700;
    white-space: nowrap;
}

.negative {
    color: #ef4444 !important;
    font-weight: 700;
    white-space: nowrap;
}

@media (max-width: 1100px) {
    .market-internal-points {
        grid-template-columns: 1fr;
    }

    .market-table-panel-head,
    .market-exchange-panel {
        flex-direction: column;
        align-items: flex-start;
    }

    .market-table-summary,
    .market-exchange-actions {
        justify-content: flex-start;
    }

    .market-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .market-internal-hero-box,
    .market-table-panel,
    .market-info-card,
    .market-exchange-panel,
    .market-seo-block {
        padding: 18px;
        border-radius: 16px;
    }

    .market-internal-hero h1 {
        font-size: 1.8rem;
    }

    .market-insight-grid,
    .market-related-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .market-internal-hero-box,
    .market-table-panel,
    .market-info-card,
    .market-exchange-panel,
    .market-seo-block {
        padding: 16px;
        border-radius: 14px;
    }

    .market-internal-hero h1 {
        font-size: 1.55rem;
    }

    .market-internal-subtext {
        font-size: 0.95rem;
    }

    .market-summary-chip {
        min-width: 96px;
        padding: 10px 12px;
    }

    .exchange-cta,
    .trade-btn {
        font-size: 13px;
    }
}

/* =========================================================
   MARKET INTERNAL PAGES — CHAT 19 STEP 2 FINAL
========================================================= */

.market-internal-hero {
    padding-bottom: 8px;
}

.market-internal-hero-box {
    position: relative;
    overflow: hidden;
    border: 1px solid #1d3d62;
    border-radius: 18px;
    padding: 30px;
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.16) 0%, rgba(56, 189, 248, 0.00) 28%),
        radial-gradient(circle at left center, rgba(59, 130, 246, 0.10) 0%, rgba(59, 130, 246, 0.00) 32%),
        linear-gradient(180deg, rgba(13, 30, 56, 0.98) 0%, rgba(8, 18, 33, 0.98) 100%);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);
}

.market-internal-hero-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255,255,255,0.025) 1px, transparent 1px);
    background-size: 26px 26px;
    opacity: 0.28;
    pointer-events: none;
}

.market-internal-hero-content {
    position: relative;
    z-index: 1;
}

.market-internal-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 7px 12px;
    border-radius: 999px;
    border: 1px solid #2b537d;
    background: rgba(10, 25, 48, 0.82);
    color: #9fd0ff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.market-internal-hero h1 {
    margin: 0 0 14px;
    max-width: 900px;
    color: #ffffff;
    font-size: 2.2rem;
    line-height: 1.14;
    letter-spacing: -0.02em;
}

.market-internal-subtext {
    max-width: 860px;
    color: #c4d2e4;
    font-size: 1.02rem;
    line-height: 1.75;
}

.market-internal-points {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 26px;
}

.market-internal-point {
    border: 1px solid #1b3655;
    background: rgba(7, 17, 31, 0.56);
    border-radius: 16px;
    padding: 16px;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.market-internal-point:hover {
    transform: translateY(-2px);
    border-color: #2d5b89;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.market-internal-point strong {
    display: block;
    margin-bottom: 7px;
    color: #ffffff;
    font-size: 0.98rem;
}

.market-internal-point span {
    color: #b9c7da;
    font-size: 0.94rem;
    line-height: 1.65;
}

.market-internal-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.market-internal-section {
    padding-top: 12px;
    padding-bottom: 12px;
}

.market-table-panel,
.market-info-card,
.market-exchange-panel,
.market-seo-block,
.market-related-card {
    position: relative;
    overflow: hidden;
    border: 1px solid #1b3655;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(13, 28, 52, 0.96) 0%, rgba(9, 20, 37, 0.98) 100%);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
}

.market-table-panel,
.market-info-card,
.market-exchange-panel,
.market-seo-block {
    padding: 22px;
}

.market-table-panel-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 18px;
}

.market-table-panel-head h2,
.market-info-card h2,
.market-exchange-copy h2,
.market-seo-block h2 {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 1.35rem;
    line-height: 1.25;
}

.market-table-panel-head p,
.market-info-card p,
.market-exchange-copy p,
.market-seo-block p {
    margin: 0;
    color: #b9c7da;
    line-height: 1.75;
}

.market-table-eyebrow {
    display: inline-flex;
    margin-bottom: 10px;
    color: #8fc8ff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.market-table-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    min-width: 240px;
    justify-content: flex-end;
}

.market-summary-chip {
    min-width: 110px;
    padding: 12px 14px;
    border: 1px solid #23476d;
    border-radius: 14px;
    background: rgba(8, 19, 35, 0.72);
    text-align: center;
}

.market-summary-chip strong {
    display: block;
    color: #ffffff;
    font-size: 1rem;
    margin-bottom: 3px;
}

.market-summary-chip span {
    color: #9fb2c8;
    font-size: 0.82rem;
}

.market-table-wrap {
    overflow-x: auto;
    border: 1px solid #193351;
    border-radius: 16px;
    background: rgba(8, 18, 33, 0.62);
}

.market-internal-table {
    width: 100%;
    min-width: 1180px;
    border-collapse: collapse;
}

.market-internal-table th {
    padding: 14px 14px;
    border-bottom: 1px solid #2a3655;
    color: #cfe4ff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    background: rgba(8, 18, 33, 0.94);
    white-space: nowrap;
}

.market-internal-table td {
    padding: 14px 14px;
    border-bottom: 1px solid #1e2942;
    color: #d7e3f3;
    font-size: 14px;
    vertical-align: middle;
}

.market-internal-table tbody tr {
    transition: background 0.18s ease;
}

.market-internal-table tbody tr:hover {
    background: rgba(56, 189, 248, 0.06);
}

.ta-right {
    text-align: right;
}

.ta-center {
    text-align: center;
}

.market-rank-cell {
    color: #d9e6f7;
    font-weight: 800;
    white-space: nowrap;
    width: 56px;
}

.market-coin-cell {
    min-width: 250px;
}

.market-coin-link {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
    text-decoration: none;
}

.market-coin-name {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.market-coin-symbol {
    color: #7da8d8;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.market-price-cell {
    color: #f8fbff;
    font-weight: 700;
    white-space: nowrap;
}

.market-muted-cell {
    color: #aebed3;
    white-space: nowrap;
}

.trade-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    min-height: 36px;
    padding: 8px 14px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}

.trade-btn:hover {
    transform: translateY(-1px);
    opacity: 0.97;
}

.trade-btn-binance {
    background: #f3ba2f;
    color: #111111;
    box-shadow: 0 6px 16px rgba(243, 186, 47, 0.22);
}

.market-insight-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.market-check-list {
    margin: 14px 0 0;
    padding-left: 18px;
    color: #c7d6e8;
}

.market-check-list li {
    margin-bottom: 8px;
    line-height: 1.65;
}

.market-exchange-panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 22px;
}

.market-exchange-copy {
    max-width: 760px;
}

.market-exchange-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 14px;
}

.exchange-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 190px;
    min-height: 52px;
    padding: 14px 20px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}

.exchange-cta:hover {
    transform: translateY(-1px);
    opacity: 0.97;
}

.exchange-cta-binance {
    background: #f3ba2f;
    color: #111111;
    box-shadow: 0 10px 22px rgba(243, 186, 47, 0.2);
}

.exchange-cta-bybit {
    background: #121212;
    color: #ffffff;
    border: 1px solid #343434;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
}

.exchange-cta-mexc {
    background: #2e6cff;
    color: #ffffff;
    box-shadow: 0 10px 22px rgba(46, 108, 255, 0.24);
}

.market-related-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.market-related-card {
    display: block;
    padding: 18px;
    text-decoration: none;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.market-related-card:hover {
    transform: translateY(-3px);
    border-color: #2e5f91;
    box-shadow: 0 16px 28px rgba(0, 0, 0, 0.18);
}

.market-related-card strong {
    display: block;
    margin-bottom: 8px;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.25;
}

.market-related-card span {
    color: #b9c7da;
    font-size: 0.93rem;
    line-height: 1.65;
}

.market-seo-block p + p {
    margin-top: 14px;
}

.positive {
    color: #22c55e !important;
    font-weight: 700;
    white-space: nowrap;
}

.negative {
    color: #ef4444 !important;
    font-weight: 700;
    white-space: nowrap;
}

@media (max-width: 1100px) {
    .market-internal-points {
        grid-template-columns: 1fr;
    }

    .market-table-panel-head,
    .market-exchange-panel {
        flex-direction: column;
        align-items: flex-start;
    }

    .market-table-summary,
    .market-exchange-actions {
        justify-content: flex-start;
    }

    .market-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .market-internal-hero-box,
    .market-table-panel,
    .market-info-card,
    .market-exchange-panel,
    .market-seo-block {
        padding: 18px;
        border-radius: 16px;
    }

    .market-internal-hero h1 {
        font-size: 1.8rem;
    }

    .market-insight-grid,
    .market-related-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .market-internal-hero-box,
    .market-table-panel,
    .market-info-card,
    .market-exchange-panel,
    .market-seo-block {
        padding: 16px;
        border-radius: 14px;
    }

    .market-internal-hero h1 {
        font-size: 1.55rem;
    }

    .market-internal-subtext {
        font-size: 0.95rem;
    }

    .market-summary-chip {
        min-width: 96px;
        padding: 10px 12px;
    }

    .exchange-cta {
        min-width: 100%;
        font-size: 15px;
    }

    .trade-btn {
        min-width: 72px;
        font-size: 12px;
    }
}
/* ===== MARKET FIX FINAL ===== */

.exchange-buttons {
    display: flex;
    gap: 20px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.exchange-btn {
    display: inline-block;
    padding: 16px 26px;
    font-size: 18px;
    font-weight: 800;
    border-radius: 10px;
    text-decoration: none;
    transition: 0.2s;
}

/* Binance */
.exchange-btn.binance {
    background: #f3ba2f;
    color: #000;
}

/* Bybit */
.exchange-btn.bybit {
    background: #f3ba2f;
    color: #111111;
}

/* MEXC */
.exchange-btn.mexc {
    background: #f3ba2f;
    color: #111111;
}

.exchange-btn:hover {
    transform: translateY(-2px);
    opacity: 0.9;
}
/* ===== FINAL MARKET UI FIX ===== */

.market-kicker {
    font-size: 14px;
    color: #5aa9ff;
    margin-bottom: 10px;
}

.market-subtext {
    margin-top: 10px;
    color: #ccc;
}

.market-actions {
    margin-top: 20px;
    display: flex;
    gap: 15px;
}

.btn-main {
    background: #2e6cff;
    color: #fff;
    padding: 10px 18px;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
}

.btn-outline {
    border: 1px solid #2e6cff;
    padding: 10px 18px;
    border-radius: 6px;
    color: #2e6cff;
    text-decoration: none;
}

.exchange-cta {
    display: flex;
    gap: 20px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.exchange-cta a {
    padding: 16px 24px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 10px;
    text-decoration: none;
}

/* Binance */
.btn-binance {
    background: #f3ba2f;
    color: #000;
}

/* Bybit */
.btn-bybit {
    background: #111;
    color: #fff;
}

/* MEXC */
.btn-mexc {
    background: #2e6cff;
    color: #fff;
}
/* ===== MARKET CONTENT BLOCKS ===== */

.market-section-intro {
    margin: 0 0 18px;
    color: #b8c7da;
    line-height: 1.7;
    max-width: 900px;
}

.market-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 4px;
}

.market-info-card {
    padding: 22px;
    border: 1px solid #18314d;
    border-radius: 14px;
    background: #0b1628;
}

.market-info-card h2 {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: 1.35rem;
}

.market-info-card p {
    margin: 0 0 14px;
    color: #b8c7da;
    line-height: 1.75;
}

.market-bullet-list {
    margin: 0;
    padding-left: 18px;
    color: #d8e3f0;
}

.market-bullet-list li {
    margin-bottom: 8px;
    line-height: 1.65;
}

.market-seo-text {
    max-width: 960px;
}

.market-seo-text p {
    margin: 0 0 14px;
    color: #b8c7da;
    line-height: 1.8;
}

@media (max-width: 820px) {
    .market-info-grid {
        grid-template-columns: 1fr;
    }
}
/* ===== MARKET FINAL POLISH — CHAT 19 ===== */

.market-hero {
    padding-bottom: 10px;
}

.market-kicker {
    display: inline-block;
    margin-bottom: 12px;
    color: #67b7ff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.market-hero h1 {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: 2.15rem;
    line-height: 1.15;
}

.market-subtext {
    margin: 0;
    max-width: 760px;
    color: #c2d2e6;
    font-size: 1.05rem;
    line-height: 1.9;
}

.market-actions {
    margin-top: 24px;
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.btn-main {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 20px;
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: #fff;
    border-radius: 9px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.28);
}

.btn-main:hover {
    transform: translateY(-1px);
    color: #fff;
}

.btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 20px;
    border: 1px solid #2e6cff;
    border-radius: 9px;
    color: #8fc0ff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    background: rgba(10, 18, 34, 0.55);
}

.btn-outline:hover {
    color: #ffffff;
    border-color: #4d8cff;
    background: rgba(16, 28, 49, 0.8);
}

.market-section-intro {
    margin: 0 0 18px;
    color: #b8c7da;
    line-height: 1.8;
    max-width: 900px;
    font-size: 1rem;
}

.market-section-intro-tight {
    margin-bottom: 0;
}

.market-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 4px;
}

.market-info-card {
    padding: 26px 24px;
    border: 1px solid #18314d;
    border-radius: 16px;
    background: linear-gradient(180deg, #0c172a 0%, #0a1424 100%);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
}

.market-info-card h2 {
    margin: 0 0 14px;
    color: #ffffff;
    font-size: 1.45rem;
    line-height: 1.2;
}

.market-info-card p {
    margin: 0 0 14px;
    color: #c2d2e6;
    line-height: 1.82;
    font-size: 0.98rem;
}

.market-bullet-list {
    margin: 0;
    padding-left: 20px;
    color: #dce7f4;
}

.market-bullet-list li {
    margin-bottom: 9px;
    line-height: 1.7;
    font-size: 0.97rem;
}

.market-cta-block {
    padding: 28px 24px;
    border: 1px solid #18314d;
    border-radius: 16px;
    background: linear-gradient(180deg, #0c172a 0%, #0a1424 100%);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
}

.market-cta-copy h2 {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: 1.5rem;
    line-height: 1.2;
}

.exchange-cta {
    display: flex;
    gap: 18px;
    margin-top: 22px;
    flex-wrap: wrap;
}

.exchange-cta a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    min-width: 220px;
    padding: 0 24px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 17px;
    font-weight: 800;
    line-height: 1;
    transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}

.exchange-cta a:hover {
    transform: translateY(-2px);
    opacity: 0.96;
}

.btn-binance {
    background: #f3ba2f;
    color: #111111;
    box-shadow: 0 10px 24px rgba(243, 186, 47, 0.22);
}

.btn-bybit {
    background: #111111;
    color: #ffffff;
    border: 1px solid #2e2e2e;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
}

.btn-mexc {
    background: #2e6cff;
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(46, 108, 255, 0.24);
}

.market-seo-card {
    padding: 28px 24px;
    border: 1px solid #18314d;
    border-radius: 16px;
    background: linear-gradient(180deg, #0c172a 0%, #0a1424 100%);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
}

.market-seo-card h2 {
    margin: 0 0 14px;
    color: #ffffff;
    font-size: 1.5rem;
    line-height: 1.2;
}

.market-seo-text {
    max-width: 980px;
}

.market-seo-text p {
    margin: 0 0 15px;
    color: #c2d2e6;
    line-height: 1.9;
    font-size: 1rem;
}

@media (max-width: 900px) {
    .market-info-grid {
        grid-template-columns: 1fr;
    }

    .exchange-cta a {
        min-width: 100%;
    }
}

@media (max-width: 640px) {
    .market-hero h1 {
        font-size: 1.75rem;
    }

    .market-subtext,
    .market-section-intro,
    .market-info-card p,
    .market-bullet-list li,
    .market-seo-text p {
        font-size: 0.95rem;
    }

    .market-info-card,
    .market-cta-block,
    .market-seo-card {
        padding: 22px 18px;
    }

    .exchange-cta a {
        font-size: 15px;
        min-height: 52px;
    }
}

/* ===== HOMEPAGE FINAL CTA SYSTEM ===== */

.hero-main h1 {
    font-size: 32px;
    margin-bottom: 10px;
}

.hero-sub {
    color: #9fb4cb;
    margin-bottom: 16px;
}

.hero-trust {
    margin-top: 10px;
    font-size: 13px;
    color: #8dbcf5;
}

/* BUTTON TYPES */

.btn-affiliate {
    background: #f3ba2f;
    color: #111;
}

.btn-affiliate:hover {
    background: #ffd45e;
}

.btn-affiliate-small {
    background: #f3ba2f;
    color: #111;
    padding: 6px 10px;
    font-size: 12px;
}

.btn-internal {
    background: #00c853;
    color: #041b0d;
}

.btn-internal:hover {
    background: #00e676;
}

/* CARD BUTTONS */

.card-buttons {
    margin-top: 12px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

/* FINAL CTA */

.final-cta {
    text-align: center;
    padding: 40px 0;
}

/* ===== HOMEPAGE FINAL CLEAN VERSION ===== */

.hero-main h1 {
    margin: 0 0 12px;
    font-size: 2.3rem;
    line-height: 1.1;
    color: #ffffff;
}

.hero-sub {
    margin: 0;
    max-width: 760px;
    font-size: 1rem;
    color: #b9c7da;
}

.hero-trust {
    margin-top: 12px;
    font-size: 13px;
    color: #8dbcf5;
}

.btn-affiliate {
    background: #f3ba2f;
    color: #111111;
}

.btn-affiliate:hover {
    background: #ffd45e;
}

.btn-internal {
    background: #00c853;
    color: #041b0d;
}

.btn-internal:hover {
    background: #00e676;
    color: #041b0d;
}

.card-buttons {
    margin-top: 14px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.btn-static {
    pointer-events: none;
    cursor: default;
}

.final-cta {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 28px;
}

.final-cta h3 {
    margin-bottom: 16px;
}

.final-cta-buttons {
    justify-content: center;
}

@media (max-width: 560px) {
    .hero-main h1 {
        font-size: 1.75rem;
    }

    .final-cta-buttons {
        justify-content: flex-start;
    }
}
/* ===== MARKET HERO FULL WIDTH FIX (CHAT 30 FINAL) ===== */

.market-internal-page .market-hero-box {
    max-width: 100%;
    width: 100%;
}

.market-internal-page .market-subtext {
    max-width: 100%;
}

@media (max-width: 768px) {
    body { overflow-x: hidden; }
    /* [x15] proper wrappers scroll, tables never go display:block */
    .exchange-table-wrap,
    .safe-block-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }
}

/* [x15-removed] .exchange-panel table display:block was breaking table layout */


/* === X11 BURGER NAV START === */
.nav-burger{display:none;width:32px;height:32px;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:transparent;border:none;cursor:pointer;padding:0;margin-left:auto;z-index:101;position:relative;}
.nav-burger-line{width:22px;height:2px;background:#9cc9ff;border-radius:2px;transition:all .3s;display:block;}
.nav-burger.active .nav-burger-line:nth-child(1){transform:translateY(7px) rotate(45deg);background:#38bdf8;}
.nav-burger.active .nav-burger-line:nth-child(2){opacity:0;}
.nav-burger.active .nav-burger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg);background:#38bdf8;}
.nav-backdrop{display:none;}
@media (max-width:900px){
.nav-burger{display:flex;}
.nav-backdrop{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(5,10,20,0.65);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .3s;z-index:99;}
.nav-backdrop.show{opacity:1;pointer-events:auto;}
header nav{position:fixed;top:0;right:-100%;width:78%;max-width:320px;height:100vh;background:#0c1a2d;border-left:1px solid #18314d;transition:right .35s cubic-bezier(.2,.8,.2,1);z-index:100;box-shadow:-10px 0 40px rgba(0,0,0,0.5);display:flex;flex-direction:column;padding:70px 0 20px;gap:0;overflow-y:auto;}
header nav.open{right:0;}
header nav a{color:#e5e7eb;text-decoration:none;font-size:15px;padding:14px 22px;transition:all .2s;border-left:3px solid transparent;display:block;}
header nav a:hover{background:#11233b;border-left-color:#38bdf8;color:#38bdf8;}
header .container{position:relative;flex-wrap:nowrap;}
}
/* === X11 BURGER NAV END === */

/* === X11 COMPACT MOBILE NAV START === */
@media (max-width:900px){
header{padding:0 !important;}
header .container{padding:10px 16px !important;min-height:auto !important;display:flex !important;align-items:center !important;justify-content:space-between !important;}
header h1{margin:0 !important;padding:0 !important;font-size:17px !important;line-height:1 !important;}
header h1 a{display:inline-block;line-height:1;}
.nav-burger{margin:0 !important;}
}
/* === X11 COMPACT MOBILE NAV END === */

/* === X11 NAV ROW FIX START === */
@media (max-width:900px){
header .container{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;flex-wrap:nowrap !important;padding:10px 16px !important;gap:12px !important;}
header h1{margin:0 !important;padding:0 !important;font-size:17px !important;line-height:1 !important;text-align:left !important;display:inline-block !important;flex:0 0 auto !important;width:auto !important;}
header h1 a{display:inline-block !important;line-height:1 !important;text-decoration:none !important;}
.nav-burger{margin:0 !important;flex:0 0 auto !important;order:2 !important;}
}
/* === X11 NAV ROW FIX END === */


/* ===== X15 TABLE NORMALIZATION (FINAL, DO NOT REVERT) ===== */
/* Tables stay tables. Horizontal scroll only on wrappers. */
.exchange-panel table.exchange-table,
.exchange-table-wrap table.exchange-table {
    display: table !important;
    overflow: visible !important;
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}
.safe-block-table-wrap table.safe-block-table {
    display: table !important;
    overflow: visible !important;
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
}
/* Wrappers = the only scroll containers */
.exchange-table-wrap,
.safe-block-table-wrap {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* --- X15 PATCH 02: grid/flex min-width:0 so wrappers can actually shrink --- */
/* Any direct child of a grid/flex that contains a table wrapper must be allowed to shrink */
.safe-block-stack,
.safe-block-grid-2,
.exchanges-grid-2,
.exchange-hero,
.exchange-links-grid {
    min-width: 0;
}
.safe-block-stack > *,
.safe-block-grid-2 > *,
.exchanges-grid-2 > *,
.exchange-hero > *,
.exchange-links-grid > * {
    min-width: 0;
}
.safe-block-mini,
.exchanges-card,
.exchanges-section-card,
.exchange-card,
.exchange-panel {
    min-width: 0;
    max-width: 100%;
}
/* belt-and-suspenders: stop any accidental horizontal overflow on body/main */
main, body {
    overflow-x: hidden;
}
/* ===== X15 END ===== */

/* ===== X15.S01 BREADCRUMB NAV (variant A, minimal) ===== */
/* High-specificity rules using .bc-nav prefix + !important where needed to beat global nav rules */
nav.bc-nav {
    display: block !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.08);
    margin: 0 0 8px !important;
    padding: 0 !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    box-shadow: none !important;
}
nav.bc-nav .bc-inner {
    display: block;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 16px;
    font-size: 13px;
    color: #9fb2c9;
    line-height: 1.4;
    box-sizing: border-box;
}
nav.bc-nav a.bc-link {
    color: #67b7ff !important;
    text-decoration: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    display: inline !important;
    font-size: inherit !important;
    transition: color .15s ease;
}
nav.bc-nav a.bc-link:hover {
    color: #8fc9ff !important;
    text-decoration: underline !important;
}
nav.bc-nav span.bc-sep {
    display: inline-block;
    padding: 0 8px;
    color: #5a6b82;
}
nav.bc-nav span.bc-current {
    color: #c2d2e6;
}
@media (max-width: 560px) {
    nav.bc-nav .bc-inner {
        padding: 8px 12px;
        font-size: 12px;
    }
    nav.bc-nav span.bc-sep {
        padding: 0 6px;
    }
}
/* ===== X15.S01 END ===== */