/* Shared by index.html and people.html: the top bar, the STAGING band, the sign-in screens and
   the centred messages. Page-specific rules stay inline in each page. Needs tokens.css first. */
[hidden] { display: none !important; }
html, body { margin: 0; background: #040508; }
body { font-family: var(--font-anthropic-sans); color: #E9EAEE; }
.host-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1rem; padding: 0.5rem 16px; font-size: var(--cds-font-size-caption); color: #8E939D; border-bottom: 1px solid rgba(233, 234, 238, 0.12); background: #040508; }
.host-bar b { color: #E9EAEE; font-weight: 500; overflow-wrap: anywhere; }
.host-bar .grow { flex: 1 1 auto; }
.host-bar button { font: inherit; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #000; background: #FDF853; border: 0; border-radius: 6px; padding: 0.3rem 0.7rem; cursor: pointer; }
.host-bar a { color: #E9EAEE; }
.host-stage { background: #000; color: #FDF853; font-weight: 700; letter-spacing: 0.12em; text-align: center; font-size: var(--cds-font-size-caption); padding: 0.25rem 16px; border-bottom: 1px solid #FDF853; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid #FDF853; outline-offset: 2px; }
input:focus-visible { border-color: #FDF853; }
button:disabled { opacity: 0.5; cursor: default; }
.host-signin form { max-width: 24rem; display: flex; flex-direction: column; gap: 0.5rem; }
.host-signin label { color: #8E939D; }
.host-signin input { font: inherit; font-size: 1rem; color: #E9EAEE; background: #0B0D12; border: 1px solid rgba(233, 234, 238, 0.3); border-radius: 6px; padding: 0.6rem 0.7rem; box-sizing: border-box; width: 100%; }
.host-signin button[type=submit] { font: inherit; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #000; background: #FDF853; border: 0; border-radius: 6px; padding: 0.65rem 1rem; cursor: pointer; }
.host-signin .host-link { align-self: flex-start; font: inherit; color: #E9EAEE; background: none; border: 0; padding: 0.3rem 0; text-decoration: underline; cursor: pointer; }
.host-signin .host-err { margin: 0; color: #FF8A80; min-height: 0; }
.host-signin .host-err:empty { display: none; }
.host-msg { max-width: 36rem; margin: 4rem auto; padding: 0 16px; line-height: 1.5; }
.host-msg h1 { font-size: var(--cds-font-size-title); font-weight: 600; color: #E9EAEE; margin: 0 0 0.5rem; }