/* Guide pages, "What is Nexian", "How to start" (SEO plan 3, 2026-10-25).
   Sits inside the Rules / Terms document frame (scroll-section.css). Logical properties
   only, so the same rules read right for Hebrew (dir="rtl"); no -rtl twin needed. */

.nxg-section .scroll-section-title { font-size: 1.05rem; }

.nxg-bullets, .nxg-steps, .nxg-rewards {
    margin: 0 0 0.875rem;
    padding-inline-start: 1.4rem;
    color: rgba(205, 188, 150, 0.9);
    font-size: 1.02rem;
    line-height: 1.6;
}
.nxg-bullets li, .nxg-steps li, .nxg-rewards li { margin-block: 0.4rem; }
.nxg-bullets li::marker { color: var(--gold-500); }
.nxg-steps li::marker, .nxg-rewards li::marker { color: var(--gold-400); font-weight: 700; }
.nxg-bullets strong, .nxg-steps strong, .nxg-rewards strong { color: var(--gold-200); font-weight: 600; }

.nxg-table-wrap { overflow-x: auto; margin: 0.25rem 0 1rem; -webkit-overflow-scrolling: touch; }
.nxg-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
    color: rgba(205, 188, 150, 0.92);
}
.nxg-table th, .nxg-table td {
    padding: 0.45rem 0.6rem;
    border-bottom: 1px solid rgba(var(--gold-rgb), 0.15);
    text-align: start;
    vertical-align: top;
}
.nxg-table th {
    color: var(--gold-300);
    font-weight: 600;
    white-space: nowrap;
    border-bottom-color: rgba(var(--gold-rgb), 0.35);
}
.nxg-table tbody tr:nth-child(even) td { background: rgba(var(--gold-rgb), 0.03); }

.nxg-callout {
    margin: 0.5rem 0 0.75rem;
    padding: 0.65rem 0.9rem;
    border-inline-start: 3px solid var(--gold-500);
    background: rgba(var(--gold-rgb), 0.06);
    border-radius: 0.4rem;
    color: rgba(230, 214, 176, 0.95);
    line-height: 1.55;
}
.nxg-callout-warn { border-inline-start-color: #F87171; background: rgba(248, 113, 113, 0.07); }
.nxg-callout-rule { border-inline-start-color: #A78BFA; background: rgba(167, 139, 250, 0.07); }

.nxg-more {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem 1.25rem;
    margin: 1.5rem 1rem 0;
    padding-top: 1rem;
    border-top: 1px solid rgba(var(--gold-rgb), 0.18);
}
.nxg-more a { color: var(--gold-300); text-decoration: none; font-weight: 600; }
.nxg-more a:hover { color: var(--gold-100); text-decoration: underline; }

/* Guide index */
.nxg-index-group { margin-block: 0.25rem 0.5rem; }
.nxg-index { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.6rem; }
@media (min-width: 640px) { .nxg-index { grid-template-columns: 1fr 1fr; } }
.nxg-index a {
    display: block;
    height: 100%;
    padding: 0.7rem 0.9rem;
    border: 1px solid rgba(var(--gold-rgb), 0.2);
    border-radius: 0.5rem;
    background: rgba(var(--gold-rgb), 0.04);
    text-decoration: none;
}
.nxg-index a:hover { border-color: rgba(var(--gold-rgb), 0.5); background: rgba(var(--gold-rgb), 0.08); }
.nxg-index-title { display: block; color: var(--gold-200); font-weight: 600; }
.nxg-index-sub { display: block; color: rgba(190, 170, 130, 0.85); font-size: 0.9rem; margin-top: 0.15rem; }

.nxg-cta { display: flex; justify-content: center; margin: 1.5rem 1rem 0; }