From abe050f08f26fa63f94a7aa5ac8cc8327b3151a3 Mon Sep 17 00:00:00 2001 From: fbarez Date: Fri, 6 Nov 2026 19:47:07 +0000 Subject: [PATCH] Header: centre 'for AI Safety' under the title's first line On narrow screens (<40rem), where the title wraps freely, it stays left-aligned. --- src/styles/global.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/styles/global.css b/src/styles/global.css index 62d531d16a..15ba66cf54 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -81,9 +81,9 @@ button { font: inherit; color: inherit; } /* ---------- masthead ---------- */ .site-header { border-bottom: 1px solid var(--hair); background: var(--paper); } .site-header .inner { max-width: 82rem; margin: 0 auto; display: flex; align-items: baseline; gap: 2rem; padding: 1rem 1.25rem .9rem; } -.brand { font-family: var(--display); font-size: .9rem; line-height: 1.2; color: var(--ink); text-decoration: none; white-space: nowrap; letter-spacing: -0.05em; } +.brand { display: inline-block; text-align: center; font-family: var(--display); font-size: .9rem; line-height: 1.2; color: var(--ink); text-decoration: none; white-space: nowrap; letter-spacing: -0.05em; } .brand:hover { color: var(--ink); } -@media (max-width: 40rem) { .brand { white-space: normal; font-size: 1.02rem; line-height: 1.25; min-width: 0; } } +@media (max-width: 40rem) { .brand { white-space: normal; text-align: left; font-size: 1.02rem; line-height: 1.25; min-width: 0; } } .brand em { font-style: italic; } .site-nav { display: flex; gap: 1.4rem; margin-left: auto; flex-wrap: wrap; justify-content: flex-end; } .site-nav a { color: var(--ink-2); text-decoration: none; font-size: .9rem; white-space: nowrap; }