From 4d6435052e97a5bf33edf9be135bb760ad9255b5 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sun, 26 Oct 2025 13:12:18 +0000
Subject: [PATCH] Increase description text size and card color on print

---
 src/components/StatCard.tsx |  6 +++---
 src/pages/Briefing.tsx      | 14 ++++++++++++--
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/components/StatCard.tsx b/src/components/StatCard.tsx
index 75c293b..6d5216b 100644
--- a/src/components/StatCard.tsx
+++ b/src/components/StatCard.tsx
@@ -9,10 +9,10 @@ interface StatCardProps {
 
 export const StatCard = ({ icon: Icon, number, label }: StatCardProps) => {
   return (
-    <Card className="p-6 text-center bg-card shadow-[var(--shadow-card)] border-border">
+    <Card className="stat-card p-6 text-center bg-card shadow-[var(--shadow-card)] border-border">
       <Icon className="w-12 h-12 mx-auto mb-4 text-primary" />
-      <p className="text-4xl font-bold text-primary mb-2">{number}</p>
-      <p className="text-muted-foreground">{label}</p>
+      <p className="stat-number text-4xl font-bold text-primary mb-2">{number}</p>
+      <p className="stat-label text-muted-foreground">{label}</p>
     </Card>
   );
 };
diff --git a/src/pages/Briefing.tsx b/src/pages/Briefing.tsx
index 6496507..fc7c81e 100644
--- a/src/pages/Briefing.tsx
+++ b/src/pages/Briefing.tsx
@@ -57,6 +57,16 @@ const Briefing = () => {
           .stat-grid {
             margin: 1.5rem 0 !important;
           }
+          
+          .stat-card {
+            border-color: black !important;
+          }
+          
+          .stat-card svg,
+          .stat-card .stat-number,
+          .stat-card .stat-label {
+            color: black !important;
+          }
         }
       `}</style>
       {/* Header */}
@@ -68,10 +78,10 @@ const Briefing = () => {
           <p className="text-3xl md:text-4xl text-foreground font-bold mb-4 print:text-2xl print:text-black">
             Dear Enterprise Place Residents
           </p>
-          <p className="text-xl md:text-2xl text-foreground max-w-3xl mx-auto mt-4 font-semibold print:text-lg print:text-black">
+          <p className="text-2xl md:text-3xl text-foreground max-w-3xl mx-auto mt-4 font-semibold print:text-2xl print:text-black">
             Our carpark was closed. We now walk through town to reach our cars.
           </p>
-          <p className="text-xl md:text-2xl text-foreground max-w-3xl mx-auto mt-2 font-bold print:text-lg print:text-black">
+          <p className="text-2xl md:text-3xl text-foreground max-w-3xl mx-auto mt-2 font-bold print:text-2xl print:text-black">
             This is not safe. This is not sustainable.
           </p>
         </div>