/* V8 ORDER — one system: section counters, a bottom rail of chips under every exhibition (same chip language as the Motion chapters), shared left edge. */
body { counter-reset: sc; } .kick { counter-increment: sc; } .kick::after { content: "  /  0" counter(sc) " — 09"; color: var(--mute); letter-spacing: .12em; }
.hero2 .kick::after, .bw .kick::after { content: none; }
.wk { position: relative; }
.rail { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 18px var(--gut) 28px; border-top: 1px solid color-mix(in srgb, var(--w-ink) 30%, transparent); }
.chip { border: 1px solid color-mix(in srgb, var(--w-ink) 34%, transparent); padding: 7px 12px; min-height: 32px; display: inline-flex; align-items: center; font-size: 11.5px; letter-spacing: .06em; white-space: nowrap; color: var(--w-ink); }
.chip.n { color: var(--w-accent); font-weight: 700; border-color: var(--w-accent); } a.chip.go { margin-left: auto; background: var(--w-ink); color: var(--w-paper); border-color: var(--w-ink); font-weight: 600; min-height: 44px; padding: 0 18px; gap: 10px; } a.chip.go:hover { background: var(--w-accent); border-color: var(--w-accent); }
@media (min-width: 900px) {
  .rail { position: absolute; left: 0; right: 0; bottom: 0; height: 90px; padding: 0 max(var(--gut), calc((100vw - var(--max)) / 2 + var(--gut))); flex-wrap: nowrap; }
  .wk-aurore .ax-grid, .wk-hangyeol .hx-grid { height: calc(100% - 90px); }
  .wk-aurore .ax-title { bottom: 28px; } .wk-aurore .ax-note { bottom: 36px; } .wk-aurore .ax-plate { top: 40px; width: min(27.4vw, 380px); } .wk-aurore .ax-fig { top: 28px; }
  .wk-hangyeol .hx-frame { width: min(44vw, calc(100% - 40px)); } .wk-hangyeol .hx-t { bottom: 28px; } .wk-hangyeol .hx-no { top: 36px; }
  .wk-clarte .cx-fig-wrap { bottom: 118px; }
}