/* Restored glass panels and animated connections, with less repeated detail. */
body.home-refresh #transformation .outcome-result h3 { min-height: 0; }
body.home-refresh #transformation .outcome-before { min-height: 0; margin-top:16px; color:#87323d; font-size:16px; line-height:24px; }
body.home-refresh #transformation .outcome-before > span { font-size:inherit; line-height:inherit; }
body.home-refresh #transformation .outcome-card > .outcome-art {
  height: 288px;
  min-height: 288px;
  flex: 0 0 288px;
  margin-top: auto;
}
body.home-refresh #transformation .oa-stage {
  max-width: 640px;
  padding: 24px 32px 32px;
}
#transformation .oa-flow { height: 24px; flex-basis: 24px; }
#transformation .oa-pulse {
  stroke: var(--accent);
  stroke-width: 2;
  stroke-dasharray: 8 var(--route-length, 100px);
  vector-effect: none;
  animation: oa-linked-flow 3.6s linear infinite;
  animation-delay: var(--flow-delay, 0s);
  animation-play-state: paused;
}
#transformation .oa-in-view .oa-pulse { animation-play-state: running; }
#transformation .oa-flow-split .oa-pulse { animation-delay: 1.1s; }
@keyframes oa-linked-flow {
  0% { stroke-dashoffset: 8; opacity: 0; }
  4% { opacity: .85; }
  60% { stroke-dashoffset: calc(-1 * var(--route-length, 100px)); opacity: .85; }
  63%, 100% { stroke-dashoffset: calc(-1 * var(--route-length, 100px)); opacity: 0; }
}
#transformation .oa-question-stream { gap: 8px; }
#transformation .oa-question-stream > div {
  padding: 8px;
  min-height: 44px;
  font: 400 14px/20px var(--sans);
  background: linear-gradient(125deg, #ffffffe0, #ffffff60);
}
#transformation .oa-rule-hub { min-height: 44px; font-size: 12px; }
#transformation .oa-answer-routes { gap: 12px; }
#transformation .oa-answer-routes > div { min-height: 68px; padding: 12px; gap: 10px; }
#transformation .oa-answer-routes strong { font: 500 14px/20px var(--sans); }
#transformation .oa-route-copy { display: block; margin-top: 2px; font: 400 12px/18px var(--sans); color: var(--body); }
#transformation .oa-answer-routes > div > svg { width: 20px; height: 20px; }
#transformation .oa-context-sources { gap: 8px; }
#transformation .oa-context-sources > div { min-height: 72px; padding: 12px 8px; display: flex; flex-direction: column; justify-content: center; gap: 6px; background: linear-gradient(125deg, #ffffffe0, #ffffff60); }
#transformation .oa-context-sources .oa-label { font-size: 12px; line-height: 16px; margin-bottom: 0; }
#transformation .oa-context-sources strong { font: 500 14px/20px var(--sans); }
#transformation .oa-context-decision { max-width: 100%; width: 100%; }
#transformation .oa-stage > * { flex-shrink: 0; }
#transformation .oa-flow-context-mobile { display: none; }
#transformation .oa-cap { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 12px 20px; color: var(--body); font: 400 14px/20px var(--sans); }
#transformation .oa-cap strong { font: 500 20px/28px var(--sans); color: var(--accent); }
#transformation .oa-context-answer { font: 500 14px/20px var(--sans); padding: 12px; }
#transformation .oa-evidence-sources > span { font: 400 14px/20px var(--sans); padding: 8px 0; gap: 8px; }
#transformation .oa-evidence-sheet { padding-inline: 16px; }
#transformation .oa-evidence-sheet header { padding-block: 10px; }
#transformation .oa-evidence-sheet header .oa-label { font: 400 12px/16px var(--mono); }
#transformation .oa-evidence-line { padding-block: 10px; font: 400 14px/20px var(--sans); }
#transformation .oa-evidence-line small { font: 400 12px/18px var(--sans); margin-top: 2px; }
#transformation .oa-evidence-status { font: 400 12px/18px var(--sans); }
#transformation .oa-evidence-status svg { width: 16px; height: 16px; }
#transformation .oa-consistency-question { font: 500 14px/20px var(--sans); padding: 10px 16px; margin-bottom: 16px; }
#transformation .oa-consistency-grid { gap: 12px; }
#transformation .oa-consistency-grid > div { padding: 12px; }
#transformation .oa-consistency-grid > div > .oa-label { font-size: 12px; line-height: 16px; margin-bottom: 8px; }
#transformation :is(.oa-drifting,.oa-consistent) > div { min-height: 36px; font: 400 14px/20px var(--sans); }
#transformation .oa-channel { font-size: 12px; line-height: 16px; }
#transformation .oa-consistent strong { font: 500 14px/20px var(--sans); }
#transformation .oa-drifting > div { color: #9b4248; }
#transformation .oa-in-view .oa-consistent > div { animation: oa-rule-arrival 4.8s ease infinite; animation-delay: calc(var(--row, 0) * .16s); }
#transformation .oa-consistent > div:nth-of-type(2) { --row: 1; }
#transformation .oa-consistent > div:nth-of-type(3) { --row: 2; }
@keyframes oa-rule-arrival { 0%, 55%, 100% { background: transparent; } 20%, 35% { background: #7c3f4b14; } }
@media (min-width: 641px) and (max-width: 1100px) {
  body.home-refresh #transformation .outcome-card > .outcome-art { height: 352px; min-height: 352px; flex-basis: 352px; }
  body.home-refresh #transformation .oa-stage { padding-inline: 20px; }
  #transformation .oa-answer-routes > div { gap: 6px; padding-inline: 8px; }
  #transformation .oa-answer-routes strong { font-size: 14px; }
  #transformation .oa-context-sources { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  #transformation .oa-context-sources > div { min-height: 56px; padding-block: 8px; gap: 4px; }
  #transformation .oa-flow-context { display: none; }
  #transformation .oa-flow-context-mobile { display: block; }
  #transformation .oa-context-sources > div { padding-inline: 6px; }
  #transformation .oa-consistent > div { flex-direction: column; align-items: flex-start; justify-content: center; gap: 0; }
  #transformation :is(.oa-drifting,.oa-consistent) > div { min-height: 40px; }
}
@media (max-width: 640px) {
  body.home-refresh #transformation .outcome-card > .outcome-art { height: 336px; min-height: 336px; flex-basis: 336px; }
  body.home-refresh #transformation .oa-stage { padding: 24px 20px; }
  #transformation .oa-question-stream { gap: 6px; }
  #transformation .oa-question-stream > div { font-size: 14px; padding: 8px 4px; min-height: 56px; }
  #transformation .oa-rule-hub { font-size: 12px; }
  #transformation .oa-answer-routes { gap: 8px; }
  #transformation .oa-answer-routes > div { flex-direction: column; align-items: flex-start; gap: 6px; padding: 12px; min-height: 88px; }
  #transformation .oa-answer-routes strong { font-size: 14px; line-height: 20px; }
  #transformation .oa-route-copy { font-size: 12px; line-height: 16px; }
  #transformation .oa-context-sources { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  #transformation .oa-context-sources > div { min-height: 56px; padding: 8px 12px; gap: 4px; }
  #transformation .oa-flow-context { display: none; }
  #transformation .oa-flow-context-mobile { display: block; }
  #transformation .oa-cap { padding: 10px 12px; }
  #transformation .oa-context-answer { padding: 10px; font-size: 14px; }
  #transformation .oa-evidence-sources > span { gap: 4px; font-size: 12px; flex-direction: column; }
  #transformation .oa-evidence-sources svg { width: 14px; height: 14px; }
  #transformation .oa-evidence-sheet { padding-inline: 12px; }
  #transformation .oa-evidence-line { gap: 8px; font-size: 14px; }
  #transformation .oa-evidence-line small { font-size: 12px; }
  #transformation .oa-evidence-status { font-size: 12px; gap: 4px; }
  #transformation .oa-consistency-grid { gap: 8px; }
  #transformation .oa-consistency-grid > div { padding: 10px; }
  #transformation .oa-consistency-grid > div > .oa-label { min-height: 32px; }
  #transformation .oa-consistent > div { flex-direction: column; align-items: flex-start; justify-content: center; gap: 0; }
  #transformation :is(.oa-drifting,.oa-consistent) > div { min-height: 40px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  #transformation .oa-pulse, #transformation .oa-in-view .oa-consistent > div { animation: none; }
}