/* shell.css — shared nav + footer across all pages */

/* NAV */
nav {
  border-bottom: 1px solid rgba(13,13,11,.08);
  background: rgba(248,247,243,.93);
  backdrop-filter: blur(8px);
  position: sticky; top: 0; z-index: 100;
}
.nav-inner {
  display: flex; align-items: center; justify-content: space-between;
  max-width: 1100px; margin: 0 auto;
  padding: 22px 48px;
}
.logo {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 19px; color: #0D0D0B;
  letter-spacing: -.3px; text-decoration: none;
}
.logo-t { color: #005C4E; }
.pill {
  font-size: 11px; font-weight: 600; letter-spacing: 1.5px;
  text-transform: uppercase; color: #005C4E;
  background: rgba(10,92,74,.06);
  border: 1px solid rgba(10,92,74,.18);
  padding: 5px 14px; border-radius: 100px;
}

/* FOOTER */
footer {
  border-top: 1px solid rgba(13,13,11,.08);
}
.footer-inner {
  max-width: 1100px; margin: 0 auto;
  padding: 20px 48px;
  display: flex; align-items: center; justify-content: center; gap: 12px;
}
footer p { font-size: 13px; color: rgba(13,13,11,.55); }
.flinks { display: flex; gap: 20px; }
.flinks a { font-size: 13px; color: rgba(13,13,11,.55); text-decoration: none; }
.flinks a:hover { color: #0D0D0B; }

/* PAGE WRAPPER */
.page { min-height: 100vh; display: flex; flex-direction: column; position: relative; z-index: 1; }

/* MOBILE */
@media (max-width: 768px) {
  .nav-inner { padding: 18px 20px; }
  .footer-inner {
    padding: 20px 16px;
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
}