/* Arcadia Frequencies v7_36 — Professional Workstation Harmony + Artful Reader Flow
   Purpose: clarify Professional Workstation vs UNO Command Station, correct line clipping/wrapping,
   refine Human Command Interface visual rhythm, and support desktop/laptop/mobile as equal experiences.
   No Worker, routing, redirects, headers, payment, scheduling, or intake behavior changes. */

:root {
  --v36-gold-soft: rgba(234, 184, 93, .20);
  --v36-gold-line: rgba(234, 184, 93, .38);
  --v36-blue-soft: rgba(117, 165, 255, .15);
}

/* Global reader-flow safety: descenders and last letters must remain visible. */
.reader-flow-title,
.line-stack,
.core-pathway-title,
.hardware-status-title,
.human-command-title,
.command-doctrine-stack,
.session-doctrine-stack,
.service-doctrine-stack {
  overflow: visible !important;
  padding-bottom: .08em !important;
}

.line-stack > span,
.core-pathway-title > span,
.hardware-status-title > span,
.command-doctrine-stack > span,
.session-doctrine-stack > span,
.service-doctrine-stack > span {
  line-height: 1.18 !important;
  overflow: visible !important;
  padding: .035em .02em .085em !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  text-wrap: balance;
}

.core-pathway-title {
  max-width: min(1040px, 100%);
  margin-inline: auto;
  text-align: center;
  line-height: 1.16 !important;
}
.core-pathway-title > span {
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  text-align: center;
}

/* Protect critical desktop/laptop phrases from ugly wraps. */
@media (min-width: 760px) {
  .core-pathway-title > span,
  .hardware-status-title > span,
  .hero-tagline-line-heart,
  .human-command-title-heart,
  .protected-line {
    white-space: nowrap !important;
  }
}

/* At laptop widths, scale slightly rather than clipping or hyphenating. */
@media (min-width: 760px) and (max-width: 1180px) {
  .core-pathway-title,
  .hardware-status-title {
    font-size: clamp(1.44rem, 2.85vw, 2.2rem) !important;
  }
}

/* Human Command Interface: make the decision interface feel intentional, not funny. */
.human-command-title-main,
.human-command-title-heart {
  display: block !important;
  text-align: center !important;
}
.human-command-title-heart {
  color: var(--accent-2) !important;
  text-shadow: var(--gold-glow);
}

.decision-constellation-v8 {
  display: grid !important;
  gap: clamp(.78rem, 1.1vw, 1.1rem) !important;
  justify-items: center !important;
  max-width: 920px !important;
  margin: clamp(1.25rem, 2vw, 2rem) auto !important;
}
.decision-constellation-v8 .decision-row {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: clamp(.65rem, 1vw, 1rem);
  width: 100%;
}
.decision-constellation-v8 .decision-row-three {
  max-width: 780px;
}
.decision-constellation-v8 .decision-row-two {
  max-width: 520px;
}
.decision-constellation-v8 .decision-row-one {
  max-width: 460px;
}
.decision-constellation-v8 span {
  flex: 1 1 0;
  min-height: 58px;
  display: grid !important;
  place-items: center !important;
  padding: .9rem 1rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(234, 184, 93, .32) !important;
  background:
    radial-gradient(circle at 22% 8%, rgba(234,184,93,.14), transparent 42%),
    linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.025)) !important;
  color: var(--text) !important;
  font-weight: 780 !important;
  letter-spacing: .018em;
  text-align: center !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 30px rgba(0,0,0,.15);
}
.decision-constellation-v8 .decision-row-one span {
  color: var(--accent-2) !important;
  text-shadow: var(--gold-glow);
  border-color: rgba(234,184,93,.46) !important;
}

.command-doctrine-stack,
.session-doctrine-stack,
.service-doctrine-stack {
  display: grid !important;
  justify-items: center !important;
  text-align: center !important;
  width: fit-content !important;
  max-width: min(100%, 820px) !important;
  margin-inline: auto !important;
}
.command-doctrine-stack > span,
.session-doctrine-stack > span,
.service-doctrine-stack > span {
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  text-align: center !important;
}

/* Hardware headline: keep the second line intact on desktop/laptop. */
.hardware-status-title > span:last-child {
  white-space: nowrap;
  max-width: 100%;
}

/* Professional Workstation page harmonization. */
.workstation-page h1,
.workstation-page .workstation-lead,
.workstation-page .workstation-experience-title,
.workstation-page .hardware-status-title {
  text-align: center;
}
.workstation-page .product-hero .wrap.two-col {
  align-items: center;
}
.workstation-page .model-family-note {
  max-width: 780px;
  margin: 1.15rem auto 0;
  text-align: center;
  color: var(--muted);
}
.workstation-page .spec-table th {
  width: min(280px, 36vw);
}
.workstation-page .product-grid .small-card h3 {
  color: var(--accent-2);
}

/* Heart Intake: make the front door feel less clinical and more received. */
.heart-intake-page .heart-intake-artful-hero {
  background:
    radial-gradient(circle at 18% 8%, rgba(234,184,93,.13), transparent 32%),
    radial-gradient(circle at 84% 16%, rgba(117,165,255,.12), transparent 34%);
}
.heart-intake-page .welcome-affirmation span:nth-child(3) {
  color: var(--accent-2) !important;
  text-shadow: var(--gold-glow);
}

/* Mobile Artful Experience Agent: maintain clear order, not over-designed density. */
@media (max-width: 759px) {
  .decision-constellation-v8 .decision-row {
    display: grid;
    grid-template-columns: 1fr;
    max-width: min(360px, 100%);
  }
  .decision-constellation-v8 span {
    min-height: 52px;
  }
  .core-pathway-title,
  .hardware-status-title {
    font-size: clamp(1.36rem, 7vw, 2.05rem) !important;
  }
  .hardware-status-title > span:last-child {
    white-space: normal !important;
  }
}