/* Scene 13 — 여러 후보가 정렬되고 상위 네 건만 하나의 브리핑으로 남는다. */
.s13__inner {
  position: absolute;
  left: var(--ns-stage-inset);
  right: var(--ns-stage-inset);
  top: var(--ns-dimension-x14);
  bottom: var(--ns-dimension-x20);
  display: grid;
  grid-template-rows: auto 1fr;
}
.s13__feature { opacity: 0; transform: translateY(var(--ns-dimension-x9)); transition: opacity 620ms var(--ns-timing-function-enter), transform 620ms var(--ns-timing-function-enter); }
.s13[data-step="1"] .s13__feature,
.s13[data-step="2"] .s13__feature,
.s13[data-step="3"] .s13__feature,
.s13[data-step="4"] .s13__feature { opacity: 1; transform: none; }
.s13__feature .ns-feature-heading__index { margin-bottom: var(--ns-dimension-x4); }
.s13__field { position: relative; align-self: center; justify-self: center; width: 1540px; height: 650px; }
.s13__brief-head {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transform: translateY(var(--ns-dimension-x4));
  transition: opacity 520ms var(--ns-timing-function-enter), transform 620ms var(--ns-timing-function-enter);
}
.s13__brief-head p { margin-bottom: var(--ns-dimension-x3); font-family: var(--ns-font-family-mono); font-size: var(--ns-font-size-t5); letter-spacing: 0.12em; color: var(--ns-color-fg-neutral-subtle); }
.s13__brief-head strong { font-size: var(--ns-font-size-t11); line-height: var(--ns-line-height-t11); }
.s13[data-step="3"] .s13__brief-head,
.s13[data-step="4"] .s13__brief-head { opacity: 1; transform: none; }
.s13__candidates { position: absolute; inset: 0; }
.s13__candidate {
  position: absolute;
  left: var(--start-x);
  top: var(--start-y);
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 54px 150px minmax(0, 1fr);
  align-items: baseline;
  width: 430px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: var(--ns-radius-r4);
  background: transparent;
  box-shadow: none;
  opacity: 0;
  transform: scale(0.86);
  transition: left 760ms var(--ns-timing-function-enter-expressive), top 760ms var(--ns-timing-function-enter-expressive), width 760ms var(--ns-timing-function-enter-expressive), padding 620ms var(--ns-timing-function-enter-expressive), border-color 520ms var(--ns-timing-function-enter), background-color 520ms var(--ns-timing-function-enter), box-shadow 620ms var(--ns-timing-function-enter), opacity 420ms var(--ns-timing-function-enter), transform 620ms var(--ns-timing-function-enter-expressive);
  transition-delay: calc(var(--item-index) * 45ms);
}
.s13[data-step="1"] .s13__candidate { opacity: 0.72; transform: translateX(130px) scale(1); }
.s13[data-step="2"] .s13__candidate {
  left: 0;
  top: calc(52px + var(--item-index) * 54px);
  width: 1400px;
  opacity: 1;
  transform: none;
}
.s13[data-step="3"] .s13__candidate[data-selected="true"],
.s13[data-step="4"] .s13__candidate[data-selected="true"] {
  grid-template-columns: 52px 138px minmax(0, 1fr);
  align-items: start;
  width: 700px;
  min-height: 196px;
  padding: var(--ns-dimension-x7);
  border-color: var(--ns-color-stroke-neutral-weak);
  background: var(--ns-color-bg-layer-default);
  box-shadow: var(--ns-shadow-s2);
  opacity: 1;
  transform: none;
}
.s13[data-step="3"] .s13__candidate:nth-child(1),
.s13[data-step="4"] .s13__candidate:nth-child(1) { left: 0; top: 135px; }
.s13[data-step="3"] .s13__candidate:nth-child(2),
.s13[data-step="4"] .s13__candidate:nth-child(2) { left: 800px; top: 135px; }
.s13[data-step="3"] .s13__candidate:nth-child(3),
.s13[data-step="4"] .s13__candidate:nth-child(3) { left: 0; top: 365px; }
.s13[data-step="3"] .s13__candidate:nth-child(4),
.s13[data-step="4"] .s13__candidate:nth-child(4) { left: 800px; top: 365px; }
.s13[data-step="3"] .s13__candidate[data-selected="false"],
.s13[data-step="4"] .s13__candidate[data-selected="false"] { opacity: 0; transform: translateX(180px) scale(0.92); }
.s13[data-step="4"] .s13__candidate[data-selected="false"] { display: none; }
.s13__rank { font-family: var(--ns-font-family-mono); font-size: var(--ns-font-size-t5); color: var(--ns-color-fg-neutral-subtle); }
.s13__category { font-size: var(--ns-font-size-t6); color: var(--ns-color-fg-neutral-subtle); }
.s13__candidate h3 { font-size: var(--ns-font-size-t7); line-height: var(--ns-line-height-t7); font-weight: var(--ns-font-weight-medium); }
.s13__candidate[data-tone="up"] .s13__rank,
.s13__candidate[data-tone="up"] .s13__category,
.s13__candidate[data-tone="up"] h3 { color: var(--ns-color-fg-up); }
.s13__candidate[data-tone="down"] .s13__rank,
.s13__candidate[data-tone="down"] .s13__category,
.s13__candidate[data-tone="down"] h3,
.s13__candidate[data-tone="info"] .s13__rank,
.s13__candidate[data-tone="info"] .s13__category,
.s13__candidate[data-tone="info"] h3 { color: var(--ns-color-fg-down); }
.s13__detail { margin-top: var(--ns-dimension-x4); font-size: var(--ns-font-size-t6); line-height: 1.5; color: var(--ns-color-fg-neutral-muted); opacity: 0; transform: translateY(var(--ns-dimension-x2)); transition: opacity 420ms var(--ns-timing-function-enter), transform 480ms var(--ns-timing-function-enter); }
.s13[data-step="3"] .s13__candidate[data-selected="true"] h3,
.s13[data-step="4"] .s13__candidate[data-selected="true"] h3 { font-size: var(--ns-font-size-t11); line-height: var(--ns-line-height-t11); font-weight: var(--ns-font-weight-bold); }
.s13[data-step="4"] .s13__detail { opacity: 1; transform: none; }
.s13__limit {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: var(--ns-font-size-t5);
  color: var(--ns-color-fg-neutral-subtle);
  opacity: 0;
  transition: opacity 420ms var(--ns-timing-function-enter) 480ms;
}
.s13[data-step="4"] .s13__limit { opacity: 1; }