diff --git a/src/styles/gantry.css b/src/styles/gantry.css index a9f29e4..159912e 100644 --- a/src/styles/gantry.css +++ b/src/styles/gantry.css @@ -419,6 +419,25 @@ html .site-navigation[data-enhanced='true'][data-docked='true']::before { font-size: 0.8rem; } } +/* Narrow wide (1280-1439): eight exits share ~470 px, which squeezed each + label to ~58 px and broke "Experience" mid-word. A slightly narrower sign + window and a tighter type size give each exit ~64 px; words never split. */ +@media (min-width: 1280px) and (max-width: 1439px) { + :root { + --window-w: 288px; + } + html .site-navigation ul { + grid-template-columns: repeat(4, minmax(0, 1fr)) calc(var(--window-w) + 16px) repeat(4, minmax(0, 1fr)); + } + html .site-navigation a { + padding-inline: 0; + font-size: 0.7rem; + letter-spacing: 0; + overflow-wrap: normal; + word-break: keep-all; + hyphens: none; + } +} @media (min-width: 768px) and (max-width: 1099px) { html .site-navigation a::before { display: none; } html .site-navigation a { font-size: 0.68rem; line-height: 1.05; }