/* GambleFiHub: /faq/game-mechanics/ comparison table */
.mech-page .m-updated { margin: 0 0 6px; color: #9aa3b5; font-size: .9rem; }
.m-table-wrap { margin-top: 28px; }
.m-table-wrap h2, .m-sources h2 { margin: 0 0 14px; font-size: 1.65rem; color: #f0edf6; letter-spacing: -.02em; }
.m-filters { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 14px; }
.m-filters button { min-height: 40px; padding: 7px 14px; border: 1px solid #51456b; border-radius: 999px; background: #182237; color: #d8c6e8; font: inherit; font-size: .88rem; cursor: pointer; }
.m-filters button:hover { background: #35294a; color: #fff; }
.m-filters button[aria-pressed="true"] { background: #9677b7; border-color: #b596d6; color: #fff; }
.m-filters button:focus-visible, .m-scroll:focus-visible { outline: 3px solid #ffbd59; outline-offset: 2px; }
.m-count { color: #9aa3b5; font-size: .88rem; margin-left: 4px; }
.m-scroll { overflow-x: auto; border: 1px solid #ffffff16; border-radius: 14px; background: #161e2f; -webkit-overflow-scrolling: touch; }
.m-table { width: 100%; min-width: 1180px; border-collapse: separate; border-spacing: 0; font-size: .88rem; line-height: 1.5; color: #cdd5e2; }
.m-table thead th { position: sticky; top: 0; z-index: 2; background: #1f2a40; color: #f0edf6; text-align: left; font-weight: 600; padding: 12px; border-bottom: 1px solid #ffffff1f; white-space: nowrap; }
.m-table td, .m-table tbody th { padding: 12px; vertical-align: top; border-bottom: 1px solid #ffffff10; text-align: left; }
.m-table tbody tr:last-child td, .m-table tbody tr:last-child th { border-bottom: 0; }
.m-table tbody tr:nth-child(even) td, .m-table tbody tr:nth-child(even) th { background: #19233a; }
.m-table th:first-child { position: sticky; left: 0; z-index: 1; background: #161e2f; min-width: 130px; }
.m-table thead th:first-child { z-index: 3; background: #1f2a40; }
.m-table tbody th { font-weight: 600; white-space: nowrap; }
.m-table tbody th a { color: #f0edf6; text-decoration: underline; text-underline-offset: 3px; }
.m-table tbody th a:hover { color: #ffb344; }
.m-table sup a { color: #b9a0d6; font-size: .72rem; margin-left: 2px; text-decoration: none; }
.m-table td:nth-child(2) { min-width: 210px; } .m-table td:nth-child(6) { min-width: 210px; }
.m-chips { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 4px; }
.m-chip { display: inline-block; padding: 2px 8px; border-radius: 999px; background: #2a2440; border: 1px solid #4b3f66; color: #dccbef; font-size: .74rem; white-space: nowrap; }
.m-chip-t { background: #1f3040; border-color: #35546b; color: #c6e0f2; }
.m-tick { color: #f0edf6; }
.m-detail { color: #aab3c4; font-size: .82rem; }
.m-badge { display: inline-block; padding: 1px 8px; margin: 0 4px 3px 0; border-radius: 6px; font-size: .74rem; font-weight: 600; white-space: nowrap; background: #2a3247; color: #dfe5ef; }
.m-yes, .m-verified, .m-non-custodial { background: #1d3b33; color: #9fe3c6; }
.m-partial, .m-claimed, .m-flux, .m-no-kyc-claim { background: #3c3320; color: #f2d394; }
.m-none, .m-expired { background: #3a2430; color: #f0b4c8; }
.m-nc { color: #7f889b; font-style: italic; font-size: .82rem; }
.m-table tr[hidden] { display: none; }
.m-legend { margin: 12px 0 0; color: #9aa3b5; font-size: .86rem; line-height: 1.6; }
.m-sources { margin-top: 44px; }
.m-sources ol { margin: 0; padding-left: 1.4em; color: #c2c5cf; font-size: .86rem; line-height: 1.7; }
.m-sources li { margin-bottom: 6px; scroll-margin-top: 100px; word-break: break-word; }
.m-sources a { color: #d19afa; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 700px) {
    .m-table-wrap h2, .m-sources h2 { font-size: 1.35rem; }
    .m-table { font-size: .84rem; }
    .m-table th:first-child { min-width: 108px; }
    .m-filters button { font-size: .8rem; padding: 6px 11px; }
}
.m-table tbody th a.m-rk { display: block; width: fit-content; margin-top: 4px; font-size: .78rem; font-weight: 500; color: #ffbd59; }
.m-table tbody tr { scroll-margin-top: 96px; }
.m-table tbody tr:target th, .m-table tbody tr:target td { background: #2a2a44; }
