/* Shared base stylesheet. Page-specific styles go in their own small file next to this one. */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; line-height: 1.6; }
img { max-width: 100%; height: auto; }
[hidden] { display: none !important; }
main { max-width: 720px; margin-inline: auto; padding: 48px 18px; }
/* The contact form's bot trap (src/contact.js HONEYPOT): off-screen, not display:none, which some bots skip. */
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
/* iPhone links text you didn't write as links, in YOUR link colour, so it can vanish on a dark section (Cielo, Sep 28 2026). Safari wraps phone numbers in a plain <a href="tel:"> this rule can't see: the format-detection meta in <head> is what stops that, so link real numbers with tel: yourself. This rule covers WebKit's other detector (Mail, some in-app browsers), which marks its links x-apple-data-detectors. */
a[x-apple-data-detectors] { color: inherit !important; text-decoration: inherit !important; font: inherit !important; }