fix: sync headlines scroll constraints and bump css cache

static/style.css

@@ -455,7 +455,7 @@ header {
 .dashboard-3col {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
-  grid-template-rows: 1fr 1fr;
+  grid-template-rows: auto auto;
   gap: 1rem;
   align-items: stretch;
   margin-bottom: 1.5rem;
@@ -481,6 +481,7 @@ header {
   display: flex;
   flex-direction: column;
   overflow: hidden;
+  max-height: 520px;
 }
 
 .sentiment-card {
@@ -539,7 +540,7 @@ header {
 }
 
 .headlines-card .headlines-list {
-  flex: 1;
+  flex: 1 1 0;
   overflow-y: auto;
   padding-right: 0.25rem;
   min-height: 0;
@@ -1461,7 +1462,7 @@ footer p {
         overflow: visible;
     }
 
-    .headlines-list {
+    .headlines-card .headlines-list {
         max-height: 360px;
         flex: none;
     }

templates/index.html

@@ -22,7 +22,7 @@
         })();
     </script>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="/static/style.css?v=11">
+    <link rel="stylesheet" href="/static/style.css?v=12">
     <link rel="icon" type="image/svg+xml"
         href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22 fill=%22%233b82f6%22>IA</text></svg>">
 </head>