/* Shared shell — keeps all public pages inside one visual system. */
:root {
  --shell-line: rgba(196, 160, 82, .18);
  --shell-strong-line: rgba(196, 160, 82, .32);
}

body::before {
  content: '';
  position: fixed;
  z-index: 70;
  pointer-events: none;
  inset: 0;
  border: 1px solid var(--shell-line);
}

.topbar {
  justify-content: flex-start !important;
  border-bottom: 1px solid var(--shell-line) !important;
}

.topbar-mark,
.mark {
  position: absolute;
  left: 1.5rem;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 18px !important;
  font-weight: 300;
  letter-spacing: .28em !important;
}

.topbar-nav,
.topbar nav {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex;
  align-items: center;
  gap: 2rem !important;
}

.topbar-nav a,
.topbar nav a {
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 3px !important;
}

.footer,
footer {
  border-top: 1px solid var(--shell-line) !important;
}

@media (max-width: 720px) {
  .topbar-mark,
  .mark { left: 1rem; font-size: 14px !important; letter-spacing: .18em !important; }
  .topbar-nav,
  .topbar nav { left: auto !important; right: 1rem; transform: none !important; gap: .9rem !important; }
  .topbar-nav a,
  .topbar nav a { font-size: 8px !important; letter-spacing: 1.5px !important; }
}