diff --git a/frontend/src/components/WeatherCard.vue b/frontend/src/components/WeatherCard.vue
index e884199..1fbb247 100644
--- a/frontend/src/components/WeatherCard.vue
+++ b/frontend/src/components/WeatherCard.vue
@@ -123,6 +123,7 @@ const fetchedAtLabel = computed(() => {
   padding: 1rem 1.25rem;
   margin-bottom: 1rem;
   font-size: 0.9rem;
+  container-type: inline-size;
 }
 
 .weather-header {
@@ -150,12 +151,12 @@ const fetchedAtLabel = computed(() => {
 }
 
 .weather-icon {
-  font-size: 2rem;
+  font-size: clamp(1.5rem, 5cqi, 2.5rem);
   line-height: 1;
 }
 
 .weather-temp {
-  font-size: 2rem;
+  font-size: clamp(1.5rem, 5cqi, 2.5rem);
   font-weight: 700;
   line-height: 1;
 }
@@ -209,7 +210,7 @@ const fetchedAtLabel = computed(() => {
 }
 
 .forecast-icon {
-  font-size: 1.1rem;
+  font-size: clamp(0.9rem, 3cqi, 1.3rem);
   line-height: 1;
 }
 
diff --git a/frontend/src/views/BriefingView.vue b/frontend/src/views/BriefingView.vue
index 1eb21a9..9cd7b1d 100644
--- a/frontend/src/views/BriefingView.vue
+++ b/frontend/src/views/BriefingView.vue
@@ -354,7 +354,7 @@ onMounted(async () => {
 
 .briefing-shell {
   display: grid;
-  grid-template-columns: 1fr minmax(420px, 620px);
+  grid-template-columns: 1fr minmax(320px, 35%);
   grid-template-rows: auto 1fr;
   height: 100%;
   min-height: 0;
@@ -442,6 +442,10 @@ onMounted(async () => {
   min-height: 0;
 }
 
+.briefing-chat-panel :deep(.input-wrapper) {
+  border-top: none;
+}
+
 /* ─── Right column (Weather + News) ──────────────────────────────────────── */
 
 .briefing-right {
@@ -456,7 +460,6 @@ onMounted(async () => {
 .weather-section {
   flex-shrink: 0;
   padding: 1rem 1rem 0.5rem;
-  border-bottom: 1px solid var(--color-border);
 }
 
 .weather-section :deep(.weather-card) {