Stabilize City Analysis result workflow

web/src/css/aggregator.css

@@ -20,18 +20,15 @@
 /* City Analysis follows the same rail + full-width workspace geometry as Faktiskā. */
 .aggregator>.cityWorkspace{
     grid-template-columns:230px minmax(0,1fr);
-    grid-template-areas:"cities query" "cities results";
     column-gap:28px;
-    row-gap:16px;
 }
 .aggregator .workspaceRail{
-    grid-area:cities;
     padding:4px 24px 10px 0;
     border-right:1px solid rgba(90,126,166,.2);
 }
 .aggregator .workspaceRail h2{margin:0 0 18px;font-size:16px}
+.aggregator .analysisMain{display:grid;gap:16px;min-width:0;align-content:start}
 .aggregator .workspaceToolbar{
-    grid-area:query;
     display:grid;
     grid-template-columns:210px minmax(300px,1.25fr) minmax(500px,2fr);
     gap:24px;
@@ -50,18 +47,16 @@
 .aggregator .queryPanel h4{margin:0 0 9px}
 .aggregator .queryPanel p{margin:8px 0 0}
 .aggregator .queryOptions ul{margin:0;padding:0}
-.aggregator .resultsPanel{grid-area:results;grid-column:2;min-width:0;width:100%}
+.aggregator .resultsPanel{min-width:0;width:100%}
 .aggregator .resultsPanel>div{width:100%}
 
 @media(max-width:1200px){
-    .aggregator>.cityWorkspace{grid-template-columns:210px minmax(0,1fr);grid-template-areas:"cities query" "cities results"}
+    .aggregator>.cityWorkspace{grid-template-columns:210px minmax(0,1fr)}
     .aggregator .workspaceToolbar{grid-template-columns:1fr;align-items:start}
     .aggregator .queryOptions{grid-column:auto}
-    .aggregator .resultsPanel{grid-column:2}
 }
 @media(max-width:800px){
-    .aggregator>.cityWorkspace{grid-template-columns:1fr;grid-template-areas:"cities" "query" "results"}
+    .aggregator>.cityWorkspace{grid-template-columns:1fr}
     .aggregator .workspaceRail{padding-right:0;border-right:0;border-bottom:1px solid rgba(90,126,166,.2)}
     .aggregator .queryOptions{grid-template-columns:1fr}
-    .aggregator .resultsPanel{grid-column:1}
 }

web/src/pages/cities/Cities.tsx

@@ -28,6 +28,7 @@ export function Cities() {
                     <h2>1. Choose cities</h2>
                     <SelectCity getCities={getCities} setCities={setCities} />
                 </aside>
+                <section class="analysisMain">
                     <aside class="queryPanel workspaceToolbar">
                         <h2>2. Configure query</h2>
                         <div class="queryTimeRange">
@@ -57,6 +58,7 @@ export function Cities() {
                             getGranularity={getGranularity}
                         />
                     </section>
+                </section>
             </div>
         </div>
     );