From ec86263c5c05144394f93c2231a8ce471a1dd5e7 Mon Sep 17 00:00:00 2001
From: Jukka Lampikoski <jukka@lampikoski.com>
Date: Wed, 11 Mar 2026 12:51:08 +0200
Subject: [PATCH] Ohjeiden kuvat oletuksena max 400px, klikkaa suurentaa
 lightboxissa

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 style.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/style.css b/style.css
index 94dd1af..5c6d484 100644
--- a/style.css
+++ b/style.css
@@ -1121,8 +1121,8 @@ span.empty {
 .guide-content hr { border:none; border-top:2px solid #f0f2f5; margin:1.5rem 0; }
 .guide-tb-btn { background:#f0f2f5; border:1px solid #ddd; padding:4px 10px; border-radius:5px; font-size:0.78rem; font-weight:600; cursor:pointer; color:#555; transition:all 0.15s; }
 .guide-tb-btn:hover { background:var(--primary-color); color:#fff; border-color:var(--primary-color); }
-.guide-img { max-width:100%; border-radius:8px; margin:0.75rem 0; cursor:zoom-in; transition:transform 0.15s, box-shadow 0.15s; border:1px solid #e8e8e8; }
-.guide-img:hover { transform:scale(1.01); box-shadow:0 4px 16px rgba(0,0,0,0.12); }
+.guide-img { max-width:400px; border-radius:8px; margin:0.75rem 0; cursor:zoom-in; transition:box-shadow 0.15s; border:1px solid #e0e0e0; display:block; }
+.guide-img:hover { box-shadow:0 4px 20px rgba(0,0,0,0.18); border-color:#bbb; }
 
 /* Role badge */
 .role-badge {