.contact-page{display:block}

.contact-hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-4)}
.contact-hero-text{grid-column:span 6;max-width:65ch}

.contact-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.contact-scope-allowed,.contact-scope-disallowed{min-width:0}

.contact-form-wrapper{max-width:100%;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}
.contact-form{display:flex;flex-direction:column;gap:var(--space-4)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.form-field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}
.form-field.full{grid-column:span 2}
.form-field input,.form-field textarea{border:1px solid var(--color-border);padding:var(--space-2);border-radius:var(--radius-sm)}
.form-consent{display:flex;flex-direction:column;gap:var(--space-3)}
.consent-row{display:flex;gap:var(--space-2);align-items:flex-start}

.contact-response-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}
.contact-response-text{grid-column:span 6;max-width:60ch}

.contact-guidelines-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.contact-guidelines-good,.contact-guidelines-bad{min-width:0}

.contact-cta-inner{display:flex;flex-direction:column;gap:var(--space-3)}
.contact-cta-secondary-inner{display:flex}

.contact-note-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}
.contact-note-text{grid-column:span 6;max-width:60ch;display:flex;flex-direction:column;gap:var(--space-3)}

@media (max-width:900px){
.contact-hero-text{grid-column:span 8}
.contact-response-text,.contact-note-text{grid-column:span 8}
}

@media (max-width:768px){
.contact-hero-grid{grid-template-columns:1fr}
.contact-hero-text{grid-column:auto;max-width:100%}

.contact-scope-grid{grid-template-columns:1fr}
.form-grid{grid-template-columns:1fr}
.form-field.full{grid-column:auto}

.contact-response-grid{grid-template-columns:1fr}
.contact-response-text{grid-column:auto;max-width:100%}

.contact-guidelines-grid{grid-template-columns:1fr}

.contact-note-grid{grid-template-columns:1fr}
.contact-note-text{grid-column:auto;max-width:100%}
}