/* R246 — a concrete feedback / edit / compare loop. Scoped to stage 05. */
.r55-method #content-evolution.r246-feedback-section .r55-stage-heading{margin-bottom:22px}
#content-evolution .r246-feedback-diagram{margin:0;max-width:none;width:100%}
#content-evolution .r246-flow{display:grid;grid-template-columns:1fr 1.22fr 1fr;gap:24px;list-style:none;margin:0;padding:0;counter-reset:none}
#content-evolution .r246-step{min-width:0;position:relative;display:flex;flex-direction:column;margin:0;padding:22px;background:#fbfaff;border:1px solid #e4daf2;border-radius:16px;color:#38294b}
#content-evolution .r246-step:before{content:none}
#content-evolution .r246-step:not(:last-child):after{content:'→';position:absolute;z-index:1;right:-22px;top:48%;font-size:22px;font-weight:600;line-height:1;color:#9d81c7}
#content-evolution .r246-step>header{display:flex;gap:10px;align-items:baseline;margin:0 0 20px;padding:0}
#content-evolution .r246-step>header>span{font-size:13px;line-height:1.5;color:#9b7ac5}
#content-evolution .r246-step h3{font-size:clamp(17px,1.5vw,21px);line-height:1.5;margin:0;max-width:none;color:#312244;font-weight:700}
#content-evolution .r246-chart{padding:12px 12px 10px;border:1px solid #e9e1f1;border-radius:10px;background:#fff}
#content-evolution .r246-mini-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;line-height:1.4}
#content-evolution .r246-mini-label b{font-weight:500;color:#635174}
#content-evolution .r246-mini-label>span{font-size:11px;color:#8f7b9d}
#content-evolution .r246-chart svg{width:100%;height:auto;display:block;overflow:visible;margin:8px 0 0}
#content-evolution .r246-chart-grid{fill:none;stroke:#eee8f3;stroke-width:1}
#content-evolution .r246-focus-area{fill:#f7edf0}
#content-evolution .r246-curve{stroke:#8761b3;stroke-width:3;fill:none;stroke-linecap:round}
#content-evolution .r246-chart circle{fill:#c5788c;stroke:white;stroke-width:3}
#content-evolution .r246-callout{fill:none;stroke:#c5788c;stroke-width:1.5;stroke-dasharray:3 3}
#content-evolution .r246-axis{display:flex;justify-content:space-between;align-items:center;font-size:11px;line-height:1.4;color:#93839e}
#content-evolution .r246-axis strong{color:#b5647b;font-weight:500}
#content-evolution .r246-feedback-input{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0;font-size:11px;line-height:1.6;color:#7e6991}
#content-evolution .r246-feedback-input span{padding:2px 8px;border:1px solid #e4dced;border-radius:4px;background:#fff}
#content-evolution .r246-insight{font-size:14px;line-height:1.7;margin:auto 0 0;color:#7a658b}
#content-evolution .r246-insight strong{font-weight:600;color:#57416e}
#content-evolution .r246-edit-step{background:#f5faf9;border-color:#d3e8e5}
#content-evolution .r246-edit-board{flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:4px}
#content-evolution .r246-cut{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center}
#content-evolution .r246-cut>b{font-size:12px;line-height:1.5;font-weight:500;color:#8b7a98}
#content-evolution .r246-timeline{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:3px;min-width:0}
#content-evolution .r246-timeline>span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:57px;padding:7px 3px;font-size:13px;line-height:1.45;border-radius:4px;color:#fff}
#content-evolution .r246-timeline .r246-context{background:#e7e2ec;color:#8b8096}
#content-evolution .r246-timeline .r246-scene{background:#408e92}
#content-evolution .r246-timeline .r246-value{background:#7b629e}
#content-evolution .r246-before .r246-timeline .r246-scene,#content-evolution .r246-before .r246-timeline .r246-value{opacity:.65}
#content-evolution .r246-edit-arrow{display:flex;gap:10px;justify-content:center;align-items:center;padding:9px 0;color:#337f84}
#content-evolution .r246-edit-arrow>span{font-size:26px;line-height:1}
#content-evolution .r246-edit-arrow strong{font-size:13px;font-weight:500;line-height:1.5}
#content-evolution .r246-after>b{color:#337f84;font-weight:600}
#content-evolution .r246-first-frame{margin:12px 0 0 44px;display:flex;gap:8px;align-items:baseline;padding-top:9px;border-top:1px solid #c7e0dd;color:#337f84;font-size:12px;line-height:1.7}
#content-evolution .r246-first-frame>span{flex-shrink:0;font-weight:400}
#content-evolution .r246-first-frame b{font-weight:500}
#content-evolution .r246-step-note{margin:18px 0 0;font-size:13px;line-height:1.65;color:#638184}
#content-evolution .r246-compare{display:flex;align-items:center;gap:13px;margin:0 0 13px}
#content-evolution .r246-compare>span{flex:1;text-align:center;padding:9px;background:#fff;border:1px solid #e1d9eb;border-radius:6px;font-size:14px;line-height:1.4}
#content-evolution .r246-compare>span:last-child{background:#ece6f6;border-color:#d7c9eb;color:#654591}
#content-evolution .r246-compare>b{font-size:22px;line-height:1;color:#9a83b4;font-weight:400}
#content-evolution .r246-metrics{display:grid;gap:9px;margin:0;padding:0;list-style:none;counter-reset:none}
#content-evolution .r246-metrics li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 0 9px;margin:0;border-bottom:1px solid #eae3f0;font-size:13px;line-height:1.5}
#content-evolution .r246-metrics li:before{content:none}
#content-evolution .r246-metrics span{color:#897298;font-size:12px;flex-shrink:0}
#content-evolution .r246-metrics b{font-weight:500;color:#685277}
#content-evolution .r246-decision{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto;padding-top:17px}
#content-evolution .r246-decision>div{border-left:2px solid #77b5b7;padding-left:10px}
#content-evolution .r246-decision>div:last-child{border-color:#b59ccf}
#content-evolution .r246-decision span{display:block;font-size:11px;line-height:1.5;color:#96839f}
#content-evolution .r246-decision b{display:block;margin-top:3px;font-size:14px;line-height:1.5;font-weight:600;color:#547d83}
#content-evolution .r246-decision>div:last-child b{color:#83649f}
#content-evolution .r246-decision i{font-style:normal}
#content-evolution .r246-loop{display:flex;align-items:center;gap:12px;margin:16px 0 9px;color:#728e96}
#content-evolution .r246-loop>span:first-child{font-size:25px;line-height:1}
#content-evolution .r246-loop strong{font-size:14px;line-height:1.6;font-weight:500}
#content-evolution .r246-loop-line{flex:1;min-width:14px;border-top:1px dashed #bbd6d8}
#content-evolution .r246-loop small{font-size:12px;line-height:1.5}
#content-evolution .r246-feedback-diagram>figcaption{margin:0;font-size:12px;line-height:1.8;color:#94829f;text-align:left;padding:0;background:none;border:0}
#content-evolution.r246-feedback-section>.r55-stage-output{margin-top:18px}
@media(max-width:1050px) and (min-width:701px){
 #content-evolution .r246-flow{gap:18px;grid-template-columns:1fr 1.12fr 1fr}
 #content-evolution .r246-step{padding:15px}
 #content-evolution .r246-step:not(:last-child):after{right:-17px;font-size:17px}
 #content-evolution .r246-timeline>span{font-size:12px}
 #content-evolution .r246-metrics li{flex-wrap:wrap;gap:1px 7px}
}
@media(max-width:700px){
 #content-evolution .r246-flow{grid-template-columns:1fr;gap:24px}
 #content-evolution .r246-step{padding:18px}
 #content-evolution .r246-step>header{margin-bottom:15px}
 #content-evolution .r246-step h3{font-size:18px}
 #content-evolution .r246-step:not(:last-child):after{content:'↓';top:auto;bottom:-23px;right:calc(50% - 8px);font-size:21px}
 #content-evolution .r246-chart svg{max-height:94px}
 #content-evolution .r246-insight{font-size:14px}
 #content-evolution .r246-edit-board{padding:5px 0}
 #content-evolution .r246-timeline>span{font-size:13px;min-height:53px}
 #content-evolution .r246-loop{gap:8px;flex-wrap:wrap}
 #content-evolution .r246-loop strong{font-size:13px}
 #content-evolution .r246-loop small{display:none}
}