/* Contact section only; the published homepage and report styles stay intact. */
.access-section { display: grid; grid-template-columns: .9fr 1.15fr; align-items: start; gap: 48px; padding: 48px; }
.contact-intro { padding-top: 12px; }
.contact-alternative { display: grid; gap: 4px; margin-top: 30px; font-size: .85rem; color: #4e674f; }
.contact-alternative .contact-link { align-self: start; overflow-wrap: anywhere; }
.contact-card { padding: 28px; border: 1px solid #d2e1d4; border-radius: 14px; background: #fff; box-shadow: 0 8px 32px #173a2608; }
.contact-card [hidden] { display: none !important; }
.contact-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 16px; margin-top: 18px; }
.contact-fields label { display: block; min-width: 0; color: var(--ink); font-size: .83rem; font-weight: 600; }
.contact-fields label > span { margin-left: 4px; color: var(--muted); font-size: .72rem; font-weight: 400; }
.contact-wide { grid-column: 1 / -1; }
.contact-fields input, .contact-fields select, .contact-fields textarea { display: block; width: 100%; min-width: 0; min-height: 46px; margin-top: 7px; padding: 10px 12px; border: 1px solid #adc3b6; border-radius: 6px; background: #fff; color: var(--ink); font-size: 16px; font-weight: 400; line-height: 1.5; }
.contact-fields textarea { min-height: 104px; resize: vertical; }
.contact-fields textarea::placeholder { color: #6a7970; font-size: .84rem; opacity: 1; }
.contact-fields [aria-invalid="true"] { border-color: #a1392e; background: #fffafa; }
.contact-card p.contact-help { margin: 0; max-width: none; color: var(--muted); font-size: .73rem; line-height: 1.65; }
.contact-card #contact-message-help { margin-top: 8px; }
.contact-consent { display: flex; align-items: flex-start; gap: 10px; margin-top: 22px; color: #3f5749; font-size: .79rem; line-height: 1.65; cursor: pointer; }
.contact-consent input { flex: 0 0 19px; width: 19px; height: 19px; margin: 2px 0 0; accent-color: var(--green); }
.contact-card p.contact-privacy { margin-top: 13px; max-width: none; color: var(--muted); font-size: .72rem; line-height: 1.7; }
.contact-privacy a { text-decoration-thickness: 1px; }
.contact-submit { width: 100%; margin-top: 22px; cursor: pointer; }
.contact-submit:disabled { cursor: wait; opacity: .7; }
.contact-status { margin-top: 18px; padding: 14px 16px; border: 1px solid #d1dfd3; border-radius: 8px; background: #f2f8f1; color: #234832; font-size: .87rem; line-height: 1.7; overflow-wrap: anywhere; }
.contact-status[data-state="error"] { border-color: #e0b2ac; background: #fff7f4; color: #87362d; }
.contact-status[data-state="success"] { margin-top: 0; }
.contact-card #contact-again { margin-top: 20px; cursor: pointer; }
.contact-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 950px) { .access-section { gap: 28px; padding: 34px; grid-template-columns: .8fr 1.2fr; } .contact-card { padding: 24px; } }
@media (max-width: 760px) { .access-section { grid-template-columns: 1fr; gap: 30px; padding: 30px 24px; } .contact-intro { padding-top: 0; } .contact-card { padding: 24px; } }
@media (max-width: 480px) { .access-section { padding: 28px 18px; } .contact-card { padding: 20px 16px; } .contact-fields { grid-template-columns: 1fr; gap: 16px; } .contact-card p.contact-help { font-size: .76rem; } .contact-consent { font-size: .8rem; } }