style(responsive): standardize breakpoints for Home, Lotto, Travel, Blog

- Home.css: 960px → 1024px
- Lotto.css: merge 900px into 768px block; both 640px blocks → 480px
- Travel.css: merge 900px into 768px block; both 640px blocks → 480px
- Blog.css: merge 900px into 768px block (preserving all styles)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/pages/travel/Travel.css

@@ -193,6 +193,10 @@
 }
 
 @media (max-width: 768px) {
+    .tv-header {
+        grid-template-columns: 1fr;
+    }
+
     .tv-map {
         height: 300px;
     }
@@ -346,7 +350,7 @@
     }
 }
 
-@media (max-width: 640px) {
+@media (max-width: 480px) {
     .photo-mosaic {
         grid-template-columns: repeat(2, 1fr);
         grid-auto-rows: 180px;
@@ -966,13 +970,7 @@
 /* ═══════════════════════════════════════════════════
    RESPONSIVE
 ═══════════════════════════════════════════════════ */
-@media (max-width: 900px) {
-    .tv-header {
-        grid-template-columns: 1fr;
-    }
-}
-
-@media (max-width: 640px) {
+@media (max-width: 480px) {
     .travel {
         gap: 28px;
     }