) → 20px, plus the page-banner breadcrumb
trails and the footer's bottom copyright/legal bar → 20px. */
div[class*="tracking-wide"],
span[class*="tracking-wide"],
.sw-about-style .sw-breadcrumb,
div.text-sm.font-medium.text-gray-600,
footer .text-xs.text-cyan-200 {
font-size: 20px !important;
line-height: 1.5 !important;
}
}
}
/* Comfortable default line-height for plain paragraphs that aren't already
covered by a more specific rule above (leading-relaxed, the component
classes below, etc. all have higher specificity and win as before). Bare
tags simply relying on a Tailwind text-size class for their font-size
pick this up as a sensible baseline, sitewide. */
p { line-height: 1.7; }
/* Utility: prevent horizontal overflow across all pages */
* { box-sizing: border-box; }
/* Fluid .container override — Tailwind's default container snaps to fixed
step widths (640/768/1024/1280/1536px) at each breakpoint, which leaves a
large empty gutter on any viewport that falls between two steps (e.g. a
912px-wide Surface Pro/iPad gets stuck at the 768px step, ~144px narrower
than the viewport). Keeping the container fluid up to a sensible cap
avoids that dead space on every page while leaving the >=1792px overrides
below untouched.
IMPORTANT: the Tailwind CDN script (functions.php) compiles and injects
its own