/**
 * Bushari Design System — shared components.
 *
 * This bundle is opt-in. It owns reusable presentation only; page structure,
 * data, validation, submission, and state changes remain with their source.
 */

/* Accessibility */

.bds-button,
.bds-container,
.bds-section,
.bds-service-hero,
.bds-breadcrumb,
.bds-related,
.bds-cta,
.bds-card,
.bds-person-card,
.bds-listing-summary,
.bds-process__marker,
.bds-faq__summary::after,
.bds-lead-form,
.bds-field__control,
.bds-checkbox__control,
.bds-consent__control,
.bds-form-errors,
.bds-form-status {
  box-sizing: border-box;
}

.bds-visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.bds-skip-link {
  background: var(--bds-color-paper, var(--bds-color-bg-primary));
  color: var(--bds-color-ink, var(--bds-color-text-primary));
  font-family: var(--bds-font-sans);
  font-weight: 600;
  left: var(--bds-space-4);
  padding: var(--bds-space-3) var(--bds-space-4);
  position: fixed;
  top: var(--bds-space-4);
  transform: translateY(calc(-100% - var(--bds-space-6)));
  z-index: 1000;
}

.bds-skip-link:focus-visible {
  outline: var(--bds-focus-width, 3px) solid var(--bds-focus-color, var(--bds-color-border-focus));
  outline-offset: var(--bds-focus-offset, 3px);
  transform: translateY(0);
}

/* Containers, sections, and service openings */

.bds-container {
  margin-inline: auto;
  max-width: var(--bds-container-standard, 1240px);
  min-width: 0;
  padding-inline: 48px;
  width: 100%;
}

@media (max-width: 991px) {
  .bds-container {
    padding-inline: 32px;
  }
}

@media (max-width: 640px) {
  .bds-container {
    padding-inline: 20px;
  }
}

.bds-section {
  color: var(--bds-color-ink, var(--bds-color-text-primary));
  font-family: var(--bds-font-sans);
  padding-block: var(--bds-space-section, clamp(40px, 5vw, 56px));
}

.bds-section--surface {
  background: var(--bds-color-surface, var(--bds-color-bg-secondary));
}

.bds-section--ruled {
  border-block: 1px solid var(--bds-color-rule, var(--bds-color-border-default));
}

/* Verified proof band
 *
 * The BTT plugin owns values, readiness, labels, and omission. This shared
 * component only gives any approved host page a consistent full-canvas band.
 */

body #brx-content .bds-proof-band {
  background: var(--bds-color-bg-inverse);
  padding-block: 32px;
}

body #brx-content .bds-proof-band .brxe-shortcode {
  width: 100%;
}

body #brx-content .bds-proof-band .btt-service-proof {
  background: transparent;
  border-color: var(--bds-color-border-inverse);
  color: var(--bds-color-text-inverse);
  max-width: none;
  width: 100%;
}

body #brx-content .bds-proof-band :where(.btt-service-proof__eyebrow, .btt-service-proof__thin-stats dt, .btt-service-proof__stat dt, .btt-service-proof__stat-detail, .btt-service-proof__details, .btt-service-proof__method) {
  color: var(--bds-color-text-inverse-muted);
}

body #brx-content .bds-proof-band .btt-service-proof__stats {
  background: var(--bds-color-border-inverse);
}

body #brx-content .bds-proof-band .btt-service-proof__stat {
  background: var(--bds-color-bg-inverse);
}

.bds-section__header {
  margin-bottom: var(--bds-space-6);
  max-width: var(--bds-container-prose, 720px);
}

.bds-service-hero {
  background: var(--bds-color-surface, var(--bds-color-bg-secondary));
  border-bottom: 1px solid var(--bds-color-rule, var(--bds-color-border-default));
  color: var(--bds-color-ink, var(--bds-color-text-primary));
  font-family: var(--bds-font-sans);
  padding-block: var(--bds-space-section, clamp(40px, 5vw, 56px));
}

