/* SKILL POLISH v1.0.11 / 2026-09-06 / SECOND CREATIVE PASS */
/* The title rail is intentionally outside the scene clipping context so every
   chapter keeps its complete three-line identity at every breakpoint. */
.skill-polish-ready .chapter-title-rail {
  z-index: 112;
  top: clamp(90px, 9vh, 112px);
  left: clamp(28px, 6vw, 112px);
  width: min(520px, 46vw);
  min-height: 104px;
  height: auto;
  overflow: visible;
  contain: layout;
}
.skill-polish-ready .chapter-title-rail::before {
  top: 4px;
  left: -16px;
  height: 78px;
}
.skill-polish-ready .chapter-title-rail .chapter-rail-slot {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  min-height: 96px;
  height: auto;
  display: grid;
  grid-auto-rows: max-content;
  align-content: start;
  gap: 6px;
  overflow: visible;
  white-space: normal;
}
.skill-polish-ready .chapter-title-rail .chapter-rail-slot > * {
  display: block;
  overflow: visible;
}
.skill-polish-ready .chapter-title-rail .chapter-rail-slot small {
  line-height: 1.1;
}
.skill-polish-ready .chapter-title-rail .chapter-rail-slot strong {
  max-width: 100%;
  line-height: 1.18;
  white-space: normal;
}
.skill-polish-ready .chapter-title-rail .chapter-rail-slot span {
  line-height: 1.16;
  white-space: nowrap;
}

/* New Henan: restore the authored layered composition. The generic
   voice-chapter direct-child rule must not turn absolute layers into flow. */
.skill-polish-ready .new-chapter > .new-data-anchor {
  position: absolute;
  z-index: 6;
  top: 144px;
  right: 8vw;
  bottom: auto;
  left: auto;
  width: auto;
  margin: 0;
  transform: none;
}
.skill-polish-ready .new-chapter > .image-new-movement {
  position: absolute;
  z-index: 1;
  inset: 30% 0 0;
  width: auto;
  height: auto;
  margin: 0;
  display: block;
  transform: none;
  pointer-events: none;
}
.skill-polish-ready .new-chapter > .resonance-invitation {
  position: relative;
  z-index: 6;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: min(520px, calc(100% - 2 * var(--page-padding)));
  margin: 36px var(--page-padding) 0 auto;
  transform: none;
  display: grid;
}
.skill-polish-ready .new-signal-map,
.skill-polish-ready .new-signal-map .signal-node,
.skill-polish-ready .new-signal-map .signal-detail,
.skill-polish-ready .new-signal-map .signal-economy {
  box-sizing: border-box;
}

/* The fourth node inherited an early top/left placement. Explicitly clear
   those coordinates before the current right/bottom composition is applied. */
.skill-polish-ready .new-signal-map .signal-node.node-move {
  top: auto;
  left: auto;
  right: 5%;
  bottom: 82px;
}

@media (max-width: 760px) {
  .skill-polish-ready .chapter-title-rail {
    top: 80px;
    left: 30px;
    width: min(360px, calc(100vw - 58px));
    min-height: 92px;
  }
  .skill-polish-ready .chapter-title-rail::before {
    left: -11px;
    height: 70px;
  }
  .skill-polish-ready .chapter-title-rail .chapter-rail-slot {
    min-height: 86px;
    gap: 5px;
  }
  .skill-polish-ready .chapter-title-rail .chapter-rail-slot strong {
    font-size: 9px;
    letter-spacing: .12em;
  }
  .skill-polish-ready .chapter-title-rail .chapter-rail-slot span {
    font-size: 22px;
    line-height: 1.18;
  }
  .skill-polish-ready .new-chapter > .new-data-anchor {
    top: 160px;
    right: 18px;
  }
  .skill-polish-ready .new-chapter > .image-new-movement {
    inset: 38% 0 auto;
    height: 160px;
  }
  .skill-polish-ready .new-chapter > .resonance-invitation {
    width: 100%;
    margin: 28px 0 0;
    text-align: left;
  }
  .skill-polish-ready .new-chapter > .resonance-invitation button {
    text-align: left;
  }
  .skill-polish-ready .new-signal-map .signal-node.node-move {
    top: 421px;
    right: 12px;
    bottom: auto;
    left: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .skill-polish-ready .chapter-title-rail .chapter-rail-slot,
  .skill-polish-ready .new-signal-map .signal-node,
  .skill-polish-ready .image-new-movement img { transition: none !important; }
}
@media (max-width: 760px) {
  /* Keep the New Henan headline below the fixed identity rail. */
  .skill-polish-ready .new-chapter .new-intro { margin-top: 94px; }
}