/* ==========================================================================
   Teen Patti Master Win — GAME GUIDE PAGES (scoped under .mw-guide)
   Loaded only on the four /teen-patti* guide URLs. Uses redesign.css tokens.
   ========================================================================== */

.mw-guide { max-width: 880px; margin-inline: auto; }

.mw-guide h1 {
    color: var(--mw-gold);
    font-size: clamp(1.7rem, 4.5vw, 2.5rem);
    line-height: 1.22;
    margin-bottom: .6rem;
}

.mw-guide .mw-guide__meta {
    color: var(--mw-muted);
    font-size: .9rem;
    padding-bottom: 1.1rem;
    margin-bottom: 1.75rem;
    border-bottom: 1px solid var(--mw-border);
}
.mw-guide .mw-guide__meta a { color: var(--mw-gold); text-decoration: underline; text-underline-offset: 3px; }

.mw-guide h2 {
    color: var(--mw-gold);
    font-size: clamp(1.25rem, 3vw, 1.55rem);
    margin-top: 2.4rem;
    margin-bottom: .9rem;
}
.mw-guide h2::after {
    content: "";
    display: block;
    width: 56px; height: 3px;
    margin-top: .45rem;
    border-radius: 3px;
    background: var(--mw-grad-gold);
}
.mw-guide h3 { color: var(--mw-gold); font-size: 1.12rem; margin-top: 1.6rem; }

.mw-guide p, .mw-guide li { color: var(--mw-text); font-size: 1.02rem; line-height: 1.85; }
.mw-guide ul, .mw-guide ol { padding-left: 1.35rem; margin-bottom: 1.25rem; }
.mw-guide li { margin-bottom: .55rem; }
.mw-guide li::marker { color: var(--mw-gold-deep); font-weight: 700; }
.mw-guide a { color: var(--mw-gold); text-decoration: underline; text-underline-offset: 3px; }
.mw-guide a:hover { color: var(--mw-red); }
.mw-guide strong { color: var(--mw-text-strong); }

/* Data table (hand rankings / quick reference) */
.mw-guide .mw-guide__tablewrap { overflow-x: auto; margin: 1.4rem 0; }
.mw-guide table {
    width: 100%;
    border-collapse: collapse;
    background: var(--mw-maroon-2);
    border: 1px solid var(--mw-border);
    border-radius: var(--mw-radius-sm);
    overflow: hidden;
    font-size: .97rem;
}
.mw-guide th {
    background: var(--mw-surface);
    color: var(--mw-gold);
    font-weight: 800;
    text-align: left;
    padding: .7rem .85rem;
    border-bottom: 2px solid var(--mw-gold-soft);
    white-space: nowrap;
}
.mw-guide td { padding: .65rem .85rem; border-bottom: 1px solid var(--mw-border); color: var(--mw-text); }
.mw-guide tr:last-child td { border-bottom: 0; }
.mw-guide tr:hover td { background: var(--mw-surface); }

/* Tip / callout box */
.mw-guide .mw-guide__tip {
    background: var(--mw-surface);
    border: 1px solid var(--mw-gold-soft);
    border-left: 4px solid var(--mw-gold-deep);
    border-radius: var(--mw-radius-sm);
    padding: 1rem 1.25rem;
    margin: 1.5rem 0;
}
.mw-guide .mw-guide__tip p:last-child { margin-bottom: 0; }

/* Cross-link cards to the other guides */
.mw-guide .mw-guide__related { margin-top: 2.5rem; }
.mw-guide .mw-guide__related a {
    display: block;
    height: 100%;
    background: var(--mw-surface);
    border: 1px solid var(--mw-border);
    border-radius: var(--mw-radius);
    padding: 1rem 1.15rem;
    color: var(--mw-text);
    text-decoration: none;
    transition: transform .15s ease, border-color .15s ease;
}
.mw-guide .mw-guide__related a:hover { transform: translateY(-3px); border-color: var(--mw-gold-deep); }
.mw-guide .mw-guide__related strong { color: var(--mw-gold); display: block; margin-bottom: .3rem; }
.mw-guide .mw-guide__related span { color: var(--mw-muted); font-size: .88rem; line-height: 1.5; display: block; }

/* CTA panel */
.mw-guide .mw-guide__cta {
    margin-top: 2.5rem;
    text-align: center;
    background: var(--mw-maroon-2);
    border: 1px solid var(--mw-gold-soft);
    border-radius: var(--mw-radius);
    padding: 1.75rem 1.25rem;
}
.mw-guide .mw-guide__cta p { color: var(--mw-text); margin-bottom: 1rem; }

@media (max-width: 575.98px) {
    .mw-guide p, .mw-guide li { font-size: 1rem; }
}