.bds-button-row,
.bds-service-hero__actions,
.bds-cta__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--bds-space-3);
  margin-top: var(--bds-space-6);
}

.bds-services-hub {
  min-width: 0;
}

/* Breadcrumbs */

.bds-breadcrumb {
  color: var(--bds-color-ink-muted, var(--bds-color-text-tertiary));
  font-family: var(--bds-font-sans);
  font-size: 13px;
  line-height: 1.5;
}

.bds-breadcrumb__list {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--bds-space-2);
  justify-content: flex-start;
  list-style: none;
  margin: 0;
  padding: var(--bds-space-4) 0;
}

.bds-breadcrumb__item {
  align-items: center;
  display: inline-flex;
  flex: 0 1 auto;
  gap: var(--bds-space-2);
  min-width: 0;
  width: auto;
}

.bds-breadcrumb__item + .bds-breadcrumb__item::before {
  color: var(--bds-color-rule, var(--bds-color-border-default));
  content: "/";
}

.bds-breadcrumb__link {
  align-items: center;
  color: var(--bds-color-brand-strong, var(--bds-color-text-link));
  display: inline-flex;
  min-height: 44px;
  min-width: 44px;
  text-decoration: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.2em;
}

.bds-breadcrumb__current {
  color: var(--bds-color-ink-soft, var(--bds-color-text-secondary));
  overflow-wrap: anywhere;
}

/* Actions */

.bds-button {
  align-items: center;
  appearance: none;
  border: 1px solid transparent;
  border-radius: var(--bds-radius-sm, 4px);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--bds-font-sans);
  font-size: 15px;
  font-weight: 600;
  gap: var(--bds-space-2);
  justify-content: center;
  line-height: 1.25;
  min-height: 44px;
  min-width: 44px;
  padding: 10px var(--bds-space-5);
  text-align: center;
  text-decoration: none;
  transition: background-color var(--bds-motion-duration-state, 150ms) var(--bds-motion-easing-standard, ease),
    border-color var(--bds-motion-duration-state, 150ms) var(--bds-motion-easing-standard, ease),
    color var(--bds-motion-duration-state, 150ms) var(--bds-motion-easing-standard, ease);
}

.bds-button--primary {
  background: var(--bds-color-brand, var(--bds-color-action-primary-bg));
  border-color: var(--bds-color-brand, var(--bds-color-action-primary-bg));
  color: var(--bds-color-paper, var(--bds-color-action-primary-text));
}

.bds-button--primary:hover {
  background: var(--bds-color-brand-strong, var(--bds-color-action-accent-bg));
  border-color: var(--bds-color-brand-strong, var(--bds-color-action-accent-bg));
}

.bds-button--secondary {
  background: var(--bds-color-paper, var(--bds-color-action-secondary-bg));
  border-color: var(--bds-color-ink, var(--bds-color-border-strong));
  color: var(--bds-color-ink, var(--bds-color-action-secondary-text));
}

.bds-button--secondary:hover {
  background: var(--bds-color-surface, var(--bds-color-bg-secondary));
  border-color: var(--bds-color-brand, var(--bds-color-border-focus));
  color: var(--bds-color-brand-strong, var(--bds-color-text-link));
}

.bds-button--text {
  background: transparent;
  border-color: transparent;
  color: var(--bds-color-brand-strong, var(--bds-color-text-link));
  padding-inline: var(--bds-space-2);
  text-decoration: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.22em;
}

.bds-button--text:hover {
  color: var(--bds-color-ink, var(--bds-color-text-primary));
}

.bds-button:focus-visible,
.bds-text-link:focus-visible,
.bds-source-row__link:focus-visible,
.bds-breadcrumb__link:focus-visible,
.bds-related__link:focus-visible,
.bds-card__title-link:focus-visible,
.bds-person-card__name-link:focus-visible,
.bds-listing-summary__title-link:focus-visible {
  outline: var(--bds-focus-width, 3px) solid var(--bds-focus-color, var(--bds-color-border-focus));
  outline-offset: var(--bds-focus-offset, 3px);
}

