/* Four-question tablet/desktop pilot. The wrapper has no box on phones. */
.pilot-question{display:contents}
.layout-pilot.layout-apple124 .pilot-question>.asker{order:-1}
@media(min-width:700px){
 main.layout-pilot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;align-content:start;gap:20px 30px;width:min(100%,1360px);padding:20px 24px 30px}
 main.layout-pilot.layout-apple124{display:grid}
 main.layout-pilot>.round-stats{grid-column:1/-1;margin:0 0 2px auto;order:0}
 main.layout-pilot>.pilot-question{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:0}
 main.layout-pilot>fieldset{min-width:0;width:100%;align-self:center}
 main.layout-pilot>.feedback{grid-column:1/-1;width:min(100%,760px);margin:0 auto}
 main.layout-pilot .pilot-question>.reference{width:100%;max-width:430px;max-height:min(47vh,400px);height:auto;object-fit:contain;margin:0 auto}
 main.layout-pilot .pilot-question>.asker{grid-template-columns:74px minmax(0,1fr);gap:10px;margin:0;width:100%;max-width:580px}
 main.layout-pilot .pilot-question .pati{width:74px;height:86px}
 main.layout-pilot .pilot-question h1{font-size:23px;line-height:1.4;padding:14px 17px}
 main.layout-pilot fieldset .choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:none;width:100%;margin:0}
 main.layout-pilot fieldset .choices>.choice{grid-column:auto;width:100%;min-width:0;justify-self:stretch;padding:8px}
 main.layout-pilot fieldset .choices>.choice:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 6px);justify-self:center}
 main.layout-pilot fieldset .choice>img{display:block;width:100%;height:auto;min-height:0;max-height:min(22vh,175px);object-fit:contain;margin-top:5px}
 main.layout-pilot .word-answer{font-size:24px;line-height:1.5;padding:12px 0}
 main.layout-pilot.clarity-14 .pilot-question>.reference{width:140px;max-width:100%;max-height:min(53vh,405px)}
 main.layout-pilot.clarity-14 fieldset .choice>img{max-height:128px}
 main.layout-pilot.layout-apple124 .apple124target{width:160px;max-width:100%;margin:0}
 main.layout-pilot.layout-apple124 .apple124pieces{width:100%;max-width:470px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
 main.layout-pilot.layout-apple124 .apple124pieces>div{min-width:0}
 main.layout-pilot.layout-apple124 .apple124pieces svg{max-height:120px}
}
@media(min-width:1100px){
 main.layout-pilot{gap:22px 44px;padding-top:24px}
 main.layout-pilot:not(.clarity-14) fieldset .choices:has(>.choice:nth-child(5)){grid-template-columns:repeat(6,minmax(0,1fr))}
 main.layout-pilot:not(.clarity-14) fieldset .choices:has(>.choice:nth-child(5))>.choice{grid-column:span 2;width:100%}
 main.layout-pilot:not(.clarity-14) fieldset .choices:has(>.choice:nth-child(5))>.choice:nth-child(4){grid-column:2/span 2}
 main.layout-pilot:not(.clarity-14) fieldset .choices:has(>.choice:nth-child(5))>.choice:nth-child(5){grid-column:4/span 2}
}
@media(min-width:700px) and (max-width:1099px) and (orientation:portrait){
 main.layout-pilot{grid-template-columns:minmax(0,1fr);gap:14px;padding-top:16px}
 main.layout-pilot>.pilot-question{gap:12px}
 main.layout-pilot .pilot-question>.reference{max-width:400px;max-height:300px}
 main.layout-pilot .pilot-question>.asker{max-width:690px}
 main.layout-pilot fieldset .choice>img{max-height:160px}
 main.layout-pilot fieldset .choices:has(>.choice:nth-child(5)),main.layout-pilot.clarity-14 fieldset .choices.count-5{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;max-width:850px;margin:auto}
 main.layout-pilot fieldset .choices:has(>.choice:nth-child(5))>.choice,main.layout-pilot.clarity-14 fieldset .choices.count-5>.choice{grid-column:span 2;width:100%;justify-self:stretch}
 main.layout-pilot fieldset .choices:has(>.choice:nth-child(5))>.choice:nth-child(4),main.layout-pilot.clarity-14 fieldset .choices.count-5>.choice:nth-child(4){grid-column:2/span 2}
 main.layout-pilot fieldset .choices:has(>.choice:nth-child(5))>.choice:nth-child(5),main.layout-pilot.clarity-14 fieldset .choices.count-5>.choice:last-child{grid-column:4/span 2;width:100%;justify-self:stretch}
 main.layout-pilot.clarity-14 .pilot-question>.reference{width:110px;max-height:270px}
 main.layout-pilot.layout-apple124 .apple124target{width:130px}
 main.layout-pilot.layout-apple124 .apple124pieces{max-width:500px}
 main.layout-pilot.layout-apple124 .apple124pieces svg{max-height:100px}
}

