diff --git a/.gitignore b/.gitignore
index 86c0158..fbc2b61 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,3 +7,4 @@ coverage
 *.tsbuildinfo
 vite.config.js
 vite.config.d.ts
+tmp-screens
diff --git a/src/styles.css b/src/styles.css
index 01a9e5b..453cb27 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -35,6 +35,7 @@ html {
 body {
   min-width: 320px;
   margin: 0;
+  overflow-x: clip;
   background:
     linear-gradient(180deg, oklch(96% 0.017 174) 0, var(--bg) 360px),
     var(--bg);
@@ -259,7 +260,9 @@ a {
 }
 
 .profile-options label {
+  position: relative;
   display: inline-flex;
+  flex: 0 0 auto;
   align-items: center;
   justify-content: center;
   min-height: 38px;
@@ -284,6 +287,10 @@ a {
 
 .profile-options input {
   position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  margin: 0;
   opacity: 0;
 }
 
@@ -323,11 +330,13 @@ a {
   display: grid;
   grid-template-columns: 1fr;
   gap: 18px;
+  min-width: 0;
 }
 
 .primary-column,
 .secondary-column {
   display: grid;
+  min-width: 0;
   gap: 18px;
   align-content: start;
 }
@@ -347,6 +356,7 @@ a {
 .semaforo-panel {
   --risk-color: var(--green);
   display: grid;
+  min-width: 0;
   gap: 24px;
   padding: clamp(20px, 4vw, 34px);
   overflow: hidden;
@@ -386,6 +396,11 @@ a {
   grid-template-columns: auto minmax(0, 1fr);
   gap: clamp(18px, 4vw, 30px);
   align-items: center;
+  min-width: 0;
+}
+
+.semaforo-content > div {
+  min-width: 0;
 }
 
 .risk-orb {
@@ -411,9 +426,10 @@ a {
 .semaforo-content h1 {
   margin: 4px 0 0;
   font-family: var(--font-display);
-  font-size: clamp(3.6rem, 13vw, 7.5rem);
+  font-size: clamp(3.25rem, 8vw, 6.4rem);
   line-height: 0.86;
   letter-spacing: 0;
+  overflow-wrap: anywhere;
 }
 
 .risk-label {
@@ -532,6 +548,7 @@ a {
 .timeline-panel,
 .forecast-panel,
 .why-panel {
+  min-width: 0;
   padding: clamp(18px, 3vw, 24px);
 }
 
@@ -577,7 +594,9 @@ a {
   grid-auto-columns: minmax(172px, 1fr);
   grid-auto-flow: column;
   gap: 10px;
+  max-width: 100%;
   overflow-x: auto;
+  overscroll-behavior-inline: contain;
   padding-bottom: 4px;
   scroll-snap-type: x proximity;
 }
@@ -883,6 +902,15 @@ a {
     align-items: start;
   }
 
+  .secondary-column .forecast-day {
+    grid-template-columns: minmax(0, 1fr) auto;
+  }
+
+  .secondary-column .forecast-day dl {
+    grid-column: 1 / -1;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
   .semaforo-panel {
     min-height: 438px;
   }