/* The Classics game pages (Crazy Eights, Liar's Dice, Yacht, the Vault): rules tables, steps and tips. Scott, 2026-10-28. */
.gd-classics .cl-card .copy .gb-ctas { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 1rem; }
.gd-classics .guide-body h3 { margin: 1.5rem 0 0.4rem; font-size: 1.12rem; }
.gd-classics .cl-steps, .gd-classics .cl-tips { margin: 0.6rem 0 1rem; padding-left: 1.3rem; }
.gd-classics .cl-steps li, .gd-classics .cl-tips li { margin: 0.55rem 0; line-height: 1.5; }
.gd-classics .cl-steps li b, .gd-classics .cl-tips li b { color: #f0c25a; }
.gd-classics .cl-list { margin: 0.5rem 0 1rem; padding-left: 1.3rem; }
.gd-classics .cl-list li { margin: 0.35rem 0; line-height: 1.5; }
.gd-classics .cl-table-wrap { margin: 1rem 0 1.4rem; border: 1px solid #343b3d; border-radius: 0.35rem; background: rgba(16, 19, 20, 0.85); overflow-x: auto; max-width: 100%; }
.gd-classics .cl-table { width: 100%; border-collapse: collapse; font-size: 0.95rem; font-variant-numeric: tabular-nums; }
.gd-classics .cl-table caption { text-align: left; padding: 0.7rem 0.8rem 0.4rem; font-weight: 700; color: #f0c25a; }
.gd-classics .cl-table th, .gd-classics .cl-table td { text-align: left; vertical-align: top; padding: 0.55rem 0.8rem; border-bottom: 1px solid #2a3133; }
.gd-classics .cl-table thead th { background: linear-gradient(180deg, #2a2412, #1c180c); color: #f0c25a; font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; }
.gd-classics .cl-table tbody th { font-weight: 700; white-space: nowrap; }
.gd-classics .cl-table tbody tr:nth-child(even) { background: rgba(255, 255, 255, 0.025); }
.gd-classics .cl-table tbody tr:last-child th, .gd-classics .cl-table tbody tr:last-child td { border-bottom: 0; }
.gd-classics .cl-links { margin: 0.5rem 0 1rem; padding-left: 1.2rem; }
.gd-classics .cl-links li { margin: 0.4rem 0; }
@media (max-width: 480px) { .gd-classics .cl-table { font-size: 0.88rem; } .gd-classics .cl-table th, .gd-classics .cl-table td { padding: 0.5rem 0.55rem; } .gd-classics .cl-table tbody th { white-space: normal; } }
/* the hero card is dark like the pack pages' (their light-on-dark text comes from the banner rules this page does not use) */
.gd-classics .game-hero .sheet.case { color: #efe6d6; }
.gd-classics .game-hero h1.town { color: #f3ead6; font-size: clamp(2.2rem, 6vw, 3.6rem); line-height: 0.95; margin: 0.4rem 0 0.2rem; }
.gd-classics .game-hero .title { color: #f0c25a; letter-spacing: 0.1em; text-transform: uppercase; font-size: 0.85rem; }
.gd-classics .game-hero .copy > p { color: #d9cbb8; }
.gd-classics .game-hero .chips { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.gd-classics .game-hero .chip { color: #efe6d6; border-color: rgba(240, 194, 90, 0.4); background: rgba(255, 255, 255, 0.05); }
.gd-classics .game-hero .tab { --accent: var(--gold, #e3a72f); }