.wpil-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	vertical-align: middle;
}
.wpil-icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: inherit;
	stroke: inherit;
}
/* Stroke-width override: beats each icon's own stroke-width="…" attribute
   because a stylesheet rule always outranks a presentation attribute. */
.wpil-icon svg [stroke-width] {
	stroke-width: var(--wpil-sw, inherit);
}
a.wpil-icon-link {
	display: inline-flex;
	text-decoration: none;
	color: inherit;
}
.wpil-icon.alignleft { float: left; margin-right: .5em; }
.wpil-icon.alignright { float: right; margin-left: .5em; }
.wpil-icon.aligncenter { display: flex; margin-left: auto; margin-right: auto; }