/* Scoped contact additions; existing global styles remain byte-identical. */
.public-contact-form { display: grid; gap: 1.1rem; max-width: 42rem; margin-top: 2rem; }
.public-contact-form label { display: grid; gap: .45rem; font-weight: 600; }
.public-contact-form input, .public-contact-form textarea { box-sizing: border-box; width: 100%; min-width: 0; padding: .8rem; border: 1px solid #70603c; border-radius: .65rem; background: #161a20; color: #fff9ed; font: inherit; }
.public-contact-form textarea { resize: vertical; }
.public-contact-form button { min-height: 48px; padding: .9rem; border: 0; border-radius: .65rem; background: #ffca50; color: #17140c; font: inherit; font-weight: 700; cursor: pointer; }
.public-contact-form :focus-visible { outline: 3px solid #ffca50; outline-offset: 3px; }
.contact-notice { margin-top: 2rem; max-width: 48rem; overflow-wrap: anywhere; }
.contact-notice p { line-height: 1.6; }
.contact-feedback { padding: 1rem; border: 1px solid #b3964e; border-radius: .65rem; overflow-wrap: anywhere; }
.contact-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }

/* The route-only stylesheet must override global heading/paragraph wrapping. */
.intro > h1,
.contact-notice h2,
.contact-notice p {
  overflow-wrap: anywhere;
}