/* Shared styles for standalone SEO landing pages (poker-with-friends.html,
   large-group-poker-tournaments.html, and any future ones). These pages
   live outside the hash-routed app so they're separately indexable, but
   they reuse the exact same brand tokens/fonts as index.html so a visitor
   can't tell they're a different codebase. Hard edges, flat color, one
   accent, no glow/blur/gradient chrome, per the site's design system. */
:root{
  --bg:#0B0C0E;
  --black-1:#07080A; --black-2:#101215;
  --surface-1:#15171B; --surface-2:#1D2026; --surface-3:#272B32;
  --rule:#333842; --rule-soft:#33384280;
  --ink-1:#F4F6F8; --ink-2:#DFE3E8; --ink-3:#7E858F;
  --coral:#E2523B; --coral-ink:#0D0D0F;
  --honey:#E0C070; --honey-ink:#1A1508;
  --sage:#C7D1B8;
  --font-display:"Mulish","Helvetica Neue",Arial,sans-serif;
  --font-ui:"Karma","Iowan Old Style",Georgia,serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink-1);font-family:var(--font-display)}
img{max-width:100%;display:block}
a{color:inherit}
.mk-wrap{max-width:1200px;margin:0 auto;padding:0 40px}
header.mk-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 40px;background:rgba(11,12,14,.92);border-bottom:1px solid var(--rule-soft);backdrop-filter:none}
header.mk-header img{height:22px;display:block}
header.mk-header nav{display:flex;align-items:center;gap:24px}
header.mk-header nav a{font:700 12px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);text-decoration:none}
header.mk-header nav a.cta{color:var(--coral)}
.mk-hero{padding:88px 40px 56px;text-align:center;border-bottom:1px solid var(--rule-soft)}
.mk-hero .eyebrow{display:inline-block;font:800 11px/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--honey);margin-bottom:20px}
.mk-hero h1{margin:0 auto;font:800 clamp(34px,5.2vw,64px)/1.05 var(--font-display);letter-spacing:-.03em;color:var(--ink-1);max-width:18ch;text-wrap:balance}
.mk-hero p{margin:24px auto 0;max-width:62ch;font-size:18px;line-height:1.6;color:var(--ink-2)}
.mk-cta-row{margin-top:36px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.mk-btn{display:inline-block;padding:16px 28px;font:800 13px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;cursor:pointer}
.mk-btn.primary{background:var(--coral);color:var(--coral-ink)}
.mk-btn.outline{background:transparent;color:var(--ink-1);border-color:var(--rule)}
.mk-section{padding:64px 40px;border-bottom:1px solid var(--rule-soft)}
.mk-section h2{margin:0 0 8px;font:800 clamp(24px,3vw,36px)/1.1 var(--font-display);letter-spacing:-.02em;color:var(--ink-1)}
.mk-section .lede{margin:0 0 40px;max-width:64ch;font-size:16px;line-height:1.6;color:var(--ink-2)}
.mk-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule)}
.mk-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--rule)}
.mk-card{background:var(--surface-1);padding:28px}
.mk-card .num{font:900 14px/1 var(--font-display);color:var(--coral);letter-spacing:.04em;margin-bottom:14px;display:block}
.mk-card h3{margin:0 0 10px;font:800 20px/1.2 var(--font-display);color:var(--ink-1)}
.mk-card p{margin:0;font-size:14px;line-height:1.55;color:var(--ink-2)}
.mk-compare{width:100%;border-collapse:collapse}
.mk-compare th,.mk-compare td{text-align:left;padding:16px 20px;border-bottom:1px solid var(--rule-soft);font-size:14px}
.mk-compare th{font:800 11px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.mk-compare td.you{color:var(--sage);font-weight:700}
.mk-compare tr.you-row td{background:rgba(199,209,184,.05)}
.mk-faq{max-width:820px}
.mk-faq details{border-bottom:1px solid var(--rule-soft);padding:20px 0}
.mk-faq summary{cursor:pointer;font:700 16px/1.4 var(--font-display);color:var(--ink-1);list-style:none}
.mk-faq summary::-webkit-details-marker{display:none}
.mk-faq summary::before{content:"+ ";color:var(--coral);font-weight:900}
.mk-faq details[open] summary::before{content:"\2013 "}
.mk-faq p{margin:14px 0 0;font-size:15px;line-height:1.6;color:var(--ink-2)}
.mk-disclaimer{font-size:11px;line-height:1.5;font-weight:800;color:var(--coral);max-width:60ch;margin:0 auto;text-align:center}
footer.mk-footer{padding:48px 40px 36px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}
footer.mk-footer img{height:26px}
footer.mk-footer .links{display:flex;gap:28px;flex-wrap:wrap;justify-content:center}
footer.mk-footer .links a{font-size:13px;color:var(--ink-2);text-decoration:none}
footer.mk-footer .copy{font:700 10px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
@media (max-width:760px){
  .mk-grid3{grid-template-columns:1fr}
  .mk-grid2{grid-template-columns:1fr}
  header.mk-header{padding:16px 20px}
  header.mk-header nav{gap:14px}
  .mk-hero{padding:64px 20px 40px}
  .mk-section{padding:48px 20px}
}