/* Shared styles for Poker Tracker content/SEO pages. */
:root{--bg:#0A0A0C;--surface:#17171B;--elev:#202026;--border:rgba(255,255,255,0.08);--strong:rgba(255,255,255,0.14);
  --accent:#E7ECF7;--onAccent:#0A0A0C;--win:#2FE6A0;--loss:#FF6B81;--tp:#F2F3F6;--ts:#9A9AA4;--tm:#74747E;
  --disp:"Schibsted Grotesk",sans-serif;--mono:"DM Mono",monospace}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
body{background:var(--bg);color:var(--tp);font-family:var(--disp);line-height:1.65}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
a{color:var(--accent);text-decoration:none}
nav{height:72px;display:flex;align-items:center}
.wm{display:flex;align-items:center;gap:10px;font:800 18px/1 var(--disp);letter-spacing:-0.02em;color:var(--tp)}
header.hero{padding:36px 0 8px}
.crumb{font:500 12px/1 var(--mono);letter-spacing:0.14em;text-transform:uppercase;color:var(--win);margin-bottom:18px}
.crumb a{color:var(--tm);text-decoration:none}
h1{font:800 clamp(32px,5.5vw,50px)/1.05 var(--disp);letter-spacing:-0.03em;margin-bottom:18px}
.lede{font-size:18px;color:var(--ts);line-height:1.6;max-width:62ch}
article{padding-top:8px}
article a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
article h2{font:700 26px/1.15 var(--disp);letter-spacing:-0.02em;margin:44px 0 12px}
article h3{font:600 19px/1.3 var(--disp);margin:28px 0 8px}
article p{color:var(--ts);margin-bottom:15px;font-size:16.5px}
article strong{color:var(--tp);font-weight:600}
article ul,article ol{margin:2px 0 18px;padding-left:0;list-style:none}
article li{color:var(--ts);margin-bottom:10px;padding-left:24px;position:relative;font-size:16.5px}
article ul li::before{content:"›";position:absolute;left:6px;color:var(--win);font-family:var(--mono)}
article ol{counter-reset:s}
article ol li{padding-left:36px}
article ol li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:2px;width:22px;height:22px;background:var(--accent);color:var(--bg);border-radius:6px;font:700 11px/22px var(--disp);text-align:center}
.callout{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--win);border-radius:12px;padding:16px 20px;margin:22px 0;color:var(--ts);font-size:16px}
.callout strong{color:var(--tp)}
.tablewrap{overflow-x:auto;margin:20px 0}
table{border-collapse:collapse;width:100%;font-size:15px;min-width:460px}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:top;color:var(--ts)}
th{font:600 11px/1.3 var(--mono);letter-spacing:0.06em;text-transform:uppercase;color:var(--tm)}
td strong{color:var(--tp)} .yes{color:var(--win)}
.cta{display:block;background:var(--accent);color:var(--onAccent);border-radius:16px;padding:20px;text-align:center;font:700 17px/1.3 var(--disp);margin:44px 0 8px}
.cta small{display:block;font:400 13px/1.4 var(--mono);opacity:0.7;margin-top:6px}
.faq{margin-top:44px}
.faq h2{font:700 26px/1.15 var(--disp);letter-spacing:-0.02em;margin-bottom:6px}
.faqItem{border-top:1px solid var(--border);padding:22px 0}
.faqItem:last-child{border-bottom:1px solid var(--border)}
.faqItem h3{margin:0 0 8px;font:600 18px/1.3 var(--disp);color:var(--tp)}
.faqItem p{color:var(--ts);font-size:15.5px}
.related{margin-top:48px}
.related .k{font:600 11px/1 var(--disp);letter-spacing:0.1em;text-transform:uppercase;color:var(--tm);margin-bottom:14px}
.related a{display:block;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:15px 18px;margin-bottom:10px;color:var(--tp);font-weight:600;text-decoration:none;transition:border-color .15s}
.related a:hover{border-color:var(--strong)}
.related a span{display:block;font:400 13px/1.4 var(--mono);color:var(--ts);margin-top:4px;font-weight:400}
footer{border-top:1px solid var(--border);margin-top:56px;padding:32px 0 80px}
footer .links{display:flex;gap:22px;flex-wrap:wrap;font:500 13px/1 var(--disp);color:var(--ts)}
footer .links a{color:var(--ts)} footer .links a:hover{color:var(--tp)}
footer .copy{font:400 12px/1 var(--mono);color:var(--tm);margin-top:16px}
