/* cirKITry v7: fixes from the independent fresh-eyes review (step 9). */

/* P1-1 "Bring a workshop…" with no photo yet: the copy sat alone in the left half of a wide band.
   Split it instead: heading on the left, text + tags + button on the right. A real photo restores the old layout. */
@media(min-width:900px){
  .v2-partnership__layout:has(.v2-partnership__stage .media-placeholder) .v2-partnership__copy:not(#\#){
    max-width:none;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(40px,6vw,96px);align-items:end}
  .v2-partnership__layout:has(.v2-partnership__stage .media-placeholder) .v2-partnership__copy>*:not(#\#){grid-column:2}
  .v2-partnership__layout:has(.v2-partnership__stage .media-placeholder) .v2-partnership__copy>.eyebrow:not(#\#),
  .v2-partnership__layout:has(.v2-partnership__stage .media-placeholder) .v2-partnership__copy>.section-title:not(#\#){grid-column:1}
  .v2-partnership__layout:has(.v2-partnership__stage .media-placeholder) .v2-partnership__copy>.section-title:not(#\#){grid-row:1 / span 4;align-self:start;margin:0}
  .v2-partnership__layout:has(.v2-partnership__stage .media-placeholder) .v2-partnership__text:not(#\#){margin-top:0}
  .v2-partnership__layout:has(.v2-partnership__stage .media-placeholder) .v2-partnership__copy>.button:not(#\#){justify-self:start}
}

/* P1-2 decorative traces ran through "Make a gift" and its paragraph: fade them out above the copy */
.v2-involved__traces svg:not(#\#){
  -webkit-mask-image:linear-gradient(#000 0,#000 40px,transparent 105px);mask-image:linear-gradient(#000 0,#000 40px,transparent 105px)}

/* P1-3 the scope's sweep was a pale grey block that looked like a rendering glitch and covered the label on phones.
   Now a faint blue band that only crosses the trace area. */
.signal-lab:not(#\#)[data-powered=true] .lab-scope::after{
  top:auto;bottom:0;height:31px;width:14%;left:-14%;
  background:linear-gradient(90deg,transparent,#0a7cff38,transparent)}

/* P2 a field focused by form validation scrolled under the sticky header */
html{scroll-padding-top:calc(var(--lab-top,78px) + 16px)}

/* P2 "Start here" card titles used a different face from every other heading */
.cks-paths__label:not(#\#){font-family:var(--font-display);font-stretch:var(--heading-stretch,88%);font-weight:700;letter-spacing:var(--heading-track,-.018em);word-spacing:.06em;font-variation-settings:normal}

/* P2 phone lab: the bench box stretched to fill the screen, leaving ~150px above the drawing and ~200px between the
   caption and the controls. Size it to the drawing; the sticky column still centres the whole group. */
@media(max-width:600px) and (prefers-reduced-motion:no-preference){
  body.js-ready:not([data-experience=standard]):not([data-scroll=false]) .lab-workbench:not(#\#){flex:0 1 auto}
  body.js-ready:not([data-experience=standard]):not([data-scroll=false]) .lab-control-panel:not(#\#){margin-top:clamp(10px,2svh,18px)}
}