/* Calculators and training games: page-level finish. Colours inside each tool come from assets/css/tools/. */
body.pkc .space-page-content iframe { display: block; max-width: 100%; margin-inline: auto; border: 0; }

/* ICM calculator (written into the page): same card style as the bankroll calculator */
body.pkc #pcg-icm-calculator { max-width: 960px; margin: 1.5rem auto 2rem; font-family: var(--font-body, inherit); }
body.pkc #pcg-icm-calculator .pcg-container { padding: clamp(1.1rem, 3vw, 1.8rem); color: var(--text); border: 1px solid var(--border); border-radius: var(--radius-l); background: radial-gradient(520px 220px at 85% -10%, rgba(232, 67, 147, .35), transparent 70%), linear-gradient(135deg, #2b1148, #1b1427); box-shadow: var(--shadow-card), var(--glow-pink); }
body.pkc #pcg-icm-calculator h2 { color: #fff !important; font: 700 clamp(1.5rem, 4vw, 2.1rem)/1.15 var(--font-head); }
body.pkc #pcg-icm-calculator .pcg-subtitle { color: #f4c9de !important; }
body.pkc #pcg-icm-calculator label { color: var(--muted); font: 600 .78rem var(--font-label); letter-spacing: .1em; text-transform: uppercase; gap: .45rem; }
body.pkc #pcg-icm-calculator input { min-height: 46px; padding: .6rem .8rem; color: #f4f1fa; background: #0b0713; border: 1px solid rgba(255, 255, 255, .2); border-radius: var(--radius-m); font: 600 1rem var(--font-body, inherit); text-transform: none; letter-spacing: 0; }
body.pkc #pcg-icm-calculator input:focus { outline: 0; border-color: var(--secondary); box-shadow: 0 0 0 3px rgba(232, 67, 147, .28); }
body.pkc #pcg-icm-calculator button { min-height: 46px; padding: .75rem 1.6rem; color: #fff; border-radius: 999px; background: var(--brand-gradient); font: 700 .95rem var(--font-label); letter-spacing: .06em; text-transform: uppercase; box-shadow: 0 10px 26px rgba(208, 42, 126, .35); transition: transform .2s, box-shadow .2s; }
body.pkc #pcg-icm-calculator button:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(208, 42, 126, .5); }
body.pkc #pcg-icm-calculator table { border-radius: var(--radius-m); overflow: hidden; border-collapse: separate; border-spacing: 0; }
body.pkc #pcg-icm-calculator th { color: #fff; background: #421b6e; }
body.pkc #pcg-icm-calculator td { color: var(--text); background: rgba(0, 0, 0, .22); }
@media (max-width: 560px) { body.pkc #pcg-icm-calculator table { display: block; overflow-x: auto; } }