/* Arcadia Frequencies v7_37 — Artful TM + Professional Workstation Harmony
   Purpose: keep approved marks visibly premium, refine Human Command Interface geometry,
   protect core pathway descenders, and harmonize Professional Workstation vs UNO Command Station language.
   No Worker, routes, redirects, headers, payment, scheduling, or intake behavior changes. */

:root {
  --v37-royal-gold: rgba(234, 184, 93, .92);
  --v37-gold-line: rgba(234, 184, 93, .36);
  --v37-blue-deep: rgba(6, 22, 40, .72);
  --v37-blue-soft: rgba(106, 152, 220, .16);
}

/* TM styling: visible, premium, and not overpowering. */
sup.tm,
.tm-mark {
  font-size: .52em;
  line-height: 0;
  position: relative;
  top: -.46em;
  letter-spacing: .015em;
  color: var(--accent-2);
  text-shadow: 0 0 10px rgba(234,184,93,.22);
}

/* Keep key doctrinal / brand marks elevated and readable. */
.hero-copy strong,
.executive-copy-card strong,
.luminous-card strong,
.small-card h3,
.contact-card h3 {
  text-wrap: balance;
}

/* Human Command Interface — horizontal, legible, premium. */
.artful-command-section .human-command-artboard {
  overflow: visible !important;
  padding: clamp(1.45rem, 2.4vw, 2.55rem) !important;
}

.artful-command-section .human-command-title {
  line-height: 1.16 !important;
  padding-bottom: .18em !important;
}

.artful-command-section .human-command-title-main,
.artful-command-section .human-command-title-heart {
  display: block !important;
  text-align: center !important;
  width: 100% !important;
}

.human-command-expanded-line {
  max-width: 880px !important;
}

.command-doctrine-stack,
.service-doctrine-stack,
.session-doctrine-stack {
  overflow: visible !important;
  padding-bottom: .16em !important;
}

.command-doctrine-stack > span,
.service-doctrine-stack > span,
.session-doctrine-stack > span {
  display: block !important;
  line-height: 1.24 !important;
  padding-bottom: .11em !important;
  overflow: visible !important;
}

.decision-constellation-v8.human-decision-flow,
.human-decision-flow.artful-decision-constellation {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: clamp(.75rem, 1vw, 1rem) !important;
  max-width: 880px !important;
  margin: clamp(1.25rem, 2vw, 1.8rem) auto !important;
  justify-items: center !important;
}

.decision-constellation-v8 .decision-row {
  display: grid !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(.65rem, 1vw, 1rem) !important;
  width: 100% !important;
  margin-inline: auto !important;
}

.decision-constellation-v8 .decision-row-three {
  grid-template-columns: repeat(3, minmax(148px, 1fr)) !important;
  max-width: 760px !important;
}

.decision-constellation-v8 .decision-row-two {
  grid-template-columns: repeat(2, minmax(168px, 220px)) !important;
  max-width: 460px !important;
}

.decision-constellation-v8 .decision-row-one {
  grid-template-columns: minmax(250px, 430px) !important;
  max-width: 430px !important;
}

.decision-constellation-v8 span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 0 !important;
  height: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: .82rem 1.18rem !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  text-align: center !important;
  font-size: clamp(.92rem, 1.1vw, 1.08rem) !important;
  line-height: 1.12 !important;
  letter-spacing: .018em !important;
  color: var(--text) !important;
  border: 1px solid rgba(234,184,93,.35) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(234,184,93,.18), transparent 46%),
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.028)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 28px rgba(0,0,0,.14) !important;
}

.decision-constellation-v8 .decision-row-one span {
  color: var(--accent-2) !important;
  border-color: rgba(234,184,93,.56) !important;
  text-shadow: var(--gold-glow) !important;
  font-size: clamp(1.02rem, 1.35vw, 1.22rem) !important;
  padding-inline: 1.45rem !important;
}

