/* v20: only question mode on narrow screens. Keep start/result and desktop intact. */
@media(max-width:640px) {
 .diagnosis-first .diagnosis-scene[data-phase="question"] { padding:88px 24px 28px; }
 .diagnosis-scene[data-phase="question"] .quiz-center { width:min(330px,100%); max-height:calc(100svh - 116px); }
 .diagnosis-scene[data-phase="question"] .question-lead { padding:5px 10px; margin-bottom:0; line-height:18px; }
 .complete-b .diagnosis-scene[data-phase="question"] .quiz { background:#fffaf0; margin-top:16px; }
 .complete-b .diagnosis-scene[data-phase="question"] .quiz-top { padding:12px 14px 10px; }
 .complete-b .diagnosis-scene[data-phase="question"] .progress-track { margin-inline:14px; }
 .complete-b .diagnosis-scene[data-phase="question"] .quiz-body { padding:14px 14px 0; }
 .complete-b .diagnosis-scene[data-phase="question"] #quiz-heading { font-size:18px; line-height:1.5; margin-bottom:12px; }
 .complete-b .diagnosis-scene[data-phase="question"] .quiz-option,
 .complete-b .diagnosis-scene[data-phase="question"] .quiz-option:has(input:checked) { min-height:54px; padding:8px 10px; margin-bottom:8px; gap:8px; font-size:13px; line-height:1.6; }
 .complete-b .diagnosis-scene[data-phase="question"] .option-marker { flex-basis:16px; height:22px; }
 .complete-b .diagnosis-scene[data-phase="question"] .quiz-actions { padding:2px 14px 8px; }
 .complete-b .diagnosis-scene[data-phase="question"] .quiz-back { min-height:44px; font-size:12px; }
 .diagnosis-scene[data-phase="question"] .diagnosis-disclaimer { margin:9px auto; padding:6px 8px; line-height:1.65; }
 .diagnosis-scene[data-phase="question"] .gallery-link { padding:5px 10px; }
}
/* Direct reading surfaces: do not rely on a scenery-layer pseudo element.
   Keep the landscape visible around the text and retain existing art/cards. */
#recruitment #support .lp-section-heading,
#recruitment #support .lp-line-note {
 background:#eef0e3; border:1px solid #c8c7aa; border-radius:3px;
 padding:25px 24px; margin-inline:-24px; box-shadow:0 6px 20px #173c3e12;
}
#recruitment #support .lp-section-heading h2,
#recruitment #support .lp-line-note h3 { color:#173c3e; text-shadow:none; }
#recruitment #support .lp-heading-note { color:#395448; opacity:1; }
#recruitment #support :is(.lp-eyebrow,.lp-kicker) { color:#78552c; opacity:1; }
#recruitment #jobs .lp-section-intro {
 background:#102f32; border:1px solid #a99466; border-radius:3px;
 padding:26px 24px; margin-inline:-24px; box-shadow:0 6px 20px #102f3220;
}
#recruitment #jobs .lp-section-intro h2 { color:#fff4de; text-shadow:none; }
#recruitment #jobs .lp-section-intro > p:not(.lp-eyebrow),
#recruitment #jobs .lp-section-intro .lp-text-link { color:#f2ead8; opacity:1; }
#recruitment #jobs .lp-section-intro .lp-eyebrow { color:#d6b677; opacity:1; }
#recruitment #jobs .lp-section-intro .lp-text-link:focus-visible { outline:3px solid #fff4de; outline-offset:4px; }
@media(max-width:640px) {
 #recruitment #support .lp-section-heading,
 #recruitment #support .lp-line-note,
 #recruitment #jobs .lp-section-intro { padding:22px 12px; margin-inline:-12px; }
}
@media(forced-colors:active) {
 #recruitment #support .lp-section-heading,#recruitment #support .lp-line-note,#recruitment #jobs .lp-section-intro { background:Canvas; border:1px solid CanvasText; }
 #recruitment #support :is(h2,h3,.lp-heading-note,.lp-eyebrow,.lp-kicker),#recruitment #jobs .lp-section-intro :is(h2,p,a) { color:CanvasText; }
}

@media(max-width:640px) and (max-height:620px) {
 .diagnosis-first .diagnosis-scene[data-phase="question"] { padding-bottom:8px; }
 .diagnosis-scene[data-phase="question"] .quiz-center { max-height:calc(100svh - 96px); }
 .diagnosis-scene[data-phase="question"] .question-lead { display:none; }
 .complete-b .diagnosis-scene[data-phase="question"] .quiz { margin-top:0; }
}