/* ============================================================
Newman Labs chassis — shared nav + footer for every page.
One shell, many skins: pages keep their own body styling;
this file owns only .nl-* classes so nothing leaks.
Usage per page:
(top of )
(bottom of )
============================================================ */
.nl-nav {
position: sticky;
top: 0;
z-index: 500;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
height: 52px;
padding: 0 1.5rem;
background: rgba(8, 10, 12, 0.92);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(240, 165, 0, 0.18);
}
.nl-nav-left {
display: flex;
align-items: center;
gap: 0.75rem;
min-width: 0;
}
.nl-wordmark {
font-family: 'IBM Plex Mono', 'Fira Code', monospace;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.12em;
color: #F0EDE8;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}
.nl-wordmark span { color: #F0A500; }
.nl-wordmark:hover span { color: #FFB820; }
.nl-pipe {
width: 1px;
height: 16px;
background: rgba(255, 255, 255, 0.18);
flex-shrink: 0;
}
.nl-crumb {
font-family: 'IBM Plex Mono', 'Fira Code', monospace;
font-size: 11px;
color: #A87200;
letter-spacing: 0.14em;
text-transform: uppercase;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.nl-status {
display: flex;
align-items: center;
gap: 6px;
font-family: 'IBM Plex Mono', 'Fira Code', monospace;
font-size: 11px;
color: #6B7888;
letter-spacing: 0.08em;
white-space: nowrap;
}
.nl-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: #3FB950;
animation: nlPulse 2.5s ease-in-out infinite;
flex-shrink: 0;
}
@keyframes nlPulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.3; }
}
.nl-footer {
position: relative;
z-index: 1;
background: #080A0C;
border-top: 1px solid rgba(240, 165, 0, 0.18);
}
.nl-footer-inner {
max-width: 1100px;
margin: 0 auto;
padding: 1.5rem;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 0.75rem;
}
.nl-copy, .nl-loc, .nl-note {
font-family: 'IBM Plex Mono', 'Fira Code', monospace;
font-size: 11px;
color: #6B7888;
letter-spacing: 0.06em;
line-height: 1.6;
}
.nl-copy span { color: #F0A500; }
.nl-note { flex-basis: 100%; order: 3; color: #4A5462; }
.nl-note a { color: #A87200; text-decoration: none; }
@media (max-width: 640px) {
.nl-nav { padding: 0 1rem; }
.nl-footer-inner { padding: 1.25rem 1rem; }
.nl-crumb { display: none; }
}