/* Pilot-specific layout; inherited task aesthetic is preserved. */
.pilot-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pilot-trial-cycle h2{text-align:center;margin:24px 0}.pilot-flow .study3-panel svg{width:100%;height:100px;stroke:currentColor;fill:none;stroke-width:1.8}.pilot-flow h3{font-size:16px;line-height:1.4}.pilot-questionnaire-heading{font-weight:650;text-align:center;padding:20px 0}.pilot-rating-row{display:flex;align-items:center;gap:18px;max-width:950px;margin:0 auto;padding-bottom:12px}.pilot-rating-row>p{flex:1;min-width:170px}.pilot-rating-row>.likert-container{flex:2}.pilot-rating-item{padding:10px 0!important;min-height:0!important}.pilot-rating-item>p{text-align:center;font-weight:650;margin:10px 0}.pilot-rating-row .likert-box{min-width:48px;flex:1}.pilot-rating-item .likert-box{flex:1;min-width:45px}.pilot-rating-item .likert-label{min-height:30px}.likert-box:focus-visible{outline:3px solid #444;outline-offset:3px}body.study3-trial-ratings #mainContainer{justify-content:flex-start!important}body.study3-trial-ratings #feedbackContainer{width:min(920px,94vw)!important;max-width:920px!important}body.study3-trial-ratings #feedbackContainer>.pilot-rating-item{min-height:0!important}#study3Overview .pilot-flow .study3-panel{padding:20px 12px}#videoPlayer,#videoImg{object-fit:contain}#study3Landing .study3-study-stages{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:750px){.pilot-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.pilot-rating-row{flex-direction:column;align-items:stretch;gap:0}.pilot-rating-row>p{min-width:0;margin-bottom:8px}.pilot-rating-row>.likert-container{width:100%}.pilot-rating-item .likert-label{font-size:11px}#study3Landing .study3-study-stages{grid-template-columns:1fr}}
/* Override inherited training full-viewport wrappers for each pilot rating. */
body.study3-guided-practice:has(#study3PracticeHint) #feedbackContainer > div.pilot-rating-item,
body.study3-guided-practice:has(#study3PracticeHint) #feedbackContainer > div.pilot-rating-row { min-height:0 !important; padding-block:8px !important; }
/* Keep controls measurable during viewport changes and all scale anchors visible. */
body.study3-trial-screen #buttonsContainer { flex: 0 0 auto; }
#feedbackContainer .likert-label { max-width: 100%; overflow-wrap: anywhere; }
#demographicsContainer .likert-container { display: flex; flex-wrap: nowrap !important; width: 100%; overflow: visible; }
#demographicsContainer .likert-box { min-width: 0 !important; flex: 1 1 0 !important; padding: 8px 3px !important; }
#demographicsContainer .likert-label { max-width: 100%; overflow-wrap: anywhere; font-size: 12px; line-height: 1.25; }
/* On narrow screens, give seven-point anchors room for whole words. */
@media (max-width: 600px) {
  :is(#feedbackContainer, #demographicsContainer) .likert-container:has(> .likert-box:nth-child(7)) {
    position: relative; padding-bottom: 66px; overflow: hidden;
  }
  :is(#feedbackContainer, #demographicsContainer) .likert-container:has(> .likert-box:nth-child(7)) > .likert-box {
    position: static; height: 42px !important; min-height: 42px !important; padding: 8px 2px !important;
  }
  :is(#feedbackContainer, #demographicsContainer) .likert-container:has(> .likert-box:nth-child(7)) .likert-label {
    position: absolute; top: 48px; width: 30%; max-width: none; margin: 0;
    font-size: 11px; line-height: 1.25; overflow-wrap: normal; word-break: normal; color: #171717 !important;
  }
  :is(#feedbackContainer, #demographicsContainer) .likert-container:has(> .likert-box:nth-child(7)) > .likert-box:first-child .likert-label { left: 4px; text-align: left; }
  :is(#feedbackContainer, #demographicsContainer) .likert-container:has(> .likert-box:nth-child(7)) > .likert-box:nth-child(4) .likert-label { left: 35%; text-align: center; }
  :is(#feedbackContainer, #demographicsContainer) .likert-container:has(> .likert-box:nth-child(7)) > .likert-box:last-child .likert-label { right: 4px; text-align: right; }
  #feedbackContainer .likert-container:not(:has(> .likert-box:nth-child(7))) .likert-box { padding-inline: 2px !important; }
  #feedbackContainer .likert-container:not(:has(> .likert-box:nth-child(7))) .likert-label { overflow-wrap: normal; word-break: normal; }
}

/* Separate the valence pair from interest-related pilot ratings. */
#feedbackContainer > .pilot-rating-item.pilot-rating-group-start { margin-top: 24px; }

/* Isolated practice chrome reserves space without changing task timing. */
#pilotPracticeControls{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;padding:6px 16px;background:#f4f4f4;border-bottom:1px solid #c8c8c8;box-sizing:border-box;font:13px/1.3 system-ui;color:#222}
#pilotPracticeControls>div{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
#pilotPracticeControls button{font:inherit;padding:6px 12px;margin:0}
#pilotPracticeStatus:empty{display:none}
#pilotPracticeStatus:not(:empty){flex-basis:100%}
body.pilot-practice-mode:not(.study3-trial-screen) #mainContainer{margin-top:var(--pilot-toolbar-height,44px)}
body.pilot-practice-mode #study3EntryHeader{top:var(--pilot-toolbar-height,44px)}
body.pilot-practice-mode :is(#study3PracticeHint,#study3MainProcedure){top:calc(var(--pilot-toolbar-height,44px) + 8px)}
@media(max-width:600px){#pilotPracticeControls{font-size:11px;padding:6px 10px}#pilotPracticeControls>div{gap:4px 8px}#pilotPracticeControls>div span{max-width:190px}}