/* Narrow screens: allow semantic units to wrap without shrinking text. */
@media(max-width:360px){
 .lp #section-3 h2 .lp-section-phrase {max-width:100%;white-space:normal;}
 .lp #section-3 h2 .lp-narrow-unit {display:inline-block;white-space:nowrap;}
}
/* Tablet only: keep choices as branches from one shared entry. */
@media(min-width:701px) and (max-width:900px){
 .lp #section-3 h2 .lp-section-phrase {display:inline-block;white-space:nowrap;max-width:100%;}
 .lp #section-2 .lp-problems-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .lp #section-3 .lp-choice-grid {grid-template-columns:minmax(0,1fr);}
 .lp #section-3 .lp-inspect::after {bottom:-18px;height:18px;}
 .lp #section-3 .lp-choice-branch {padding-top:32px;padding-left:26px;}
 .lp #section-3 .lp-choice-branch::before {left:0;right:auto;top:16px;bottom:0;width:2px;height:auto;}
 .lp #section-3 .lp-choice-branch::after {content:"";position:absolute;left:0;right:50%;top:16px;height:2px;background:#7c8956;}
 .lp #section-3 .lp-option::before {left:-26px;top:50px;width:26px;height:2px;}
 .lp #section-3 .lp-option::after {content:none;}
 .lp #section-3 .lp-option:last-child>p::after {content:"";position:absolute;left:-28px;top:52px;bottom:-2px;width:4px;background:#fffdf8;}
}
/* Only the flow heading: keep 完了 and other phrase units together. */
@media(max-width:900px){
 .lp #section-9 h2 .lp-flow-unit {display:inline-block;white-space:nowrap;max-width:100%;}
}