/* Trust and transparency page
   Deliberately distinct within the existing .auDO design system. */

.trust-hero-panel {
  overflow: hidden;
}

.trust-hero-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 82% 12%, rgba(240, 178, 77, 0.18), transparent 28%),
    radial-gradient(circle at 8% 88%, rgba(70, 184, 216, 0.10), transparent 28%);
  opacity: 0.9;
}

.trust-hero-panel .panel-inner {
  position: relative;
  z-index: 1;
}

.trust-hero {
  padding-block: clamp(2rem, 5vw, 4.5rem);
}

.trust-hero h1 {
  max-width: 13ch;
  font-size: clamp(3rem, 8vw, 6.4rem);
  line-height: 0.94;
}

.trust-hero .hero-sub {
  max-width: 65ch;
  margin-top: 1.35rem;
  font-size: clamp(1.1rem, 2.3vw, 1.55rem);
}

.trust-principle {
  margin-top: clamp(2rem, 4vw, 3.5rem);
  color: var(--accent);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.trust-manifesto {
  border-color: color-mix(in srgb, var(--accent) 30%, var(--border));
}

.trust-pillar-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.4rem;
}

.trust-pillar {
  position: relative;
  min-height: 230px;
  padding: 1.35rem;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 0 0, rgba(240, 178, 77, 0.10), transparent 38%),
    rgba(255, 255, 255, 0.022);
}

.trust-pillar:last-child {
  grid-column: 1 / -1;
}

.trust-pillar-number {
  display: block;
  margin-bottom: 1.4rem;
  color: var(--accent);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.12em;
}

.trust-pillar h3 {
  margin: 0 0 0.65rem;
  color: var(--text);
  font-size: 1.2rem;
}

.trust-pillar p {
  color: var(--muted);
}

.trust-pillar a {
  display: inline-block;
  margin-top: 1rem;
  color: var(--text);
  font-size: 0.9rem;
  font-weight: 650;
  text-decoration-color: color-mix(in srgb, var(--accent) 55%, transparent);
  text-underline-offset: 0.22rem;
}

.trust-directory {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.25rem;
}

.trust-directory-card {
  display: flex;
  min-height: 235px;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.2rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.02);
}

.trust-directory-card h3 {
  margin: 0 0 0.6rem;
  color: var(--text);
  font-size: 1.05rem;
}

.trust-directory-card p {
  margin: 0 0 1rem;
  color: var(--muted);
  font-size: 0.94rem;
}

.trust-directory-card .report-link {
  margin-top: auto;
}

.trust-close {
  border-color: color-mix(in srgb, var(--accent) 40%, var(--border));
  background:
    radial-gradient(circle at 18% 0, rgba(240, 178, 77, 0.12), transparent 35%),
    var(--panel);
}

.trust-close-statement {
  max-width: 30ch;
  margin-top: 0.85rem;
  color: var(--text);
  font-size: clamp(1.45rem, 3vw, 2.35rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: var(--tracking-base);
}

html[data-theme="light"] .trust-hero-panel::after {
  background:
    radial-gradient(circle at 82% 12%, rgba(185, 119, 16, 0.13), transparent 28%),
    radial-gradient(circle at 8% 88%, rgba(22, 111, 184, 0.08), transparent 28%);
}

html[data-theme="light"] .trust-pillar,
html[data-theme="light"] .trust-directory-card {
  background: rgba(255, 255, 255, 0.62);
}

@media (max-width: 900px) {
  .trust-directory {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .trust-pillar-grid,
  .trust-directory {
    grid-template-columns: 1fr;
  }

  .trust-pillar:last-child {
    grid-column: auto;
  }

  .trust-pillar,
  .trust-directory-card {
    min-height: auto;
  }

  .trust-hero h1 {
    max-width: 10ch;
  }
}