/* QD-C13 layout overlay (additive; loaded last; existing CSS files untouched).
   Source: /workspace/layout-study-2026-10-30/LAYOUT_STUDY.md fixes A, C, B (mock/fixA.css, fixC.css, fixB.css).
   All rules are inside min-width media queries, so phones (<981px) are unaffected. */

/* Fix A (light): undo the doubled 56%. The prose track is already min(594px,56%); its children fill it. */
@media screen and (min-width:981px){
 html[data-qd-composed] #qd-coast :is(.low-main,.low-quiet,.outgoing-copy,.keep-looking){max-width:100%}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) :is(.rh-intro-stage,.rh-space-field,.rh-question-stage,.rh-wider-stage,.rh-org-field)>*:not(.rh-hero-wrap,.rh-question-art-wrap){max-width:100%!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) :is(.rh-q0,.rh-q4){max-width:100%!important}
}

/* Fix C (light): rail art hugs the gutter instead of the outer margin.
   The Human object-position change is the study's "not mocked" companion to justify-self (the wraps are
   width:100%, so the painted art is placed by object-position). */
@media screen and (min-width:981px){
 html[data-qd-composed] #qd-coast :is(.low-art,.outgoing-art){justify-self:start}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) .rh-hero-wrap{justify-self:start!important}
 html[data-qd-composed] body #qd-human#qd-human .rh-question-art-wrap{justify-self:start!important}
 html[data-qd-composed] body #qd-human#qd-human:is([data-qd-fit="flow"],:not([data-qd-enhanced])) :is(.rh-hero-wrap,.rh-question-art-wrap) img{object-position:left top}
}

/* Fix B (medium): above 1600px the frame, type and measure grow instead of freezing at 1200px / 22px / 594px. */
@media screen and (min-width:1600px){
 html[data-qd-composed]{--qd10-frame:clamp(1200px,72vw,1600px);--qd10-prose:min(clamp(594px,33vw,704px),56%)}
 html.qd-six{--fs:clamp(1.375rem,0.95rem + 0.45vw,1.625rem)}
 .six{max-width:calc(clamp(1200px,72vw,1600px) + 2 * var(--gutter))}
 body[data-pa-presentation="standalone"] .qd-next-in{max-width:calc(clamp(1200px,72vw,1600px) + 2 * clamp(3rem,5vw,5.5rem))}
}