.verse-interaction{--vi-green:#2e704f;--vi-line:#81a78e;width:100%;max-width:1120px;margin-inline:auto;padding:20px 0 8px;background:transparent;color:#24382c;border:0;box-sizing:border-box}
.verse-interaction *{box-sizing:border-box}.vi-heading{margin-bottom:28px}.vi-heading h3{font:600 28px/1.25 var(--font-body,Arial,sans-serif);color:var(--vi-green);margin:0 0 8px}.vi-heading>p{font-size:17px;line-height:1.5;margin:0;color:#536d5c}
.vi-canvas{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:80px;align-items:center}.vi-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}.vi-connections path{fill:none;stroke:var(--vi-line);stroke-width:1.6;stroke-dasharray:5 5;opacity:.18;transition:opacity .25s,stroke .25s}
.vi-poem{padding:0 0 66px}.vi-poem>p{font:500 clamp(29px,3.1vw,42px)/1.48 var(--font-body,Arial,sans-serif);margin:0;max-width:none!important;text-wrap:pretty}.vi-word{display:inline-block;border:0;border-radius:5px;background:var(--vi-green);color:white;padding:1px 11px;font:inherit;touch-action:none;user-select:none;cursor:grab}.vi-word:active{cursor:grabbing}
.vi-readings{border:1px solid #adc6b3;border-radius:12px;background:#e8efe6;padding:10px;display:flex;flex-direction:column;gap:2px}.vi-reading{position:relative;display:grid;grid-template-columns:42px 1fr 16px;gap:16px;align-items:center;text-align:left;padding:16px 14px;border:0;border-radius:7px;background:transparent;color:inherit;cursor:pointer;font:400 19px/1.5 var(--font-body,Arial,sans-serif);transition:background .25s,box-shadow .25s}.vi-reading>img{width:42px!important;height:42px!important;object-fit:contain!important}.vi-trace{font-size:20px;color:var(--vi-green);opacity:.45}.vi-reading:hover,.vi-reading[aria-pressed=true]{background:#dce8da;box-shadow:inset 3px 0 var(--vi-green)}.vi-reading:hover .vi-trace,.vi-reading[aria-pressed=true] .vi-trace{opacity:1}
.vi-instruction{font-size:16px!important;line-height:1.6!important;color:#536d5c;margin:18px 0 0!important;max-width:42ch!important}.vi-evidence{margin:28px 0 0!important;padding:22px 0 22px 24px!important;border:0!important;border-left:2px solid #9bbb9e!important;background:transparent!important}.vi-source-label{display:block;font-size:17px;line-height:1.5;font-weight:600;letter-spacing:0;color:#496c54}.vi-evidence>p{font:400 clamp(21px,2vw,26px)/1.65 var(--font-body,Arial,sans-serif)!important;max-width:none!important;margin:17px 0 0!important;text-wrap:pretty}.vi-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.verse-interaction button:focus-visible{outline:2px solid #2e704f;outline-offset:5px}.verse-interaction[data-selection=color] [data-vi-edge=rain],.verse-interaction[data-selection=color] [data-vi-edge=farewell],.verse-interaction[data-selection=rain] [data-vi-edge=rain],.verse-interaction[data-selection=farewell] [data-vi-edge=farewell],.verse-interaction[data-selection=farewell] [data-vi-edge=evidence]{stroke:var(--vi-green);opacity:1}
.vi-live-connection,.vi-live-point{display:none}.vi-connections .vi-live-connection{stroke:#2e704f;stroke-width:2;stroke-dasharray:none;opacity:1}.vi-live-point{fill:#2e704f}.verse-interaction[data-dragging=true] .vi-live-connection,.verse-interaction[data-dragging=true] .vi-live-point{display:block}.verse-interaction[data-drag-target=rain] [data-vi-select=rain],.verse-interaction[data-drag-target=farewell] [data-vi-select=farewell]{outline:2px solid #2e704f;outline-offset:2px;background:#dce8da}
@media(prefers-reduced-motion:no-preference){.verse-interaction:not(.vi-entered) .vi-block{opacity:0;transform:translateY(12px)}.vi-block{transition:opacity .6s,transform .6s}.vi-reading:nth-child(2){transition-delay:.08s}.vi-evidence{transition-delay:.16s}.vi-entered .vi-connections path{animation:vi-trace 1.1s ease-out both}@keyframes vi-trace{from{stroke-dashoffset:60}to{stroke-dashoffset:0}}}
@media(max-width:760px){.vi-canvas{grid-template-columns:1fr;gap:28px}.vi-heading{margin-bottom:22px}.vi-evidence{max-width:540px;padding-left:20px!important;margin-top:0!important}.vi-reading{font-size:18px}.vi-poem>p{font-size:clamp(28px,5.5vw,40px)}}
@media(max-width:450px){.verse-interaction{padding:12px 4px}.vi-heading>p,.vi-source-label{font-size:16px}.vi-reading{grid-template-columns:32px 1fr 12px;gap:10px;padding:14px 8px;font-size:17px}.vi-reading>img{width:32px!important;height:32px!important}.vi-poem{padding-bottom:54px}.vi-poem>p{font-size:28px}.vi-evidence>p{font-size:21px!important}.vi-instruction{font-size:15px!important}}
@media(prefers-reduced-motion:reduce){.verse-interaction *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.vi-block{opacity:1!important;transform:none!important}}
.vi-source-label{font-family:var(--font-body,Arial,sans-serif)}
/* Source-led reading sequence. Interface excerpts preserve original pixels. */
body[data-project=versecolor] .verse-interaction{max-width:none}
body[data-project=versecolor] .vi-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;margin:0 0 48px;padding:0;counter-reset:none}
body[data-project=versecolor] .vi-workflow>li{position:relative;min-width:0;padding:0;display:grid;grid-template-rows:auto auto 220px auto;align-content:start;gap:12px}
body[data-project=versecolor] .vi-workflow h3,body[data-project=versecolor] .vi-workflow p{margin:0;max-width:none}
body[data-project=versecolor] .vi-step-number{color:var(--vi-green);font-weight:600}
body[data-project=versecolor] .vi-interface-excerpt{width:100%;height:220px;background:#f0eee6;border:1px solid #c8d6c7;border-radius:6px;overflow:hidden}
body[data-project=versecolor] .vi-workflow>li:not(:last-child)::after{content:'→';position:absolute;right:-20px;top:154px;color:var(--vi-green)}
body[data-project=versecolor] .vi-heading{margin-top:36px}
body[data-project=versecolor] .vi-judgment{margin:30px 0 0;padding:18px 22px;background:#e6efdf;border-radius:6px;max-width:none}
body[data-project=versecolor] .vi-original{margin-top:24px}
body[data-project=versecolor] .vi-original summary{cursor:pointer;color:var(--vi-green);padding:8px 0}
body[data-project=versecolor] .vi-original>img{display:block;width:100%;height:auto;margin-top:18px}
body[data-project=versecolor] .vi-original>p{max-width:none;margin:12px 0 0}
body[data-project=versecolor] #research .section-body{width:100%;max-width:none}
body[data-project=versecolor] #research .section-body>p{max-width:none}
@layer case-typography{
 body[data-view=project][data-project=versecolor] .case-study :is(.vi-workflow p,.vi-heading>p,.vi-original>p,.vi-judgment){font-size:var(--case-note)!important;line-height:1.45!important}
 body[data-view=project][data-project=versecolor] .case-study .vi-step-number{font-size:var(--case-caption)!important;font-weight:600!important}
}
@media(max-width:800px){
 body[data-project=versecolor] .vi-workflow{grid-template-columns:1fr;gap:28px;margin-bottom:32px}
 body[data-project=versecolor] .vi-workflow>li{grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto auto;gap:8px 12px}
 body[data-project=versecolor] .vi-workflow .vi-step-number{grid-column:1;grid-row:1;align-self:center}
 body[data-project=versecolor] .vi-workflow h3{grid-column:2;grid-row:1}
 body[data-project=versecolor] .vi-interface-excerpt{grid-column:2;grid-row:2;height:220px}
 body[data-project=versecolor] .vi-workflow p{grid-column:2;grid-row:3}
 body[data-project=versecolor] .vi-workflow>li::after{display:none}
 body[data-project=versecolor] .vi-judgment{padding:16px}
}
@media(max-width:800px){body[data-project=versecolor] .vi-interface-excerpt{height:auto;aspect-ratio:1.9}}