.bds-button:disabled,
.bds-button[aria-disabled="true"] {
  background: var(--bds-color-action-disabled-bg, #ececec);
  border-color: var(--bds-color-action-disabled-bg, #ececec);
  color: var(--bds-color-action-disabled-text, #6e6e70);
  cursor: not-allowed;
}

.bds-button__status {
  font-size: 13px;
  font-weight: 500;
}

.bds-text-link,
.bds-source-row__link,
.bds-card__title-link,
.bds-person-card__name-link,
.bds-listing-summary__title-link {
  align-items: center;
  color: var(--bds-color-brand-strong, var(--bds-color-text-link));
  display: inline-flex;
  font-weight: 600;
  min-height: 44px;
  text-decoration: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.2em;
}

.bds-text-link:hover,
.bds-source-row__link:hover,
.bds-card__title-link:hover,
.bds-person-card__name-link:hover,
.bds-listing-summary__title-link:hover {
  color: var(--bds-color-ink, var(--bds-color-text-primary));
}

/* Related reporting */

.bds-related {
  color: var(--bds-color-ink, var(--bds-color-text-primary));
  font-family: var(--bds-font-sans);
}

.bds-related__grid {
  display: grid;
  gap: var(--bds-space-5);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 288px), 1fr));
}

.bds-related__item {
  border-top: 1px solid var(--bds-color-rule, var(--bds-color-border-default));
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding-top: var(--bds-space-4);
}

.bds-related__meta {
  color: var(--bds-color-ink-muted, var(--bds-color-text-tertiary));
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.45;
  margin: 0 0 var(--bds-space-2);
  text-transform: uppercase;
}

.bds-related__title {
  color: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.35;
  margin: 0;
  overflow-wrap: break-word;
}

.bds-related__summary {
  color: var(--bds-color-ink-soft, var(--bds-color-text-secondary));
  font-size: var(--bds-type-body-size, 17px);
  line-height: 1.6;
  margin: var(--bds-space-3) 0 0;
}

.bds-related__link {
  align-items: center;
  align-self: flex-start;
  color: var(--bds-color-brand-strong, var(--bds-color-text-link));
  display: inline-flex;
  font-weight: 600;
  margin-top: auto;
  min-height: 44px;
  padding-top: var(--bds-space-4);
  text-decoration: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.2em;
}

.bds-related__link:hover,
.bds-breadcrumb__link:hover {
  color: var(--bds-color-ink, var(--bds-color-text-primary));
}

/* Closing calls to action */

.bds-cta {
  background: var(--bds-color-ink, var(--bds-color-bg-inverse));
  color: var(--bds-color-paper, var(--bds-color-text-inverse));
  font-family: var(--bds-font-sans);
  padding-block: var(--bds-space-section, clamp(40px, 5vw, 56px));
}

.bds-cta__inner {
  max-width: var(--bds-container-prose, 720px);
}

body #brx-content .bds-cta .bds-cta__title {
  color: var(--bds-color-paper, var(--bds-color-text-inverse));
  font-family: var(--bds-font-display, var(--bds-font-sans));
  font-size: clamp(28px, 25.2px + 0.9vw, 36px);
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.1;
  margin: 0;
}

.bds-cta__text {
  color: var(--bds-color-text-inverse-muted);
  font-size: var(--bds-type-body-size, 17px);
  line-height: 1.7;
  margin: var(--bds-space-4) 0 0;
  max-width: 65ch;
}

.bds-cta .bds-button--primary {
  background: var(--bds-color-paper, var(--bds-color-action-primary-text));
  border-color: var(--bds-color-paper, var(--bds-color-action-primary-text));
  color: var(--bds-color-ink, var(--bds-color-action-secondary-text));
}

.bds-cta .bds-button--primary:hover {
  background: var(--bds-color-brand-wash, var(--bds-color-bg-secondary));
  border-color: var(--bds-color-brand-wash, var(--bds-color-bg-secondary));
}

