From 56873816bb6ded648d76f7c227fb8fbcff74cf07 Mon Sep 17 00:00:00 2001
From: Codex Agent <agent@example.com>
Date: Mon, 9 Mar 2026 19:17:59 +0000
Subject: [PATCH] Adjust calc grid max columns

---
 hdyc-svelte/src/app.css | 23 ++++-------------------
 1 file changed, 4 insertions(+), 19 deletions(-)

diff --git a/hdyc-svelte/src/app.css b/hdyc-svelte/src/app.css
index db298b9..2c15c9b 100644
--- a/hdyc-svelte/src/app.css
+++ b/hdyc-svelte/src/app.css
@@ -669,27 +669,12 @@ a:focus-visible {
 
 .calc-list {
   display: grid;
-  grid-template-columns: repeat(1, minmax(0, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
+  width: 100%;
+  max-width: calc(4 * 360px + 3 * 0.75rem);
+  margin: 0 auto;
   gap: 0.75rem;
 }
-
-@media (min-width: 640px) {
-  .calc-list {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-}
-
-@media (min-width: 960px) {
-  .calc-list {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-}
-
-@media (min-width: 1280px) {
-  .calc-list {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-}
 .calc-list-item {
   display: block;
   position: relative;