.human-command-support-copy {
  margin-top: clamp(1rem, 1.6vw, 1.45rem) !important;
}

.human-command-support-copy p {
  text-align: center !important;
  margin: .35rem auto !important;
  max-width: 760px !important;
}

/* Core Pathway — make the lines breathe and prevent the final p from clipping. */
.golden-center-section,
.golden-center-section .wrap,
.core-pathway-title,
.core-pathway-title > span {
  overflow: visible !important;
}

.core-pathway-title {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: .18em !important;
  max-width: min(1040px, 100%) !important;
  margin-inline: auto !important;
  text-align: center !important;
  line-height: 1.28 !important;
  padding-top: .05em !important;
  padding-bottom: .38em !important;
}

.core-pathway-title > span {
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  line-height: 1.32 !important;
  padding: .035em .08em .18em !important;
  transform: translateZ(0);
  hyphens: none !important;
  -webkit-hyphens: none !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

.core-pathway-title > span:last-child {
  padding-bottom: .32em !important;
}

.core-pathway-card {
  max-width: min(820px, 100%);
  margin: .75rem auto 0 !important;
  padding: clamp(1.2rem, 2vw, 1.8rem) !important;
  text-align: center;
  overflow: visible !important;
  border-color: rgba(234,184,93,.28) !important;
}

.core-pathway-card p {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

/* Hardware status — preserve the approved line on laptop/desktop. */
.hardware-status-title {
  overflow: visible !important;
  padding-bottom: .24em !important;
}
.hardware-status-title > span {
  line-height: 1.25 !important;
  padding-bottom: .12em !important;
  overflow: visible !important;
}
@media (min-width: 640px) {
  .hardware-status-title > span:last-child {
    white-space: nowrap !important;
  }
}

/* Professional Workstation / UNO Command Station harmony. */
.workstation-relation-section .product-grid {
  align-items: stretch;
}

.workstation-difference-card {
  display: grid;
  align-content: start;
  gap: .72rem;
  border-color: rgba(234,184,93,.22) !important;
}

.workstation-difference-card h3 {
  font-size: clamp(1.12rem, 1.45vw, 1.35rem);
}

.uno-difference-card {
  background:
    radial-gradient(circle at 18% 0%, rgba(234,184,93,.16), transparent 42%),
    linear-gradient(145deg, rgba(6,22,40,.76), rgba(7,25,45,.56)) !important;
  border-color: rgba(234,184,93,.38) !important;
}

.artful-status-doctrine {
  margin-top: 1rem !important;
  padding: .9rem 1rem !important;
  border: 1px solid rgba(234,184,93,.25) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.035) !important;
}

.artful-status-doctrine strong,
.artful-status-doctrine span {
  display: block !important;
  text-align: center !important;
  margin: .1rem auto !important;
}

/* Laptops are first-class. Keep desktop/laptop artful without assuming 24-inch monitors. */
@media (min-width: 760px) and (max-width: 1180px) {
  .decision-constellation-v8 .decision-row-three {
    max-width: 680px !important;
  }
  .decision-constellation-v8 span {
    font-size: clamp(.88rem, 1.25vw, 1rem) !important;
    padding-inline: .95rem !important;
  }
  .core-pathway-title > span {
    white-space: nowrap !important;
  }
}

/* Mobile Artful Experience Agent: stack gracefully without pretending it is desktop. */
@media (max-width: 759px) {
  .decision-constellation-v8 .decision-row-three,
  .decision-constellation-v8 .decision-row-two,
  .decision-constellation-v8 .decision-row-one {
    grid-template-columns: 1fr !important;
    max-width: min(340px, 100%) !important;
  }
  .decision-constellation-v8 span {
    white-space: normal !important;
    padding: .78rem 1rem !important;
  }
  .core-pathway-title > span,
  .hardware-status-title > span:last-child {
    width: auto !important;
    white-space: normal !important;
  }
}