/* Arcadia Frequencies v7_33 — Website Refinement Round 02
   Purpose: tighten reader flow, hero tagline layout, public/internal language presentation,
   Human/human capitalization behavior, and compact doctrine card proportions.
   No Worker, routing, redirects, headers, payment, scheduling, or Heart Intake behavior changes. */

/* Make approved two-line hero tagline visually intentional and hard to collapse. */
.hero-tagline-lockup.hero-tagline-two-line {
  display: grid !important;
  grid-template-columns: 1fr;
  justify-items: center;
  align-items: center;
  gap: .22rem;
  text-align: center;
  max-width: min(980px, 100%);
  margin-left: auto;
  margin-right: auto;
}

.hero-tagline-lockup.hero-tagline-two-line .hero-tagline-line {
  display: block !important;
  width: auto !important;
  text-align: center;
}

.hero-tagline-lockup.hero-tagline-two-line .hero-tagline-line-main {
  max-width: min(940px, 100%);
}

.hero-tagline-lockup.hero-tagline-two-line .hero-tagline-line-heart {
  max-width: min(620px, 100%);
  justify-self: center;
  margin-left: auto;
  margin-right: auto;
  font-weight: 850;
  letter-spacing: .018em;
}

/* Force intentional line stacks to behave like designed stacked lines, even if upstream CSS changes later. */
.line-stack {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: .16rem;
}

.line-stack > span {
  display: block !important;
}

/* Compact the core doctrine card so it feels like a premium principle, not a large empty box. */
.human-command-principle {
  width: fit-content;
  min-width: 0;
  max-width: min(420px, 100%);
  padding: .72rem 1rem !important;
  gap: .12rem !important;
  border-radius: 16px !important;
}

.human-command-principle p {
  margin: 0 !important;
}

/* Reduce accidental visual heaviness on public-facing cards. */
.executive-copy-card,
.luminous-card,
.contact-card {
  overflow-wrap: anywhere;
}

.executive-copy-card strong,
.luminous-card strong,
.contact-card strong {
  overflow-wrap: normal;
}

/* Make the review output on Heart Intake feel public-facing when it appears after submission. */
.review-output h3 {
  letter-spacing: .01em;
}

.review-output .micro {
  max-width: 72ch;
}

@media (max-width: 680px) {
  .hero-tagline-lockup.hero-tagline-two-line {
    gap: .18rem;
  }

  .hero-tagline-lockup.hero-tagline-two-line .hero-tagline-line-main,
  .hero-tagline-lockup.hero-tagline-two-line .hero-tagline-line-heart {
    max-width: 100%;
  }

  .human-command-principle {
    width: 100%;
    max-width: 100%;
  }
}