/* The creature index (/bestiary), on top of armory.css and items.css (the list, the detail panel and the filters are the item index's). */
.bestiary-page .itm-note { max-width: 70ch; color: var(--a-muted); margin: 10px 0 0; font-size: 0.92rem; }
.bestiary-page .itm-app { padding-top: 18px; }
.bst-count-a { color: #b6e3a0; border-color: #4f7a3f; }
.bst-count-e, .bst-count-b, .bst-count-m { color: var(--a-gold-2); border-color: #8a7a3a; }
.bst-count-f, .bst-count-x { color: #ffb3a8; border-color: #8a4a40; }
.bst-portrait { max-height: 110px; max-width: 120px; image-rendering: auto; border: 1px solid var(--a-line); border-radius: 4px; }
.bst-desc { font-style: italic; margin: 8px 0; max-width: 62ch; }
.bst-weak { color: #ffb3a8; }
.bst-strong { color: #b6e3a0; }
.bst-res { white-space: nowrap; }
.bst-help { color: var(--a-muted); font-size: 0.85rem; margin: 6px 0 0; }
.bst-how { max-width: 78ch; margin: 24px 0 8px; }
.bst-how > summary { cursor: pointer; font-family: var(--a-serif); font-size: 1.25rem; padding: 6px 0; min-height: 40px; }
.bst-how h3 { margin: 16px 0 4px; font-size: 1.02rem; }
.bst-how p, .bst-how li { line-height: 1.5; }
.bst-how table { border-collapse: collapse; width: 100%; font-size: 0.9rem; margin: 8px 0; }
.bst-how th, .bst-how td { border-bottom: 1px solid var(--a-line); padding: 3px 8px 3px 0; text-align: left; font-weight: normal; }
.bst-how thead th { color: var(--a-muted); font-size: 0.8rem; }
.bst-how .bst-tag { font-size: 0.72rem; padding: 0 6px; border: 1px solid var(--a-line); border-radius: 9px; color: var(--a-muted); white-space: nowrap; }
.itm-open .bst-big { display: none; }
.bst-prog-done { color: #b6e3a0; border-color: #4f7a3f; }
.bst-prog-started { color: var(--a-gold-2); border-color: #8a7a3a; }
.bst-help[data-prog]:empty { display: none; }