/* =========================================================
   MAIN PAGE POLISH LAYER
   Uses Home page as the nav baseline and tightens hero scale
========================================================= */

/* NAV BASELINE: make all main pages align like Home */
nav {
  padding: 18px 0 !important;
  min-height: 78px;
}

nav .bb-container {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 24px;
}

nav .logo img {
  height: 45px !important;
  width: auto !important;
}

nav ul {
  display: flex !important;
  align-items: center !important;
  gap: 30px !important;
  margin: 0;
}

nav ul li a {
  font-size: 0.95rem !important;
  line-height: 1.2 !important;
}

/* HERO SCALE: reduce roughly 25% from oversized versions */
section.hero {
  padding-top: 135px !important;
  padding-bottom: 90px !important;
  min-height: 72vh !important;
}

.hero-text {
  max-width: 820px !important;
  padding: 34px !important;
}

.hero-text h1 {
  font-size: clamp(2.4rem, 4.6vw, 4rem) !important;
  line-height: 0.95 !important;
  letter-spacing: -2px !important;
}

.hero-text p {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

/* Tighten oversized sections that visually amplify the hero */
.panel,
.terminal-body,
.redacted-file,
.dossier-card {
  padding: 34px !important;
}

/* INTEL / newsletter page needs extra calming */
#newsletterHero {
  padding-top: 125px !important;
  padding-bottom: 80px !important;
  min-height: 68vh !important;
}

#newsletterHero .hero-text {
  max-width: 760px !important;
  padding: 28px !important;
}

/* Intel coming-soon page */
.coming-soon-wrapper {
  min-height: calc(100vh - 80px) !important;
  align-items: flex-start !important;
  padding: 130px 20px 70px !important;
}

.redacted-file {
  max-width: 760px !important;
  margin-left: auto;
  margin-right: auto;
  padding: 28px !important;
  transform: none !important;
}

.file-header {
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
  font-size: 0.95rem !important;
  letter-spacing: 1px !important;
}

.visible-intel {
  font-size: clamp(1.8rem, 5vw, 2.8rem) !important;
  letter-spacing: 4px !important;
  margin: 24px 0 !important;
  padding: 16px !important;
}

@media (max-width: 900px) {
  nav .bb-container {
    flex-direction: column !important;
    gap: 12px;
  }

  nav ul {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
  }

  section.hero,
  #newsletterHero {
    padding-top: 110px !important;
    padding-bottom: 65px !important;
    min-height: auto !important;
  }

  .hero-text,
  #newsletterHero .hero-text {
    max-width: 100% !important;
    padding: 20px !important;
  }

  .hero-text h1 {
    font-size: clamp(2rem, 8vw, 3rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -1px !important;
  }
}