/* Semantic icon sizing. Theme colors come from the existing system palette. */
body.site-design .ds-icon {pointer-events:none;flex-shrink:0;overflow:visible}
body.site-design [data-icon] {display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
body.site-design .ds-nav-panel > a .ds-icon {width:22px;height:22px;color:var(--ds-accent);flex:0 0 22px}
body.site-design .ds-nav-panel > a > span {min-width:0}
body.site-design .ds-system-emblem {display:grid;place-items:center;margin:0 auto 14px;width:54px;height:54px;color:var(--ds-accent)}
body.site-design .system-card .ds-system-emblem .ds-icon {position:relative;width:46px;height:46px;filter:none}
body.site-design :is(.card-icon,.pip-icon) .ds-icon {width:36px;height:36px}
body.site-design :is(.cp-picker-icon,.pf2-equip-icon) .ds-icon {width:23px;height:23px}
body.site-design :is(.cp-items-group-title,.pf2-block-title) [data-icon] {margin-right:.35em}
@media (max-width:600px) {
 body.site-design .ds-system-emblem {width:42px;height:42px;margin-bottom:10px}
 body.site-design .system-card .ds-system-emblem .ds-icon {width:38px;height:38px}
 body.site-design :is(.card-icon,.pip-icon) .ds-icon {width:32px;height:32px}
}