body {
}

.contact-hero {
  padding-top: var(--space-16);
}

.contact-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  gap: var(--space-8);
  align-items: center;
}

@media (max-width: 960px) {
  .contact-hero-inner {
    grid-template-columns: 1fr;
  }
}

.contact-hero-subtitle {
  max-width: 40rem;
}

.contact-hero-cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  margin-top: var(--space-4);
}

.contact-hero-meta {
  margin-top: var(--space-3);
  font-size: var(--font-size-sm);
}

.contact-hero-visual {
  max-width: 28rem;
  margin-left: auto;
}

.contact-media-placeholder {
  min-height: 260px;
}

.breadcrumb {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  margin-bottom: var(--space-3);
}

.breadcrumb ol {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.breadcrumb li + li::before {
  content: "/";
  margin-right: var(--space-2);
  color: rgba(163, 176, 217, 0.6);
}

.breadcrumb-link {
  color: var(--color-text-muted);
}

.contact-topics-grid {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.contact-topic-cards {
  margin-top: var(--space-4);
}

.contact-topic-card .card-inner p {
  margin-bottom: var(--space-3);
}

.contact-list {
  list-style: disc;
  padding-left: 1.2rem;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.contact-list li + li {
  margin-top: 0.25rem;
}

.contact-policy-callout a {
  color: var(--color-primary);
}

.contact-form-wrapper {
  max-width: var(--container-width);
}

.contact-form-layout {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  gap: var(--space-8);
  margin-top: var(--space-6);
}

@media (max-width: 960px) {
  .contact-form-layout {
    grid-template-columns: 1fr;
  }
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.contact-form-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
}

.contact-form-field {
  flex: 1 1 min(260px, 100%);
}

.contact-form-field label {
  display: block;
  margin-bottom: 0.35rem;
  font-size: var(--font-size-sm);
}

.field-hint {
  margin-top: 0.3rem;
  margin-bottom: 0;
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
}

.required-indicator {
  color: var(--color-danger);
  margin-left: 0.1rem;
}

.contact-legend {
  font-size: var(--font-size-sm);
  margin-bottom: var(--space-2);
}

.contact-consent-option {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
}

.contact-consent-option input[type="checkbox"] {
  margin-top: 0.2rem;
}

.contact-form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
  margin-top: var(--space-2);
}

.contact-response-time {
  margin-bottom: 0;
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.contact-quick-links {
  list-style: none;
  padding-left: 0;
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.contact-quick-links li + li {
  margin-top: 0.4rem;
}

.contact-quick-links a {
  color: var(--color-primary);
}

.contact-info-card,
.contact-security-card,
.contact-company-card {
  font-size: var(--font-size-sm);
}

.contact-info-card h3,
.contact-security-card h3,
.contact-company-card h3 {
  margin-bottom: var(--space-3);
}

.contact-company-details {
  display: grid;
  gap: var(--space-3);
  margin: var(--space-4) 0 0;
}

.contact-company-details div {
  padding-bottom: var(--space-3);
  border-bottom: 1px solid rgba(163, 176, 217, 0.18);
}

.contact-company-details div:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.contact-company-details dt {
  margin-bottom: 0.35rem;
  color: var(--color-text-muted);
}

.contact-company-details dd {
  margin: 0;
}

.contact-company-details a {
  color: var(--color-primary);
}