/* Shared standard for the four reviewed pilots; no other page loads this file. */
@media(min-width:700px) and (orientation:landscape){
 main.layout-pilot{min-height:100svh;grid-template-rows:auto minmax(min-content,1fr)}
 main.layout-pilot:has(>.feedback:not([hidden])){min-height:0;grid-template-rows:auto auto auto}
}
@media(min-width:1100px) and (orientation:landscape){
 main.layout-pilot{width:min(100%,1480px);grid-template-columns:minmax(0,1fr) minmax(0,1.22fr)}
 main.layout-pilot .pilot-question>.reference{max-width:520px;max-height:min(56svh,480px)}
 main.layout-pilot:not(.clarity-14) fieldset .choice>img{max-height:min(28svh,220px)}
 main.layout-pilot.clarity-14 .pilot-question>.reference{width:150px;max-height:min(53svh,405px)}
}
@media(min-width:700px) and (max-width:1099px) and (orientation:landscape){
 main.layout-pilot:not(.clarity-14):not(.layout-apple124) fieldset .choice>img{max-height:min(21svh,calc((100svh - 260px)/3))}
}
@media(min-width:1100px) and (min-height:850px) and (orientation:landscape){
 main.layout-pilot.layout-apple124 .apple124target{width:180px}
 main.layout-pilot.layout-apple124 .apple124pieces{max-width:520px}
 main.layout-pilot.layout-apple124 .apple124pieces svg{max-height:140px}
}
@media(min-width:700px) and (max-width:1099px) and (orientation:portrait){
 main.layout-pilot.layout-apple124 .apple124pieces svg{max-height:120px}
}
@media(max-width:699px){
 main.layout-pilot{display:flex;flex-direction:column;width:100%;padding:16px 14px 24px}
 main.layout-pilot>.round-stats{margin-bottom:14px}
 main.layout-pilot>.pilot-question{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;margin:0 0 16px}
 main.layout-pilot .pilot-question>.reference{width:100%;max-width:320px;max-height:260px;height:auto;object-fit:contain;margin:0}
 main.layout-pilot .pilot-question>.matrix-reference{max-width:360px;max-height:240px}
 main.layout-pilot .pilot-question>.asker{display:grid;grid-template-columns:60px minmax(0,1fr);gap:9px;width:100%;max-width:440px;margin:0}
 main.layout-pilot .pilot-question .pati{width:60px;height:74px}
 main.layout-pilot .pilot-question h1{font-size:20px;line-height:1.4;padding:12px 13px}
 main.layout-pilot>fieldset{width:100%;min-width:0}
 main.layout-pilot:not(.clarity-14) fieldset .choices{grid-template-columns:repeat(2,minmax(0,1fr));max-width:440px;gap:11px;margin:auto}
 main.layout-pilot:not(.clarity-14) fieldset .choices>.choice{grid-column:auto;width:100%;justify-self:stretch}
 main.layout-pilot:not(.clarity-14) fieldset .choices>.choice:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 5.5px);justify-self:center}
 main.layout-pilot.clarity-14 .pilot-question>.reference{width:96px;max-height:224px}
 main.layout-pilot.clarity-14 fieldset .choices{grid-template-columns:minmax(0,1fr);max-width:400px;gap:11px;margin:auto}
 main.layout-pilot.clarity-14 fieldset .choices>.choice{grid-column:auto;width:100%;justify-self:stretch}
 main.layout-pilot.clarity-14 fieldset .choice>img{width:100%;height:auto;max-height:140px;object-fit:contain}
 main.layout-pilot.layout-apple124 .apple124target{width:130px;max-width:100%;margin:0}
 main.layout-pilot.layout-apple124 .apple124pieces{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:420px;gap:8px;margin:0}
 main.layout-pilot.layout-apple124 .apple124pieces>div{min-width:0}
 main.layout-pilot.layout-apple124 .apple124pieces svg{width:100%;height:auto}
 main.layout-pilot.layout-apple124 .word-answer{font-size:24px;line-height:1.4;padding:12px 2px}
 main.layout-pilot>.feedback{width:100%;min-width:0}
}