/* ink-research.css (11 Nov ink pass + fix pass): the research wheel in cream ink, mint for the one lit criterion. Pairs with ink-research.js. */
#rcwrap .rl .rk{fill:none;stroke:rgba(244,239,228,.85);stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
#rcwrap .rl .rk.r2{stroke:rgba(244,239,228,.6);stroke-width:1.1}
/* connectors: the old pathLength dash is replaced by Ink.prep; colours no longer split yield/growth, only the lit one is mint */
#rcwrap .rl .ln,#rcwrap .rl .ln.y,#rcwrap .rl .ln.g{fill:none;stroke:rgba(244,239,228,.82);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;opacity:1}
#rcwrap .rl .ln.on,#rcwrap .rl .ln.on + .ln{stroke:#8FCBB0;stroke-width:2}
#rcwrap .rl .ln.on + .ln{stroke-width:1.5}
/* the ends: the old filled dot stays in the DOM (the inline script toggles .on on it) but is invisible; a small open hand loop (.dl) follows it */
#rcwrap .rl circle.dot,#rcwrap .rl circle.dot.y,#rcwrap .rl circle.dot.g,#rcwrap .rl circle.dot.on{fill:none;stroke:none;opacity:0;filter:none;transform:none}
#rcwrap .rl .dl{fill:none;stroke:rgba(244,239,228,.88);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#rcwrap .rl .dot.on + .dl,#rcwrap .rl .dot.on + .dl + .dl{stroke:#8FCBB0}
#rcwrap .rl .dot.on + .dl{stroke-width:1.9}
/* the short rule under each label: a hand line (svg.ik-r, built by ink-research.js) in place of the 2 px CSS bar. No scale-in: the pen draws it. */
#rcwrap .rn .rule,#rcwrap .rn.l .rule,#rcwrap .rn.c .rule,#rcwrap .rn.on .rule,.go #rcwrap .rn .rule,#rcwrap.go .rn .rule{background:none!important;transform:none!important;position:relative;overflow:visible}
#rcwrap .rn .rule .ik-r{position:absolute;left:0;top:-3px;width:100%;height:8px;overflow:visible;display:block;pointer-events:none}
#rcwrap .rn .rule .ik-r path{fill:none;stroke:rgba(244,239,228,.78);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
#rcwrap .rn.on .rule .ik-r path{stroke:#8FCBB0}
#rcwrap .rn.on .rule .ik-r path.p1{stroke-width:1.9}
@media (max-width:860px){#rcwrap .rn .rule{display:none}}
@media (prefers-reduced-motion:reduce){#rcwrap .rl .dl{opacity:1}}

/* fix pass (11 Nov): dark green is clean gloss, no ruled lines. The 64 px grid that polish-r26a lays over every dark section (.sec.dk / .ft) is gone,
   as is the moving one premium-r20.css used to carry. (The soft lights and the lacquer stay.) */
.sec.dk::after,.ft::after,#areas.sec.dk::after,#research.sec.dk::after{background-image:none!important;animation:none!important}

/* PHONE (crit fix, 11 Nov): hand ring round the disc and an open hand loop in place of each solid dot. Cream ink; mint only on the lit item. */
#rcwrap .rcore .ik-pr,#rcwrap .rn .rt .ik-pl{display:none}
#rcwrap .rcore .ik-pr path,#rcwrap .rn .rt .ik-pl path{fill:none;stroke-linecap:round;stroke-linejoin:round}
#rcwrap .rcore .ik-pr .pr1{stroke:rgba(244,239,228,.62);stroke-width:1.5}
#rcwrap .rcore .ik-pr .pr2{stroke:rgba(244,239,228,.4);stroke-width:1.1}
@media (max-width:860px){
  #rcwrap .rcore .ik-pr{display:block;position:absolute!important;left:0;top:0;width:100%!important;height:100%!important;overflow:visible;pointer-events:none;transform:none!important;opacity:1!important}
  #rcwrap .rn .rt .ik-pl{display:block;position:absolute;left:0;top:0;width:20px;height:28px;overflow:visible;pointer-events:none}
  #rcwrap .rn .rt:after,#rcwrap .rn.y .rt:after,#rcwrap .rn.g .rt:after,#rcwrap .rn.on .rt:after{background:none!important;box-shadow:none!important;border:0!important}
  #rcwrap .rn .rt .ik-pl .pl{stroke:rgba(244,239,228,.88);stroke-width:1.5}
  #rcwrap .rn.on .rt .ik-pl .pl{stroke:#8FCBB0;stroke-width:1.9}
}

/* 11 Nov, Pat: "move a bit lower from the text and center": the wheel and its five checks sit centred in the column, with more air under the intro line (laptop only; phone keeps its stacked layout) */
@media (min-width: 861px){
  #research .rcwrap{display:flex!important;justify-content:center;margin-top:102px!important}
  #research .rc{margin-left:auto!important;margin-right:auto!important;flex:0 0 auto}
}
  @media (min-width: 861px){ #research .rc{width:min(1155px,100%)!important} }

/* 11 Nov, Pat: "put the research criteria a little further down... even to what's below it". Gap above the diagram now matches the gap below it. Backup: ink-research-pre-gap.css */
#research .rcwrap{margin-top:102px}
#research.rsec{padding-bottom:103px}
@media (max-width:600px){#research .rcwrap{margin-top:64px}#research.rsec{padding-bottom:72px}}

/* 11 Nov, Pat: "make sure this is centered as well". r18.css gives .rc a 1356 px design box with transform-origin 0 0, and the inline script scales it, so the wheel drifted left or right of centre with the viewport. Here the box keeps its 1356 design width (the labels and wheel are placed inside it, with the wheel on its centre line) and scales about its top centre, so the wheel always sits on the page centre line and the two label groups mirror each other. Laptop only; phone keeps its stack. Backup: ink-research-pre-centre.css */
@media (min-width: 861px){
  #research.rsec{overflow-x:clip}
  #research .rcwrap{justify-content:center}
  #research .rc{width:1356px!important;flex:0 0 1356px;margin-left:0!important;margin-right:0!important;transform-origin:50% 0!important}
}