/* EVO mobile follows the approved Lens composition. Desktop is unchanged. */
@media(max-width:799px){
 #main .hero h1{word-break:keep-all;overflow-wrap:anywhere}
 #main .hero>.container{gap:32px}
 #main #definition .split>div{order:-1}
 #main #principle .section-heading,#main #specifications .section-heading,#main #features .section-heading{text-align:left}
 #main #principle .cards{grid-auto-rows:auto}
 #main #features .features{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
 #main #features .feature-card{height:auto;min-height:0}
 #main #features .feature-card:last-child{grid-column:auto}
 #main #features .feature-card h3{min-height:0}
 #main #features .feature-content,#main #features .feature-copy{height:auto;max-height:none;overflow:visible}
 /* 2026-10-26 approved fix: system-1018 owns mobile fold visibility and transitions. */
 #main #lens-continuation #planning .plan-card-02 .plan-flow{grid-auto-rows:1fr;align-items:stretch}
 #main #lens-continuation #planning .plan-card-02 .plan-flow .card{display:grid;grid-template-columns:minmax(64px,30%) minmax(0,1fr);align-items:center;gap:8px 12px;padding:16px;border-top:0}
 #main #lens-continuation #planning .plan-card-02 .plan-flow-image{grid-column:1;grid-row:1;align-self:center;width:100%;max-width:none}
 #main #lens-continuation #planning .plan-card-02 .plan-flow .card:has(>p) .plan-flow-image{grid-row:1/3}
 #main #lens-continuation #planning .plan-card-02 .plan-flow-title{grid-column:2;grid-row:1;gap:8px}
 #main #lens-continuation #planning .plan-card-02 .plan-flow .card h3{font-size:15px;color:#323232}
 #main #lens-continuation #planning .plan-card-02 .plan-flow .card>p{grid-column:2;grid-row:2;font-size:14px;line-height:1.5!important}
 #main #lens-continuation #planning .plan-flow h3,#main #lens-continuation #planning .plan-flow p{word-break:keep-all;overflow-wrap:anywhere}
}