/* Approved running-pose layout, shared by the live home and its review URL. */
.v2-home .pain-running { --running-surface: #f5f8f4; background: var(--running-surface); }
.v2-home .pain-running::before { display: none; }
.v2-home .pain-running .symptom-figure-area { min-height: 0; border: 0; container-type: normal; }
.v2-home .pain-running .symptom-title { max-width: 100%; }
.pain-running .running-map { position: relative; width: 100%; max-width: 760px; aspect-ratio: 1.08; margin: 42px auto 0; }
.v2-home .pain-running .human-figure { position: absolute; top: 0; left: 8%; right: auto; width: 82%; height: auto; aspect-ratio: 1; transform: none; isolation: isolate; background: var(--running-surface); }
.pain-running .human-figure > img { display: block; width: 100%; height: 100%; object-fit: contain; filter: none; mix-blend-mode: multiply; }
.pain-running .human-figure .body-halo { width: 92%; height: 92%; top: 48%; background: radial-gradient(circle,rgba(221,241,240,.4),rgba(221,241,240,0) 72%); }
.pain-running .running-lines { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 2; }
.pain-running .running-lines path { fill: none; stroke: #b1c6c3; stroke-width: 1; vector-effect: non-scaling-stroke; opacity: .65; }
.pain-running .running-lines path.is-active { stroke: #168d8c; stroke-width: 1.5; opacity: 1; }
.v2-home .pain-running .pain-button { min-width: 84px; min-height: 44px; padding: 10px 14px; transform: translateY(-50%); }
.v2-home .pain-running .pain-button:hover { transform: translateY(calc(-50% - 2px)); }
.v2-home .pain-running .pain-button:focus-visible { outline: 3px solid #168d8c; outline-offset: 4px; }
.v2-home .pain-running .pain-button span { display: none; }
.v2-home .pain-running .pain-어깨 { left: 0; right: auto; top: 12%; }
.v2-home .pain-running .pain-팔꿈치 { left: 0; right: auto; top: 26%; }
.v2-home .pain-running .pain-손목 { left: 0; right: auto; top: 40%; }
.v2-home .pain-running .pain-허리 { left: 0; right: auto; top: 54%; }
.v2-home .pain-running .pain-목 { left: auto; right: 0; top: 12%; }
.v2-home .pain-running .pain-고관절 { left: auto; right: 0; top: 36%; }
.v2-home .pain-running .pain-무릎 { left: auto; right: 0; top: 50%; }
.v2-home .pain-running .pain-발발목 { left: auto; right: 0; top: 64%; }
.pain-running .pain-glow { width: 32px; height: 32px; border-width: 8px; margin: -16px 0 0 -16px; right: auto; bottom: auto; pointer-events: none; }
.pain-running .glow-목 { left: 63%; top: 15.2%; }
.pain-running .glow-어깨 { left: 53%; top: 16.4%; }
.pain-running .glow-팔꿈치 { left: 36%; top: 24%; }
.pain-running .glow-손목 { left: 29%; top: 37.3%; }
.pain-running .glow-허리 { left: 53.5%; top: 38.1%; }
.pain-running .glow-고관절 { left: 50.2%; top: 42.6%; }
.pain-running .glow-무릎 { left: 72.6%; top: 53.8%; }
.pain-running .glow-발발목 { left: 53.7%; top: 70.1%; }
@media (min-width: 761px) {
    .v2-home .pain-running .symptom-shell { display: grid; min-height: 0; grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); gap: 42px; align-items: start; }
    .v2-home .pain-running .symptom-result { align-self: start; min-width: 0; min-height: 0; height: auto; max-height: none; margin-top: 0; padding: 36px; overflow: visible; border-radius: 22px; }
    .v2-home .pain-running .symptom-result h3 { font-size: 42px; }
    .v2-home .pain-running .symptom-result > ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 20px; }
    .v2-home .pain-running .symptom-result > ul a { height: 100%; min-height: 54px; gap: 8px; font-size: 15px; }
    .v2-home .pain-running .result-copy { margin: 20px 0 26px; }
}
@media (min-width: 761px) and (max-width: 1000px) {
    .v2-home .pain-running .symptom-shell { grid-template-columns: 1fr; gap: 30px; }
}
@media (min-width: 1001px) {
    /* Share a grid row so the compact result follows the figure, not the title. */
    .v2-home .pain-running .symptom-figure-area { display: contents; }
    .v2-home .pain-running .symptom-title { grid-column: 1; grid-row: 1; padding-top: 10px; }
    .v2-home .pain-running .symptom-title > .section-kicker { line-height: 20px; margin-bottom: 20px; }
    .v2-home .pain-running .running-map { grid-column: 1; grid-row: 2; margin-top: 0; }
    .v2-home .pain-running .symptom-result { grid-column: 2; grid-row: 2; margin-top: 0; }
}
@media (max-width: 760px) {
    .v2-home .pain-running .symptom-shell { min-height: 0; }
    .pain-running .running-map { margin-top: 24px; aspect-ratio: .93; }
    .v2-home .pain-running .human-figure { top: 20px; left: 7%; width: 86%; }
    .v2-home .pain-running .pain-button { min-width: 60px; width: 60px; min-height: 44px; padding: 8px 5px; font-size: 12px; }
    .v2-home .pain-running .pain-어깨,
    .v2-home .pain-running .pain-목 { top: 13%; }
    .v2-home .pain-running .pain-팔꿈치,
    .v2-home .pain-running .pain-고관절 { top: 33%; }
    .v2-home .pain-running .pain-손목,
    .v2-home .pain-running .pain-무릎 { top: 53%; }
    .v2-home .pain-running .pain-허리,
    .v2-home .pain-running .pain-발발목 { top: 73%; }
    .pain-running .running-lines path { opacity: 0; }
    .pain-running .running-lines path.is-active { opacity: .6; }
    .pain-running .pain-glow { width: 26px; height: 26px; border-width: 7px; margin: -13px 0 0 -13px; box-shadow: 0 0 0 1px rgba(226,103,67,.45),0 0 0 7px rgba(240,138,102,.15); }
}
@media (prefers-reduced-motion: reduce) {
    .pain-running .pain-glow { animation: none; transition: none; }
}
