.desk>*{min-width:0}.sheet{max-width:100%}.scene,.answer,.poster{overflow-wrap:anywhere}.poster .code{overflow-wrap:anywhere}.brain{max-width:100%}.qtop{flex-wrap:wrap}.location{font-size:12px}.research a{overflow-wrap:anywhere}
@media(max-width:700px){
 header{padding:16px;align-items:center}.brand{font-size:18px}.issue{font-size:12px}
 main{padding:28px 16px 32px}.desk{gap:30px}.sheet{padding:20px 18px}
 .qtop{align-items:flex-start;gap:6px 12px}.location{text-align:left;max-width:100%}
 .scene,.answer{font-size:1rem;line-height:1.7}.scene{margin-bottom:18px}
 .answer{min-height:52px;padding:12px}.answer.na{font-size:14px;padding:10px 0;min-height:44px}
 .actions{gap:12px}.back{min-height:44px;padding:10px 8px}.primary,.secondary{min-height:48px}
 .question{scroll-margin-top:18px}#question-card{scroll-margin-top:20px}
 .result-actions{align-items:stretch}.result-actions .primary,.result-actions .secondary{flex:1}
 .poster{padding:23px 20px}.poster h1{font-size:clamp(28px,8vw,36px)}
 .result-cols{gap:25px}.result-cols .sheet{padding:22px 18px}
 footer{padding:22px 16px calc(22px + env(safe-area-inset-bottom))}
}
@media(max-width:359px){
 header{gap:8px}.brand{font-size:17px}.issue{max-width:75px}
 main{padding:26px 12px}.sheet{padding:19px 15px}.question{font-size:22px!important}
 .actions .primary{padding:10px 16px}.poster{padding:20px 16px}.result-actions .primary,.result-actions .secondary{flex-basis:100%}
}