From b4cad8fef30736793f93a323a1863089fc527037 Mon Sep 17 00:00:00 2001
From: Asger Geel Weirsoee <asger@weircon.dk>
Date: Tue, 20 Oct 2026 17:43:44 +0200
Subject: [PATCH] Border-box sizing on the theme's own layout components

Without a framework reset, .wt-main (width 100% plus padding) was wider than a phone screen.

Claude-Session: https://claude.ai/code/session_01QhLkBGEip8wQdaZ54z4AqJ
---
 weirsoe-theme.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/weirsoe-theme.css b/weirsoe-theme.css
index aec1047..b72b9e0 100644
--- a/weirsoe-theme.css
+++ b/weirsoe-theme.css
@@ -100,6 +100,8 @@ body::before {
 }
 
 /* ---------- responsive container ---------- */
+/* width:100% + padding must not overflow on pages without a framework reset (Bulma/Tailwind already do this) */
+.wt-container, .wt-main, .wt-header, .wt-nav, .wt-footer, .wt-card, .wt-input, .wt-btn, .wt-pre { box-sizing: border-box; }
 /* Full width (with gutters) on small screens; a centred max-width column on
    larger ones. Use --wt-container / --modifier to control the breakpoint width. */
 .wt-container {