/* Wellness center (joint rejuvenation protocol) mockup (TASK-P1, 2026-10-23): the page's own anatomies, `wc-` prefix, on top of the
   approved homepage CSS, _shared/pt.css and _shared/nav/nav.css. V1 tokens only; GSAP motion only (page.js); static = complete.
   Anatomies: "the braid" (the hero's protocol card: four strands drawn into one line), the modality rack (what-is), the condition
   index, the four-step expectation line on paper. */
[data-world="V5"] .wc-braid { width: min(340px, 70%); }
[data-world="V5"] .wc-braid__svg { display: block; width: 100%; height: auto; margin: 4px 0 6px; }
[data-world="V5"] .wc-s { fill: none; stroke-width: 5; stroke-linecap: round; }
[data-world="V5"] .wc-s--gold { stroke: var(--v1-gold); }
[data-world="V5"] .wc-s--red { stroke: var(--v1-red); }
[data-world="V5"] .wc-s--ink { stroke: var(--v1-ink); }
[data-world="V5"] .wc-s--buffy { stroke: #C9B994; }
[data-world="V5"] .wc-braid__knot { fill: var(--v1-gold); stroke: var(--v1-ink); stroke-width: 3; }
[data-world="V5"] .wc-braid__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px; }
[data-world="V5"] .wc-braid__list li { display: flex; align-items: center; gap: 8px; min-height: 30px; font-weight: 600; font-size: 15px; line-height: 1.25; }
[data-world="V5"] .wc-braid__dot { flex: none; width: 12px; height: 12px; border-radius: 50%; }
[data-world="V5"] .wc-braid__dot--gold { background: var(--v1-gold); }
[data-world="V5"] .wc-braid__dot--red { background: var(--v1-red); }
[data-world="V5"] .wc-braid__dot--ink { background: var(--v1-ink); }
[data-world="V5"] .wc-braid__dot--buffy { background: #C9B994; }
[data-world="V5"] .wc-braid__confirm { margin: 10px 0 0; color: var(--v1-red); }

/* what-is: the modality rack (an ink plate inside the paper column) */
[data-world="V5"] .wc-rack { margin: 44px 0 0; padding: 8px; border-radius: 34px; background: rgba(11, 30, 36, .06); border: 1px solid var(--v1-line-paper); }
[data-world="V5"] .wc-rack__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 26px 28px 18px; border-radius: 26px 26px 0 0; background: var(--v1-ink); color: var(--v1-paper); }
[data-world="V5"] .wc-rack__head .v1-confirm { color: var(--v1-gold); }
[data-world="V5"] .wc-rack__h { margin: 0; font: 700 28px/1.1 var(--v1-display); letter-spacing: -.015em; }
[data-world="V5"] .wc-rack__list { list-style: none; margin: 0; padding: 0 28px 10px; background: var(--v1-ink); color: var(--v1-paper); border-radius: 0 0 26px 26px; }
[data-world="V5"] .wc-rack__list li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 18px; align-items: start; padding: 22px 0; border-top: 1px solid var(--v1-line-ink); }
[data-world="V5"] .wc-rack__list .wc-braid__dot { width: 18px; height: 18px; margin-top: 6px; box-shadow: 0 0 0 4px rgba(245, 241, 232, .12); }
[data-world="V5"] .wc-rack__list .wc-braid__dot--ink { background: var(--v1-paper); }
[data-world="V5"] .wc-rack__n { margin: 0 0 6px; font: 680 25px/1.15 var(--v1-display); letter-spacing: -.015em; }
[data-world="V5"] .wc-rack__list p { margin: 0; color: #DCD8CD; max-width: 56ch; }
[data-world="V5"] .wc-rack__quiet { margin: 14px 16px 8px; color: var(--v1-muted-paper); }

/* conditions: the index (two rows, the protocol's own conditions) */
[data-world="V5"] .wc-index { list-style: none; margin: 0 0 18px; padding: 0; }
[data-world="V5"] .wc-index__row { display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: 24px; padding: 24px 0; border-top: 1px solid var(--v1-line-paper); }
[data-world="V5"] .wc-index__row:last-child { border-bottom: 1px solid var(--v1-line-paper); }
[data-world="V5"] .wc-index__k { padding-top: 10px; font: 500 12px/1.4 var(--v1-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--v1-gold-deep); }
[data-world="V5"] .wc-index__h { margin: 0 0 8px; font: 700 clamp(30px, 22px + 1.2vw, 40px)/1.08 var(--v1-display); letter-spacing: -.02em; }
[data-world="V5"] .wc-index__h a { color: var(--v1-ink); text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--v1-gold); text-underline-offset: .18em; }
[data-world="V5"] .wc-index__row p { margin: 0; max-width: 58ch; }

/* what to expect: four steps on the homepage steps line, on paper */
[data-world="V5"] .wc-expect__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 72px; align-items: start; }
[data-world="V5"] .wc-expect__head .v1-h2 { margin: 0 0 24px; }
[data-world="V5"] .wc-expect .v5-steps { margin: 0; }

@media (max-width: 1023px) {
  [data-world="V5"] .wc-expect__grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
}
@media (max-width: 767px) {
  [data-world="V5"] .wc-braid { width: auto; }
  [data-world="V5"] .wc-rack__head { padding: 20px 18px 14px; }
  [data-world="V5"] .wc-rack__h { font-size: 24px; }
  [data-world="V5"] .wc-rack__list { padding: 0 18px 6px; }
  [data-world="V5"] .wc-index__row { grid-template-columns: 1fr; gap: 6px; padding: 20px 0; }
  [data-world="V5"] .wc-index__k { padding-top: 0; }
}
[data-world="V5"] .wc-index__h a { display: inline-flex; align-items: center; min-height: var(--aps-tap); }