/* Shared signed-in top nav — monochrome landing style. Self-contained (only
   styles .lnav*), safe to load alongside styles.css or landing.css. */
.lnav {
  position: sticky; top: 0; z-index: 50;
  background: rgba(0, 0, 0, 0.72); backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.lnav .in { max-width: 1120px; margin: 0 auto; padding: 0 28px; height: 64px; display: flex; align-items: center; justify-content: space-between; }
.lnav .left { display: flex; align-items: center; gap: 26px; }
.lnav .brand { display: flex; align-items: center; gap: 10px; font-weight: 800; letter-spacing: 0.18em; font-size: 14px; color: #fff; text-decoration: none; }
.lnav .brand i { width: 10px; height: 10px; background: #fff; display: block; }
.lnav a.link { font-family: var(--mono, "JetBrains Mono", monospace); font-size: 12.5px; letter-spacing: 0.04em; color: #8a8a8a; text-decoration: none; }
.lnav a.link:hover, .lnav a.link.active { color: #fff; }
.lnav .right { display: flex; align-items: center; gap: 14px; }
.lnav .who { font-family: var(--mono, monospace); font-size: 12px; color: #555; }
.lnav .out { font-family: var(--mono, monospace); font-size: 12px; letter-spacing: 0.04em; color: #8a8a8a; background: transparent; border: 1px solid rgba(255, 255, 255, 0.14); padding: 8px 14px; cursor: pointer; transition: all 0.15s; }
.lnav .out:hover { border-color: #fff; color: #fff; }
@media (max-width: 720px) { .lnav .left { gap: 16px; } .lnav .who { display: none; } }