.bds-cta .bds-button--secondary {
  background: transparent;
  border-color: var(--bds-color-paper, var(--bds-color-border-inverse));
  color: var(--bds-color-paper, var(--bds-color-text-inverse));
}

.bds-cta .bds-button--secondary:hover {
  background: var(--bds-color-paper, var(--bds-color-bg-primary));
  color: var(--bds-color-ink, var(--bds-color-text-primary));
}

/* Title groups */

.bds-title-group {
  color: var(--bds-color-ink, var(--bds-color-text-primary));
  font-family: var(--bds-font-sans);
  max-width: var(--bds-container-prose, 720px);
  min-width: 0;
}

.bds-title-group > :first-child {
  margin-block-start: 0;
}

.bds-title-group > :last-child {
  margin-block-end: 0;
}

.bds-eyebrow {
  color: var(--bds-color-brand-strong, var(--bds-color-text-link));
  display: block;
  font-family: var(--bds-font-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.15em;
  line-height: 1.4;
  margin-block: 0 12px;
  text-transform: uppercase;
}

.bds-title-group__title {
  color: inherit;
  font-family: var(--bds-font-display, var(--bds-font-sans));
  font-size: clamp(32px, 24.8px + 2.2vw, 44px);
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.1;
  margin-block: 0;
  overflow-wrap: break-word;
}

.bds-title-group--display .bds-title-group__title {
  font-size: var(--bds-type-display-size, clamp(32px, 27.2px + 1.5vw, 46px));
  line-height: 1.08;
}

.bds-title-group--section .bds-title-group__title {
  font-size: var(--bds-type-section-size, clamp(26px, 23.2px + 0.9vw, 32px));
  line-height: 1.18;
}

.bds-title-group__lead {
  color: var(--bds-color-ink-soft, var(--bds-color-text-secondary));
  font-size: clamp(18px, 16.8px + 0.35vw, 20px);
  line-height: 1.55;
  margin-block: var(--bds-space-4) 0;
  max-width: 65ch;
}

.bds-title-group__meta {
  color: var(--bds-color-ink-muted, var(--bds-color-text-tertiary));
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  gap: var(--bds-space-2) var(--bds-space-4);
  line-height: 1.55;
  margin-block: var(--bds-space-4) 0;
}

/* Evidence and sources */

.bds-evidence-list {
  border-block: 1px solid var(--bds-color-rule, var(--bds-color-border-default));
  color: var(--bds-color-ink, var(--bds-color-text-primary));
  font-family: var(--bds-font-sans);
  margin: 0;
}

.bds-evidence {
  display: grid;
  gap: var(--bds-space-3) var(--bds-space-5);
  grid-template-columns: minmax(128px, 0.7fr) minmax(0, 1.5fr) minmax(128px, 0.8fr);
  padding-block: var(--bds-space-4);
}

.bds-evidence + .bds-evidence {
  border-top: 1px solid var(--bds-color-rule, var(--bds-color-border-default));
}

.bds-evidence__label,
.bds-evidence__value,
.bds-evidence__meta {
  margin: 0;
  min-width: 0;
  overflow-wrap: break-word;
}

.bds-evidence__label {
  color: var(--bds-color-ink-muted, var(--bds-color-text-tertiary));
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  line-height: 1.45;
  text-transform: uppercase;
}

.bds-evidence__value {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}

.bds-evidence__meta {
  color: var(--bds-color-ink-soft, var(--bds-color-text-secondary));
  font-size: 13px;
  line-height: 1.55;
}

.bds-source-list {
  display: grid;
  gap: 0;
  min-width: 0;
}

.bds-source-row,
.bds-source-note {
  align-items: flex-start;
  border-top: 1px solid var(--bds-color-rule, var(--bds-color-border-default));
  color: var(--bds-color-ink-soft, var(--bds-color-text-secondary));
  display: flex;
  flex-wrap: wrap;
  font-family: var(--bds-font-sans);
  font-size: 13px;
  gap: var(--bds-space-2) var(--bds-space-4);
  line-height: 1.55;
  padding-block: var(--bds-space-3);
}

.bds-source-list > .bds-source-row:last-child {
  border-bottom: 1px solid var(--bds-color-rule, var(--bds-color-border-default));
}

.bds-source-row__label {
  color: var(--bds-color-ink, var(--bds-color-text-primary));
  font-weight: 600;
}

.bds-source-row__detail {
  flex: 1 1 256px;
  min-width: 0;
  overflow-wrap: break-word;
}

.bds-source-row__link {
  align-items: center;
  display: inline-flex;
  min-height: 44px;
}

/* Flat content and summary cards */

.bds-summary-grid {
  display: grid;
  gap: var(--bds-space-5);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 288px), 1fr));
}

