/* Small, additive layer on top of the real ported styles.css. Every rule here is either (a) a class that genuinely doesn't exist in the original site (the SEO-only category grid), or (b) a static-site substitute for something the original did with JS (marquee auto-scroll). Nothing in this file should redeclare a class that styles.css already owns — site.css loads after styles.css, so any duplicate here would silently win and drift the design away from the original. */ /* ---------- contact form fields: left border edge looked cut off ---------- .form-field input/select/textarea in styles.css sets a uniform 1px border on all sides, then overrides just border-left to 2px (for the orange accent stripe that appears on focus/filled/error). Two different border widths on the same rounded box (border-radius:2px) makes the corners render inconsistently — the thicker left edge doesn't sweep into the corner arc the same way the thinner top/bottom edges do, so the left side can look clipped/discontinuous right where it meets the rounded corners. Making every side 2px removes the mismatch; the accent still works exactly the same way since it's driven by border-left-COLOR (transparent/orange/red), not width. */ .form-field input, .form-field select, .form-field textarea { border-width: 2px; } /* The original nav is `position:fixed` and pages compensate with an inline `padding-top:140px` on their first .section (ported as-is on every rebuilt page). The one exception is the home hero, which is `height:100vh` and intentionally sits behind the fixed nav exactly like the original. */ /* ---------- .btn-secondary was rendering as an underlined link ---------- .btn-primary explicitly sets text-decoration:none in styles.css, but .btn-secondary never got the same reset (the original only ever used it as a