/* Proposal palette refinement v27.
   Deliberately color-only: layout, sizing, spacing and diagram geometry remain
   owned by proposal-art-directed-v23.css. */
#proposal {
  --proposal-fresh-ink: #12324f;
  --proposal-fresh-copy: #526d83;
  --proposal-fresh-blue: #2b7fb8;
  --proposal-fresh-line: rgba(82, 148, 195, 0.20);
  --proposal-fresh-line-soft: rgba(82, 148, 195, 0.13);
  --proposal-fresh-white: rgba(255, 255, 255, 0.97);
}

#top > #proposal {
  background-color: #f8fbfd !important;
}

#proposal .proposal-stage {
  border-color: var(--proposal-fresh-line) !important;
  background-color: var(--proposal-fresh-white) !important;
  box-shadow: 0 7px 18px rgba(40, 87, 119, 0.06) !important;
}

#proposal .proposal-topic-card,
#proposal #proposal-framework,
#proposal #proposal-foundation {
  background-color: rgba(255, 255, 255, 0.98) !important;
}

#proposal .proposal-topic-copy h3,
#proposal .proposal-screen-head h3,
#proposal .phase-card > h4,
#proposal .contribution-grid section > h4 {
  color: var(--proposal-fresh-ink) !important;
}

#proposal .proposal-topic-copy > p,
#proposal .proposal-screen-head p,
#proposal .phase-card dd,
#proposal .phase-card dd i,
#proposal .contribution-grid section > p {
  color: var(--proposal-fresh-copy) !important;
}

#proposal .proposal-topic-card .system-map {
  border-left-color: var(--proposal-fresh-line) !important;
  background: linear-gradient(145deg, #fbfdff 0%, #f2f8fc 100%) !important;
  box-shadow: inset 0 0 0 1px var(--proposal-fresh-line-soft) !important;
}

#proposal .system-map-lines .map-orbit,
#proposal .system-map-lines .map-spoke {
  stroke: rgba(58, 132, 184, 0.16) !important;
}

#proposal .system-map-lines .map-anchor {
  fill: #8ab9d8 !important;
}

#proposal .proposal-topic-card .system-core {
  color: #16577f !important;
  background: #e1f0f8 !important;
  box-shadow: 0 0 0 0.45rem rgba(72, 145, 194, 0.065), 0 4px 8px rgba(31, 91, 132, 0.075) !important;
}

#proposal .proposal-topic-card .system-node {
  border-color: var(--proposal-fresh-line) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 3px 8px rgba(39, 99, 140, 0.045) !important;
}

#proposal .proposal-topic-card .system-node > span,
#proposal .rq-chain section > span {
  color: #2474aa !important;
  background: #eaf5fb !important;
}

#proposal .rq-chain-wrap {
  background-color: #f8fbfd !important;
}

#proposal .rq-chain-wrap > .proposal-screen-head {
  border-right-color: var(--proposal-fresh-line) !important;
  background-color: #eff7fc !important;
}

#proposal .rq-chain {
  background-color: rgba(253, 254, 255, 0.96) !important;
}

#proposal .rq-chain section {
  background-color: rgba(255, 255, 255, 0.90) !important;
}

#proposal .phase-card {
  border-color: var(--proposal-fresh-line-soft) !important;
  background-color: #f7fbfe !important;
  box-shadow: inset 0 0 0 1px rgba(82, 148, 195, 0.035) !important;
}

#proposal .phase-card:nth-child(2) {
  background-color: #f5fafd !important;
}

#proposal .phase-card:nth-child(3) {
  background-color: #f2f8fc !important;
}

#proposal .phase-card:nth-child(4) {
  background-color: #eef7fb !important;
}

#proposal .phase-card > span {
  color: var(--proposal-fresh-blue) !important;
  background-color: rgba(255, 255, 255, 0.90) !important;
}

#proposal .phase-card dt,
#proposal .phase-card:nth-child(4) dt,
#proposal .contribution-grid section > span,
#proposal .contribution-grid section > em {
  color: #347dad !important;
}

#proposal .research-loop {
  border-color: var(--proposal-fresh-line-soft) !important;
  background: linear-gradient(105deg, #e5f2f9 0%, #fbfdff 52%, #edf7fb 100%) !important;
}

#proposal .foundation-matrix > div {
  background-color: #f8fbfd !important;
  box-shadow: inset 0 0 0 1px rgba(82, 148, 195, 0.10) !important;
}

#proposal .foundation-matrix > div:nth-child(odd):not(.matrix-head) {
  background-color: #f2f8fc !important;
}

#proposal .contribution-grid {
  border-color: var(--proposal-fresh-line) !important;
  background-color: #f9fcfe !important;
}

#proposal .contribution-grid section {
  border-right-color: var(--proposal-fresh-line-soft) !important;
  background: linear-gradient(180deg, rgba(232, 245, 252, 0.66) 0%, rgba(255, 255, 255, 0.98) 62%) !important;
}

#proposal .contribution-grid section > small {
  border-top-color: var(--proposal-fresh-line) !important;
  color: #245f8a !important;
}

@media (prefers-reduced-motion: reduce) {
  #proposal .proposal-topic-card .system-node,
  #proposal .phase-card,
  #proposal .contribution-grid section {
    transition: none !important;
  }
}