.bds-card,
.bds-person-card,
.bds-listing-summary {
  background: var(--bds-color-paper, var(--bds-color-bg-primary));
  border: 1px solid var(--bds-color-rule, var(--bds-color-border-default));
  border-radius: var(--bds-radius-xs, 2px);
  color: var(--bds-color-ink, var(--bds-color-text-primary));
  font-family: var(--bds-font-sans);
  min-width: 0;
}

.bds-card {
  display: flex;
  flex-direction: column;
  padding: clamp(var(--bds-space-4), 3vw, var(--bds-space-5));
}

.bds-card__body {
  flex: 1 1 auto;
  min-width: 0;
}

.bds-card__title,
.bds-person-card__name,
.bds-listing-summary__title {
  color: inherit;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.3;
  margin-block: 0;
  overflow-wrap: break-word;
}

.bds-card__text,
.bds-person-card__summary,
.bds-listing-summary__facts {
  color: var(--bds-color-ink-soft, var(--bds-color-text-secondary));
  font-size: var(--bds-type-body-size, 17px);
  line-height: 1.65;
  margin-block: var(--bds-space-3) 0;
}

.bds-card__footer {
  border-top: 1px solid var(--bds-color-rule, var(--bds-color-border-default));
  margin-top: var(--bds-space-5);
  padding-top: var(--bds-space-3);
}

.bds-person-card {
  align-items: start;
  display: grid;
  gap: var(--bds-space-4);
  grid-template-columns: 96px minmax(0, 1fr);
  padding: var(--bds-space-4);
}

