/* * Legacy rendering-mode compatibility shim — NOT a design change. * * The original site is served with an XHTML 1.0 Transitional DOCTYPE, which puts * browsers in "almost standards mode". In that mode, a line box whose only content * is an image hugs the image — there is no below-baseline descender gap under it. * * Next.js (App Router) always emits the HTML5 ``, which forces full * standards mode, where inline images keep the font's descender space below the * baseline (~6px). That gap made the floated logo intrude into the main nav row, * wrapping it, and would add stray gaps under images site-wide. * * Next gives no way to change the emitted doctype, so we emulate the legacy * line-box behavior here. Loaded BEFORE the original template CSS so any explicit * vertical-align in the originals still wins. */ img { vertical-align: bottom; }