/* Shared styling for the static /blog guide pages (Poker Night brand: Midnight
   Teal palette, Georgia serif headings, system sans body). Self-contained, no
   external fonts — fast Core Web Vitals, fully crawlable. */
:root { --bg:#081014; --card:#10222a; --gold:#c9a227; --gold-lt:#e0bc45; --text:#f3eddf; --dim:#7e94a0; }
* { box-sizing:border-box; margin:0; }
body { background:var(--bg); color:var(--text); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; line-height:1.7; -webkit-font-smoothing:antialiased; }
.wrap { max-width:720px; margin:0 auto; padding:0 20px 80px; }
header.site { padding:22px 0; display:flex; align-items:center; justify-content:space-between; }
.brand { font-family:Georgia,'Times New Roman',serif; font-size:1.35rem; color:var(--text); text-decoration:none; }
.brand b { color:var(--gold); font-weight:600; }
.cta-top { background:var(--gold); color:#0a0a0a; text-decoration:none; font-weight:600; font-size:.8rem; padding:9px 16px; border-radius:8px; }
.kicker { font-family:ui-monospace,Menlo,monospace; font-size:.7rem; letter-spacing:.22em; text-transform:uppercase; color:var(--gold); margin-top:26px; }
h1 { font-family:Georgia,serif; font-weight:600; font-size:2.5rem; line-height:1.12; margin:12px 0 10px; }
.meta { color:var(--dim); font-size:.85rem; margin-bottom:8px; }
.lede { font-size:1.15rem; color:#d8d2c4; margin:18px 0 8px; }
h2 { font-family:Georgia,serif; font-weight:600; font-size:1.65rem; margin:44px 0 12px; }
h3 { font-family:Georgia,serif; font-weight:600; font-size:1.2rem; margin:28px 0 8px; }
p, li { color:#e4ddcf; }
ul, ol { margin:12px 0 12px 22px; }
li { margin:7px 0; }
a { color:var(--gold-lt); }
strong { color:#f3eddf; }
.card { background:var(--card); border:1px solid rgba(201,162,39,.25); border-radius:14px; padding:22px 24px; margin:26px 0; }
.card h3 { margin-top:0; }
.tool-links { list-style:none; margin:14px 0 0; padding:0; }
.tool-links li { margin:0 0 10px; }
.tool-links a { display:inline-block; font-weight:600; }
table { width:100%; border-collapse:collapse; margin:16px 0; font-size:.92rem; }
th, td { text-align:left; padding:9px 12px; border-bottom:1px solid rgba(255,255,255,.08); }
th { font-family:ui-monospace,Menlo,monospace; font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:var(--dim); }
.final-cta { text-align:center; background:var(--card); border:1px solid rgba(201,162,39,.3); border-radius:16px; padding:34px 24px; margin:46px 0 0; }
.final-cta h2 { margin-top:0; }
.btn { display:inline-block; background:var(--gold); color:#0a0a0a; text-decoration:none; font-weight:700; padding:13px 28px; border-radius:10px; margin-top:8px; }
.related { margin:40px 0 0; padding:22px 0 0; border-top:1px solid rgba(255,255,255,.08); }
.related h2 { font-size:1.1rem; margin:0 0 12px; }
.related ul { list-style:none; margin:0; padding:0; }
.related li { margin:8px 0; }
footer.site { border-top:1px solid rgba(255,255,255,.08); margin-top:56px; padding:26px 0; color:var(--dim); font-size:.8rem; text-align:center; }
footer.site a { color:var(--dim); }
