From 39899e38c40299f244ee77f653e26388146dc94c Mon Sep 17 00:00:00 2001
From: popovskik <aleksandar.popovski@proxify.io>
Date: Fri, 31 Jul 2026 13:38:08 +0200
Subject: [PATCH] Route report print: comfortable sizing filling one page, keep
 key links

Reverts the over-compacted tiny/top-heavy print. Uses readable sizes (12px base, 22px title), centered header, and keeps the Key pages block so the report fills one A4 page nicely while still fitting on a single page; blocks keep page-break-inside:avoid.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 css/pages/_guide.css | 39 ++++++++++++++++++++-------------------
 1 file changed, 20 insertions(+), 19 deletions(-)

diff --git a/css/pages/_guide.css b/css/pages/_guide.css
index 740554bf..1aac49b3 100644
--- a/css/pages/_guide.css
+++ b/css/pages/_guide.css
@@ -979,27 +979,28 @@
         top: 0;
         width: 100%;
         box-sizing: border-box;
-        padding: 12mm 14mm;
+        padding: 15mm 16mm;
         border: none;
         border-radius: 0;
         box-shadow: none;
-        font-size: 10.5px;
+        font-size: 12px;
     }
-    .no-print, .route-links-block { display: none !important; }
-    /* Compact header as a row to save vertical space */
-    .route-report-head { flex-direction: row; align-items: center; text-align: left; gap: 12px; padding-bottom: 8px; margin-bottom: 10px; }
-    .route-report-logo { height: 34px; }
-    .route-report h1 { font-size: 17px; }
-    .route-report-date { font-size: 9px; margin-top: 2px; }
-    .route-report-intro { font-size: 10.5px; line-height: 15px; margin: 0 0 4px; }
-    .route-report h2 { font-size: 12px; margin: 11px 0 5px; page-break-after: avoid; }
-    .route-chips { gap: 5px; margin: 3px 0; page-break-inside: avoid; }
-    .route-chip { min-width: 0; padding: 4px 8px; }
-    .route-chip span { font-size: 7.5px; }
-    .route-chip strong { font-size: 10px; }
-    .route-steps li { padding: 5px 0 5px 26px; line-height: 14px; page-break-inside: avoid; }
-    .route-steps li::before { width: 18px; height: 18px; font-size: 9px; top: 5px; }
-    .route-focus li { padding: 3px 0 3px 16px; line-height: 14px; page-break-inside: avoid; }
-    .route-focus li::before { top: 10px; }
-    .route-disclaimer { margin: 11px 0 0; padding: 8px 10px; font-size: 9px; line-height: 13px; page-break-inside: avoid; }
+    .no-print { display: none !important; }
+    .route-report-head { padding-bottom: 14px; margin-bottom: 16px; gap: 10px; }
+    .route-report-logo { height: 42px; }
+    .route-report h1 { font-size: 22px; }
+    .route-report-date { font-size: 11px; }
+    .route-report-intro { font-size: 12px; line-height: 18px; margin: 0 0 6px; }
+    .route-report h2 { font-size: 14px; margin: 16px 0 8px; page-break-after: avoid; }
+    .route-chips { gap: 8px; page-break-inside: avoid; }
+    .route-chip { padding: 7px 11px; }
+    .route-chip span { font-size: 9px; }
+    .route-chip strong { font-size: 12px; }
+    .route-steps li { padding: 8px 0 8px 32px; line-height: 18px; page-break-inside: avoid; }
+    .route-steps li::before { width: 22px; height: 22px; font-size: 11px; top: 7px; }
+    .route-focus li { padding: 5px 0 5px 20px; line-height: 18px; page-break-inside: avoid; }
+    .route-focus li::before { top: 12px; }
+    .route-links { gap: 6px; page-break-inside: avoid; }
+    .route-links a { padding: 5px 9px; font-size: 11px; }
+    .route-disclaimer { margin: 14px 0 0; padding: 11px 13px; font-size: 10.5px; line-height: 15px; page-break-inside: avoid; }
 }