/* Opt-in learning surfaces only; the existing game and brand stay intact. */
.rule-preview{padding:12px 0;border-bottom:1px solid var(--line)}
.rule-preview h3{margin:0 0 8px;font-size:1rem}
.rule-preview p,.rule-preview li{font-size:1rem;line-height:1.45;overflow-wrap:anywhere}
.rule-preview summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-weight:700}
.training-sample{display:flex;justify-content:center;padding:12px}
.game-dialog .training-sample~.btn{margin-top:8px}
body[data-training=true] .training-progress{font:inherit;color:inherit;background:transparent;cursor:pointer;min-width:48px;min-height:44px;white-space:nowrap}
body[data-training=true] .training-turn p{font-size:14px;line-height:1.3;max-height:none;overflow:visible}
body[data-training=true] .training-turn strong{font-size:22px}
@media(max-height:600px){body[data-training=true] .training-turn strong{font-size:19px}body[data-training=true] .training-turn p{font-size:13px}}
html[data-readable=true] .training-sample .card{width:96px;height:144px}

.learning-dialog .section-heading{gap:12px;align-items:flex-start}
.learning-dialog .section-heading h2{letter-spacing:-.015em;line-height:1.2;min-width:0;overflow-wrap:anywhere}
.learning-dialog .section-heading .icon-btn{flex:none}