/* The guides (how to play, rules, Cabo, names, strategy, play online): plain, readable pages in the
   game's colours, each with a way into the game. Built on legal.css. */
.guides { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 14px; margin: 0 0 20px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.guides a { text-decoration: none; color: var(--dim); }
.guides a[aria-current="page"] { color: var(--marigold); font-weight: 700; }
.lede { font-size: 18px; color: var(--cream); margin: 6px 0 18px; }
.play { display: inline-block; margin: 6px 0 10px; padding: 14px 26px; border-radius: 999px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none; color: #1b0e1a; background: linear-gradient(90deg, var(--marigold), var(--pink)); box-shadow: 0 10px 24px rgba(232, 68, 122, 0.3); }
.play:hover { filter: brightness(1.06); }
.play-note { font-size: 13px; color: var(--dim); margin: 0 0 6px; }
.cta { margin: 36px 0 0; padding: 20px 18px; border-radius: 16px; text-align: center; background: var(--panel); border: 1px solid var(--line); }
.cta h2 { margin-top: 0; }
.card { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; height: 40px; padding: 0 5px; margin: 0 2px; border-radius: 6px; background: #fbf6ea; color: #1d1a1a; font-family: Fraunces, Georgia, serif; font-weight: 900; font-size: 15px; vertical-align: middle; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); }
.card.red { color: #c8102e; }
.cards { margin: 8px 0; }
.note { background: rgba(34, 184, 176, 0.1); border: 1px solid rgba(34, 184, 176, 0.4); border-radius: 12px; padding: 10px 14px; margin: 14px 0; }
.faq h3 { font-size: 17px; margin: 18px 0 4px; }
.faq p { margin: 0 0 6px; }
ol li, ul li { margin: 4px 0; }
footer { margin-top: 40px; font-size: 13px; color: var(--dim); }
footer a { color: var(--dim); }