/* V2.4: targeted contrast, semantics and contact-preparation corrections. */
:root{--petrol-text:#28666a;--field-border:#718078}
.eyebrow,.tag,.card-number{color:var(--petrol-text)}
.cta .eyebrow{color:#94c6c1}
main .text-link:hover,main .quiet-link:hover,main .service-card:hover{color:var(--petrol-text)}
input,textarea{border-color:var(--field-border)}
.example-body .example-title{font-size:24px;line-height:1.4;letter-spacing:-.45px;font-weight:600;margin-top:0;margin-bottom:1em}
.prose h2.legal-subheading{font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.75;font-weight:400;letter-spacing:normal;color:var(--muted);margin:0 0 20px}
.field-error{font-size:12px;line-height:1.6;color:var(--navy);margin:6px 0 0}
.field-error[hidden]{display:none}
input[aria-invalid=true],textarea[aria-invalid=true]{border-width:2px;border-color:var(--navy)}
.contact-email{margin:18px 0 0}
.contact-email .text-link{font-size:14px;gap:0;overflow-wrap:anywhere}
@media(max-width:760px){.example-body .example-title{font-size:22px}}

/* Keep the long privacy heading within its container without changing typography. */
.page-intro .privacy-title{overflow-wrap:anywhere}

/* Unavailable contact form: preserve layout and prevent an active-button appearance. */
#contact-form button[type=submit]:disabled{cursor:not-allowed;opacity:.65}
#contact-form button[type=submit]:disabled:hover{background:var(--petrol);color:white}

/* Original Instagram asset: display only its square nontransparent bounds at 22px. */
.instagram-link-with-logo{gap:8px;max-width:100%}
.instagram-logo{display:inline-block;position:relative;width:22px;height:22px;flex:0 0 22px;overflow:hidden}
.instagram-logo img{position:absolute;max-width:none;width:125%;height:auto;left:-12.5%;top:-28.125%}