/* Site chrome + article pages. The trainer page keeps its own inline styles; this file only adds nav, footer and articles. */
:root{
  --felt:#0f5b3a; --bg:#0d1512; --panel:#16211c; --panel-2:#1d2b25; --text:#e8efe9; --muted:#a9bfb2; --gold:#e8c35a; --link:#9fd9b8;
  --c-H:#e9ecef; --c-S:#f2d65c; --c-D:#4cc27a; --c-Ds:#8fdcae; --c-P:#6fa3ec; --c-Pc:#bcd4f7; --c-R:#ffffff;
}
html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--link)}
a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

.sitenav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;padding:8px 16px;background:#0a110e;border-bottom:1px solid #000;font-size:14px}
.sitenav .brand{font-weight:700;color:var(--gold);text-decoration:none;margin-right:8px}
.sitenav ul{display:flex;flex-wrap:wrap;gap:4px 14px;list-style:none;margin:0;padding:0}
.sitenav a{color:var(--text);text-decoration:none}
.sitenav a:hover,.sitenav a[aria-current=page]{color:var(--gold);text-decoration:underline}
.apptitle{font-size:18px;font-weight:700;margin:0 12px 0 0;color:var(--gold)}

.article{max-width:780px;margin:0 auto;padding:16px 16px 32px}
.article.home{border-top:1px solid #ffffff14;margin-top:8px}
.article h1{font-size:32px;line-height:1.2;color:var(--gold);margin:12px 0 16px}
.article h2{font-size:23px;line-height:1.3;margin:32px 0 8px;color:var(--gold)}
.article h3{font-size:18px;margin:22px 0 6px}
.article p,.article li{color:#dbe7df}
.article ul,.article ol{padding-left:22px}
.article table:not(.bs){border-collapse:collapse;width:100%;margin:12px 0;font-size:15px}
.article table:not(.bs) th,.article table:not(.bs) td{border:1px solid #2b3d35;padding:6px 10px;text-align:left}
.article table:not(.bs) th{background:var(--panel-2)}
.article code{background:var(--panel-2);padding:1px 5px;border-radius:4px}
.crumbs{font-size:13px;color:var(--muted)}
.crumbs a{color:var(--muted)}
.cta{margin-top:32px;font-weight:700}
.cta a{display:inline-block;background:var(--gold);color:#1a1a1a;padding:10px 16px;border-radius:8px;text-decoration:none}

/* Strategy charts */
figure.chart{margin:20px 0;background:var(--panel);border-radius:12px;padding:12px}
figure.chart figcaption{font-weight:700;margin-bottom:8px}
figure.chart .scroll{overflow-x:auto}
table.bs{border-collapse:collapse;width:100%;min-width:420px;font-size:13px}
table.bs th,table.bs td{border:1px solid #0b120f;text-align:center;padding:4px 2px;font-weight:700}
table.bs th{background:#26362f;color:var(--muted)}
table.bs tr.sub th{background:#1f2d27;color:var(--gold)}
.c-H{background:var(--c-H);color:#333}.c-S{background:var(--c-S);color:#333}.c-D{background:var(--c-D);color:#05361b}
.c-Ds{background:var(--c-Ds);color:#05361b}.c-P{background:var(--c-P);color:#fff}.c-Pc{background:var(--c-Pc);color:#143a6e}
.c-R{background:var(--c-R);color:#a01818}
ul.legend{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 12px;font-size:13px;color:var(--muted)}
ul.legend span{display:inline-block;min-width:28px;text-align:center;border-radius:3px;font-weight:700;margin-right:4px}
figure.chart .note{font-size:13px;color:var(--muted);margin:6px 0 0}

/* House edge calculator */
form.calc{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;background:var(--panel);padding:14px;border-radius:12px}
form.calc label{display:flex;flex-direction:column;font-size:14px;color:var(--muted);gap:4px}
form.calc select{font:inherit;padding:6px;border-radius:6px}
.result{background:#0006;border-radius:12px;padding:12px 14px;margin:12px 0}
.result #edge{font-size:28px;color:var(--gold)}
.result table{font-size:13px;color:var(--muted)}

.ad{min-height:280px;margin:24px 0}

.sitefoot{max-width:780px;margin:0 auto;padding:16px;font-size:13px;color:var(--muted);text-align:center}
.sitefoot a{color:var(--muted)}

@media print{
  .sitenav,.sitefoot,.cta,.ad,.crumbs{display:none}
  html,body{background:#fff;color:#000}
  .article p,.article li{color:#000}
  figure.chart{background:#fff;break-inside:avoid}
}