/* Steg 1 · Del D: Fördelningspoäng */
/* Spader och klöver ska vara svarta (suits.js ger dem klassen .bd men ingen färg, så de blir annars vita) */
.fp-intro .bd,.fp-exercise .bd,.fp-results .bd{color:#000}
.fp-situation{text-align:center;font-size:22px;margin:8px 0 0}
.fp-bid{font-size:1.2em;white-space:nowrap}
.fp-reminder{max-width:840px;margin:0 auto 18px;border:2px solid #ffffff80;border-radius:12px;padding:10px 16px;background:#ffffff14}
.fp-reminder summary{cursor:pointer}
.fp-reminder ul{margin:8px 0 0;padding-left:22px;line-height:1.5}
.fp-exercise #fp-feedback{max-width:840px;margin:24px auto;font-size:20px;line-height:1.6}
.fp-exercise #fp-next{display:block;margin:20px auto}
.fp-exercise #fp-next[hidden]{display:none}
.fp-exercise>.back{display:block;margin-top:32px}
.fp-exercise>.small{text-align:center}
.fp-table{border-collapse:collapse;margin:14px 0;width:100%;max-width:460px}
.fp-table th,.fp-table td{border:2px solid #ffffff80;padding:10px 14px;text-align:left}
.fp-table th{background:#ffffff1f}
.fp-obs{margin:18px 0;padding:10px 14px;border-left:4px solid #ffe480;background:#ffffff1f;border-radius:0 8px 8px 0;line-height:1.5}
.fp-obs p{margin:6px 0}
.fp-guide{margin-top:18px;padding:10px 14px;border-left:4px solid #ffffffb0;background:#ffffff14;border-radius:0 8px 8px 0;font-size:16px;line-height:1.5}
@media(min-width:901px){.hand-choices:has(#learn-fp){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.fp-situation{font-size:19px}.fp-results .actions{flex-direction:column}}