/* Compact, colour-consistent artwork, independent of OS emoji fonts. */
.nav-art{display:inline-block;width:48px;height:48px;max-width:100%;flex:none;object-fit:contain;vertical-align:middle}
.nav-art.grade-art{width:72px;height:72px}
.gcard .grade-art{margin:0 0 4px}
.icon-heading{display:flex;align-items:center;gap:12px}
.icon-heading>span{min-width:0;overflow-wrap:anywhere}
.grade-head .icon-heading .nav-art{width:64px;height:64px}
.main-menu a,.home-menu-links a{display:flex;align-items:center;gap:10px}
.main-menu .nav-art,.home-menu-links .nav-art{width:36px;height:36px}
.ch-head .nav-art{width:46px;height:46px}
.tile>.nav-art,.dcard>.nav-art{width:40px;height:40px;margin-bottom:4px}
.guide-index-card>.grade-art{margin-bottom:12px}
.abi-course-mark{display:grid;justify-items:center;gap:3px}
.abi-course-mark .nav-art{width:44px;height:44px}
.abi-course-mark .abi-course-number{background:none;min-height:0;font-size:12px;line-height:1.3}
.abi-course-nav a,.abi-course-tabs a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;white-space:normal}
.abi-course-nav .nav-art,.abi-course-tabs .nav-art{width:26px;height:26px}
.how-ic.nav-art{display:block}
body.zoom-small .icon-heading{align-items:flex-start;gap:8px}
body.zoom-small .icon-heading .nav-art{width:36px;height:36px}
body.zoom-small .abi-course-mark .nav-art{width:30px;height:30px}
body.zoom-small .main-menu .nav-art,body.zoom-small .home-menu-links .nav-art{width:30px;height:30px}
body.zoom-small .gcard .gbadge{position:static;align-self:flex-start;margin-top:6px}
@media print{.nav-art{print-color-adjust:exact;-webkit-print-color-adjust:exact}}