.bds-person-card__portrait {
  aspect-ratio: 1;
  background: var(--bds-color-surface, var(--bds-color-bg-secondary));
  border-radius: var(--bds-radius-xs, 2px);
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.bds-person-card__role,
.bds-listing-summary__meta {
  color: var(--bds-color-ink-muted, var(--bds-color-text-tertiary));
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  margin-block: var(--bds-space-1) 0;
}

.bds-listing-summary {
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
}

.bds-listing-summary__media {
  aspect-ratio: 3 / 2;
  background: var(--bds-color-surface, var(--bds-color-bg-secondary));
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.bds-listing-summary__body {
  min-width: 0;
  padding: var(--bds-space-4);
}

.bds-listing-summary__price {
  color: var(--bds-color-ink, var(--bds-color-text-primary));
  display: block;
  font-size: 24px;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin-bottom: var(--bds-space-2);
}

/* Process */

.bds-process {
  counter-reset: bds-process;
  display: grid;
  font-family: var(--bds-font-sans);
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bds-process__step {
  counter-increment: bds-process;
  display: grid;
  gap: var(--bds-space-4);
  grid-template-columns: 44px minmax(0, 1fr);
  min-width: 0;
  padding-block: var(--bds-space-5);
}

.bds-process__step + .bds-process__step {
  border-top: 1px solid var(--bds-color-rule, var(--bds-color-border-default));
}

.bds-process__marker {
  align-items: center;
  align-self: start;
  border: 1px solid var(--bds-color-brand, var(--bds-color-border-focus));
  border-radius: var(--bds-radius-xs, 2px);
  color: var(--bds-color-brand-strong, var(--bds-color-text-link));
  display: inline-flex;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  height: 44px;
  justify-content: center;
  line-height: 1;
  width: 44px;
}

.bds-process__marker:empty::before {
  content: counter(bds-process, decimal-leading-zero);
}

.bds-process__body {
  min-width: 0;
}

.bds-process__title {
  color: var(--bds-color-ink, var(--bds-color-text-primary));
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  margin: 0;
}

.bds-process__text {
  color: var(--bds-color-ink-soft, var(--bds-color-text-secondary));
  font-size: var(--bds-type-body-size, 17px);
  line-height: 1.65;
  margin: var(--bds-space-2) 0 0;
}

/* Disclosure and FAQ extensions for the existing data primitives */

.bds-faq-list > .bds-faq:last-child {
  border-bottom: 1px solid var(--bds-color-rule, var(--bds-color-border-default));
  padding-bottom: var(--bds-space-4);
}

.bds-faq__summary {
  align-items: center;
  color: var(--bds-color-ink, var(--bds-color-text-primary));
  cursor: pointer;
  display: grid;
  font-family: var(--bds-font-sans);
  font-size: 17px;
  font-weight: 600;
  gap: var(--bds-space-4);
  grid-template-columns: minmax(0, 1fr) 44px;
  line-height: 1.4;
  list-style: none;
  min-height: 44px;
}

.bds-faq__summary::-webkit-details-marker {
  display: none;
}

.bds-faq__summary::marker {
  content: "";
}

.bds-faq__summary::after {
  align-items: center;
  border: 1px solid var(--bds-color-rule, var(--bds-color-border-default));
  border-radius: var(--bds-radius-xs, 2px);
  content: "+";
  display: inline-flex;
  font-size: 20px;
  font-weight: 500;
  height: 44px;
  justify-content: center;
  line-height: 1;
  width: 44px;
}

.bds-faq[open] > .bds-faq__summary::after {
  content: "−";
}

.bds-faq__summary:hover::after {
  border-color: var(--bds-color-brand, var(--bds-color-border-focus));
  color: var(--bds-color-brand-strong, var(--bds-color-text-link));
}

.bds-faq__summary:focus-visible {
  outline: var(--bds-focus-width, 3px) solid var(--bds-focus-color, var(--bds-color-border-focus));
  outline-offset: var(--bds-focus-offset, 3px);
}

.bds-faq__body {
  color: var(--bds-color-ink-soft, var(--bds-color-text-secondary));
  font-family: var(--bds-font-sans);
  font-size: var(--bds-type-body-size, 17px);
  line-height: 1.7;
  max-width: var(--bds-container-prose, 720px);
  padding: var(--bds-space-3) calc(44px + var(--bds-space-4)) var(--bds-space-2) 0;
}

.bds-faq__body > :first-child {
  margin-top: 0;
}

.bds-faq__body > :last-child {
  margin-bottom: 0;
}

/* Forms and truthful submission states */

.bds-lead-form {
  background: var(--bds-color-paper, var(--bds-color-bg-primary));
  border-block: 1px solid var(--bds-color-rule, var(--bds-color-border-default));
  color: var(--bds-color-ink, var(--bds-color-text-primary));
  font-family: var(--bds-font-sans);
  padding-block: clamp(var(--bds-space-5), 4vw, var(--bds-space-7));
}

.bds-lead-form--compact {
  background: var(--bds-color-surface, var(--bds-color-bg-secondary));
  border: 1px solid var(--bds-color-rule, var(--bds-color-border-default));
  border-radius: var(--bds-radius-xs, 2px);
  padding: var(--bds-space-5);
}

.bds-lead-form__intro {
  margin-bottom: var(--bds-space-5);
  max-width: 65ch;
}

.bds-lead-form__title {
  font-size: clamp(22px, 19.2px + 0.8vw, 28px);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin: 0;
}

.bds-lead-form__description {
  color: var(--bds-color-ink-soft, var(--bds-color-text-secondary));
  font-size: var(--bds-type-body-size, 17px);
  line-height: 1.65;
  margin: var(--bds-space-2) 0 0;
}

.bds-lead-form__grid {
  display: grid;
  gap: var(--bds-space-5);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bds-lead-form--compact .bds-lead-form__grid {
  align-items: end;
  grid-template-columns: minmax(0, 1fr) auto;
}

.bds-lead-form__span-all {
  grid-column: 1 / -1;
}

.bds-lead-form__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--bds-space-3) var(--bds-space-4);
  margin-top: var(--bds-space-5);
}

.bds-field {
  display: grid;
  gap: var(--bds-space-2);
  min-width: 0;
}

.bds-field__label,
.bds-fieldset__legend {
  color: var(--bds-color-ink, var(--bds-color-text-primary));
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
}

.bds-field__required {
  color: var(--bds-color-negative, var(--bds-color-text-negative));
  font-weight: 700;
}

.bds-field__control {
  appearance: none;
  background: var(--bds-color-paper, var(--bds-color-bg-primary));
  border: 1px solid var(--bds-color-rule, var(--bds-color-border-strong));
  border-radius: var(--bds-radius-sm, 4px);
  color: var(--bds-color-ink, var(--bds-color-text-primary));
  font-family: var(--bds-font-sans);
  font-size: 16px;
  line-height: 1.4;
  max-width: 100%;
  min-height: 48px;
  min-width: 0;
  padding: 11px var(--bds-space-3);
  transition: border-color var(--bds-motion-duration-state, 150ms) var(--bds-motion-easing-standard, ease),
    outline-color var(--bds-motion-duration-state, 150ms) var(--bds-motion-easing-standard, ease);
  width: 100%;
}

.bds-field__control::placeholder {
  color: var(--bds-color-ink-muted, var(--bds-color-text-tertiary));
  opacity: 1;
}

.bds-field__control:hover {
  border-color: var(--bds-color-ink-muted, var(--bds-color-border-strong));
}

.bds-field__control:focus-visible {
  border-color: var(--bds-color-brand, var(--bds-color-border-focus));
  outline: var(--bds-focus-width, 3px) solid var(--bds-focus-color, var(--bds-color-border-focus));
  outline-offset: var(--bds-focus-offset, 1px);
}

.bds-field__control[aria-invalid="true"] {
  border-color: var(--bds-color-negative, var(--bds-color-text-negative));
}

.bds-field__control:disabled,
.bds-field__control[readonly] {
  background: var(--bds-color-surface, var(--bds-color-bg-secondary));
  color: var(--bds-color-ink-muted, var(--bds-color-text-tertiary));
  cursor: not-allowed;
}

.bds-field__control--textarea {
  min-height: 128px;
  resize: vertical;
}

.bds-field--select {
  position: relative;
}

.bds-field--select::after {
  border-bottom: 2px solid currentColor;
  border-right: 2px solid currentColor;
  bottom: 20.8px;
  color: var(--bds-color-ink-soft, var(--bds-color-text-secondary));
  content: "";
  height: 7.2px;
  pointer-events: none;
  position: absolute;
  right: var(--bds-space-4);
  transform: rotate(45deg);
  width: 7.2px;
}

.bds-field--select .bds-field__control {
  padding-right: var(--bds-space-7);
}

.bds-field__help,
.bds-field__error {
  font-size: 13px;
  line-height: 1.55;
  margin: 0;
}

.bds-field__help {
  color: var(--bds-color-ink-muted, var(--bds-color-text-tertiary));
}

.bds-field__error {
  color: var(--bds-color-negative, var(--bds-color-text-negative));
  font-weight: 600;
}

.bds-fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
}

.bds-fieldset__legend {
  margin-bottom: var(--bds-space-2);
  padding: 0;
}

.bds-checkbox,
.bds-consent {
  align-items: flex-start;
  color: var(--bds-color-ink-soft, var(--bds-color-text-secondary));
  cursor: pointer;
  display: grid;
  font-family: var(--bds-font-sans);
  font-size: 14px;
  gap: var(--bds-space-3);
  grid-template-columns: 20px minmax(0, 1fr);
  line-height: 1.55;
  min-height: 44px;
  padding-block: 10.4px;
}

.bds-checkbox__control,
.bds-consent__control {
  accent-color: var(--bds-color-brand, var(--bds-color-border-focus));
  height: 20px;
  margin: 1.6px 0 0;
  width: 20px;
}

.bds-checkbox__control:focus-visible,
.bds-consent__control:focus-visible {
  outline: var(--bds-focus-width, 3px) solid var(--bds-focus-color, var(--bds-color-border-focus));
  outline-offset: var(--bds-focus-offset, 3px);
}

.bds-form-errors,
.bds-form-status {
  border-left: 4px solid currentColor;
  font-family: var(--bds-font-sans);
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: var(--bds-space-5);
  padding: var(--bds-space-3) var(--bds-space-4);
}

.bds-form-errors {
  background: var(--bds-color-surface, var(--bds-color-bg-secondary));
  color: var(--bds-color-negative, var(--bds-color-text-negative));
}

.bds-form-errors__title,
.bds-form-status__title {
  color: inherit;
  font-size: 15px;
  font-weight: 700;
  margin: 0;
}

.bds-form-errors__list {
  margin: var(--bds-space-2) 0 0;
  padding-left: 20px;
}

.bds-form-errors__link {
  align-items: center;
  color: inherit;
  display: inline-flex;
  font-weight: 600;
  min-height: 44px;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.bds-form-errors__link:focus-visible {
  outline: var(--bds-focus-width, 3px) solid currentColor;
  outline-offset: var(--bds-focus-offset, 3px);
}

.bds-form-status {
  background: var(--bds-color-surface, var(--bds-color-bg-secondary));
  color: var(--bds-color-brand-strong, var(--bds-color-text-link));
}

.bds-form-status--success {
  color: var(--bds-color-positive, var(--bds-color-text-positive));
}

.bds-form-status--error {
  color: var(--bds-color-negative, var(--bds-color-text-negative));
}

.bds-form-status__text {
  color: var(--bds-color-ink-soft, var(--bds-color-text-secondary));
  margin: var(--bds-space-1) 0 0;
}

@media (max-width: 767px) {
  .bds-evidence {
    grid-template-columns: minmax(112px, 0.7fr) minmax(0, 1.3fr);
  }

  .bds-evidence__meta {
    grid-column: 2;
  }

  .bds-lead-form__grid,
  .bds-lead-form--compact .bds-lead-form__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .bds-lead-form--compact .bds-button {
    width: 100%;
  }
}

@media (max-width: 430px) {
  .bds-title-group__title {
    font-size: 32px;
  }

  .bds-title-group--display .bds-title-group__title {
    font-size: 32px;
  }

  .bds-title-group--section .bds-title-group__title {
    font-size: 26px;
  }

  .bds-related__summary,
  .bds-cta__text,
  .bds-card__text,
  .bds-person-card__summary,
  .bds-listing-summary__facts,
  .bds-process__text,
  .bds-faq__body,
  .bds-lead-form__description {
    font-size: var(--bds-type-body-mobile-size, 16px);
  }

  .bds-evidence {
    grid-template-columns: minmax(0, 1fr);
  }

  .bds-evidence__meta {
    grid-column: auto;
  }

  .bds-person-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .bds-person-card__portrait {
    max-width: 120px;
  }

  .bds-process__step {
    gap: var(--bds-space-3);
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .bds-faq__body {
    padding-right: 0;
  }

  .bds-lead-form__actions,
  .bds-button-row,
  .bds-service-hero__actions,
  .bds-cta__actions {
    align-items: stretch;
    width: 100%;
  }

  .bds-lead-form__actions .bds-button,
  .bds-button-row .bds-button,
  .bds-service-hero__actions .bds-button,
  .bds-cta__actions .bds-button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bds-skip-link,
  .bds-button,
  .bds-field__control {
    scroll-behavior: auto;
    transition: none;
  }
}