.dragonheartRules { box-sizing: border-box; min-width: 0; container: dragonheart-rules / inline-size; }
.dragonheartRules img { max-width: 100%; height: auto; }
.dragonheartRules img[height] { width: auto; max-height: 120px; }
.dragonheartRules table { width: 100%; max-width: 100%; border-collapse: collapse; }
.dragonheartRules td { padding: .5em; vertical-align: top; overflow-wrap: anywhere; }
@container dragonheart-rules (max-width: 600px) {
    .dragonheartRules table, .dragonheartRules tbody, .dragonheartRules tr, .dragonheartRules td { display: block; width: auto; }
    .dragonheartRules table { width: 100% !important; }
    .dragonheartRules thead { display: none; }
    .dragonheartRules tr { margin-bottom: 1em; }
    .dragonheartRules td { border: 0; }
}