/* Shared fixes for every tool page (loaded after each tool's own stylesheet).
 * Heading icon: tool CSS made .tool-title a flex row, so on long two-line titles the icon floated alone on the left.
 * Put the icon centred above the title instead — works for short and long titles, desktop and mobile. */
.tool-card .tool-header .tool-title { display: block; text-align: center; }
.tool-card .tool-header .tool-title .tool-icon { display: block; width: max-content; margin: 0 auto 10px; padding: 6px 4px 2px; font-size: 2.4rem; line-height: 1.15; }
@media (max-width: 768px) { .tool-card .tool-header .tool-title .tool-icon { font-size: 2rem; margin-bottom: 8px; } }