/* THESIVE v3.5.2 — Nifty 50 TRI market-context layer
   Principle: market context is visible, but visually subordinate to verified realised evidence. */

.record-chart-v16 .record-market-line{
  fill:none;
  stroke:#a1a8aa;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:760;
  stroke-dashoffset:760;
  opacity:.72;
  filter:drop-shadow(0 0 4px rgba(184,193,196,.08));
  animation:v352-market-draw 2.15s 1.9s cubic-bezier(.18,.72,.22,1) forwards;
}
.record-chart-v16 .record-market-dot{
  fill:#0a0d0f;
  stroke:#a1a8aa;
  stroke-width:1.05;
  opacity:0;
  animation:v352-market-dot .4s 3.75s ease forwards;
}
.record-chart-v16 .record-market-current{
  fill:#0a0d0f;
  stroke:#c1c7c9;
  stroke-width:1.35;
  filter:drop-shadow(0 0 4px rgba(196,204,207,.18));
}
.record-chart-v16 .record-callout.market{
  fill:#aeb5b7;
  opacity:0;
  letter-spacing:.02em;
  animation:v352-market-label .5s 3.9s ease forwards;
}
@keyframes v352-market-draw{to{stroke-dashoffset:0}}
@keyframes v352-market-dot{to{opacity:.82}}
@keyframes v352-market-label{to{opacity:.9}}

/* The three visual roles should read instantly: evidence / context / objective. */
.record-goal-v16{grid-template-columns:auto auto auto 1fr!important}
.legend-line.market{
  height:2px!important;
  background:linear-gradient(90deg,#8f9799,#b2b9bb)!important;
  opacity:.78;
}
.record-goal-v16>div:not(.record-goal) small{white-space:nowrap}
.record-pro-foot strong{color:#aeb5b7;font-weight:600}

/* Secondary context card: present the number once more without implying equivalence. */
.record-context-metric{
  border-color:rgba(174,181,183,.12)!important;
  background:linear-gradient(145deg,rgba(174,181,183,.025),rgba(255,255,255,.008))!important;
}
.record-context-metric>span:before{
  content:"";
  display:inline-block;
  width:7px;height:7px;margin-right:7px;border:1px solid #a6adaf;border-radius:50%;
  vertical-align:0;
}
.record-context-metric strong{color:#c0c6c8!important}
.record-context-metric small{
  display:block;margin-top:5px;color:#777f82;font-size:10px;line-height:1.35;letter-spacing:.02em;
}
.market-context-note{
  margin:12px 0 24px;
  padding:11px 13px;
  border:1px solid rgba(174,181,183,.09);
  border-radius:11px;
  background:rgba(174,181,183,.018);
  color:#7e878a;
  font-size:11px;
  line-height:1.6;
}
.market-context-note strong{color:#adb4b6;font-weight:600}

/* Pause the new layer until the v3.5.1 viewport gate releases the whole evidence story. */
.record-viz-pro:not(.v351-motion-ready) .record-chart-v16 .record-market-line,
.record-viz-pro:not(.v351-motion-ready) .record-chart-v16 .record-market-dot,
.record-viz-pro:not(.v351-motion-ready) .record-chart-v16 .record-callout.market{
  animation-play-state:paused!important;
}
.record-viz-pro.v351-motion-ready .record-chart-v16 .record-market-line,
.record-viz-pro.v351-motion-ready .record-chart-v16 .record-market-dot,
.record-viz-pro.v351-motion-ready .record-chart-v16 .record-callout.market{
  animation-play-state:running!important;
}

@media(max-width:980px){
  .record-goal-v16{grid-template-columns:1fr 1fr!important;gap:8px 12px!important}
  .record-goal-v16 .record-goal{grid-column:1/-1!important}
  .record-goal-v16>div:not(.record-goal) small{white-space:normal}
}

@media(max-width:700px){
  .record-goal-v16{grid-template-columns:1fr!important}
  .record-goal-v16 .record-goal{grid-column:auto!important}
  .record-goal-v16>div:not(.record-goal){min-height:25px}
  .record-goal-v16>div:not(.record-goal) small{font-size:7px!important;line-height:1.35}
  .record-chart-v16 .record-callout.market{font-size:7.3px!important}
  .market-context-note{font-size:10.5px;line-height:1.55;margin-top:10px}
  .record-context-metric small{font-size:9.5px}
}

@media(max-width:430px){
  /* Keep the two near-identical current returns legible without crowding the right edge. */
  .record-chart-v16 .record-callout.market{transform:translate(-8px,2px)}
}

@media(prefers-reduced-motion:reduce){
  .record-chart-v16 .record-market-line{
    animation:none!important;stroke-dashoffset:0!important;opacity:.72!important;
  }
  .record-chart-v16 .record-market-dot,
  .record-chart-v16 .record-callout.market{
    animation:none!important;opacity:.82!important;
  }
}