/* Shared media slots: absent assets produce no image or extra empty space. */
img.media-class-icon{object-fit:contain}
.media-inline-icon{display:inline-block;vertical-align:middle;width:22px;height:22px;object-fit:contain;margin-right:7px;flex-shrink:0}
.route-skill-chain>a:has(.media-inline-icon){display:inline-flex;align-items:center}
.media-gear-icon{display:block;width:30px;height:30px;object-fit:contain}
.media-playbook-icon{display:block;width:34px;height:34px;object-fit:contain;flex-shrink:0}
.playbook-gear .media-playbook-icon{margin-bottom:12px}
.playbook-spell-index>a:has(.media-inline-icon){grid-template-columns:22px minmax(0,1fr) auto auto}
.playbook-spell-index .media-inline-icon{margin-right:0}
.media-reference-icon{display:block;width:32px;height:32px;object-fit:contain;margin-bottom:12px}
.media-reference-zone{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:14px}
img.media-db-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0}
img.media-db-icon-large{width:46px;height:46px}
.media-db-zone{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0 0 22px}
@media(max-width:700px){img.media-db-icon-large{width:38px;height:38px}.media-inline-icon{width:20px;height:20px}.playbook-spell-index>a:has(.media-inline-icon){grid-template-columns:20px minmax(0,1fr) auto}.playbook-spell-index>a:has(.media-inline-icon)>span:not([aria-hidden]){grid-column:2;grid-row:2}.playbook-spell-index>a:has(.media-inline-icon)>span[aria-hidden]{grid-column:3;grid-row:1}.playbook-spell-index>a:has(.media-inline-icon)>.media-inline-icon{grid-row:1 / span 2}}

.article-media{display:block;max-width:100%;height:auto;margin:1.5rem auto}

.media-playbook-portrait{display:block;width:100%;height:100%;object-fit:cover}