/* Trust Layer — content styles inside shared site shell (.page-wrap) */

.page-wrap .trust-page-blk {
  margin-bottom: var(--s-4, 16px);
}

.page-wrap .trust-page-in {
  max-width: 720px;
  margin: 0 auto;
}

/* ── Page header ── */
.page-wrap .trust-title {
  margin: 0 0 var(--s-3, 12px);
  font-family: "Press Start 2P", monospace;
  font-size: clamp(11px, 2.8vw, 14px);
  line-height: 1.55;
  color: var(--home-text, var(--green));
  letter-spacing: 0.04em;
}

.page-wrap .trust-updated {
  margin: 0 0 var(--s-3, 12px);
  font-family: "Share Tech Mono", monospace;
  font-size: 11px;
  color: var(--home-text-dim, var(--text-dim));
  letter-spacing: var(--ls-tight, 0.06em);
}

.page-wrap .trust-lead {
  margin: 0 0 var(--s-4, 16px);
  font-family: "Share Tech Mono", monospace;
  font-size: 13px;
  line-height: 1.65;
  color: var(--home-text-mid, var(--text));
}

/* ── Main content ── */
.page-wrap .trust-content {
  font-family: "Share Tech Mono", monospace;
  font-size: 13px;
  line-height: 1.7;
  color: var(--home-text-mid, var(--text));
  letter-spacing: 0.02em;
}

.page-wrap .trust-content h2 {
  margin: var(--s-5, 20px) 0 var(--s-2, 8px);
  font-family: "Press Start 2P", monospace;
  font-size: 10px;
  line-height: 1.55;
  color: var(--home-text, var(--green));
  letter-spacing: 0.04em;
}

.page-wrap .trust-content h3 {
  margin: var(--s-4, 16px) 0 var(--s-2, 8px);
  font-family: "Share Tech Mono", monospace;
  font-size: 12px;
  font-weight: 700;
  color: var(--home-text, var(--text));
}

.page-wrap .trust-content p {
  margin: 0 0 var(--s-3, 12px);
}

.page-wrap .trust-content ul,
.page-wrap .trust-content ol {
  margin: 0 0 var(--s-3, 12px);
  padding-left: 1.2em;
}

.page-wrap .trust-content li {
  margin-bottom: 6px;
}

.page-wrap .trust-content a {
  color: var(--green-dim, #00cc33);
  text-decoration: underline;
}

.page-wrap .trust-content a:hover {
  color: var(--green, #00ff41);
}

.page-wrap .trust-content strong {
  color: var(--home-text, var(--text));
}

/* ── Related materials ── */
.page-wrap .trust-related {
  margin-top: var(--s-5, 20px);
  padding-top: var(--s-4, 16px);
  border-top: 1px solid var(--home-bdr, var(--border-dim));
}

.page-wrap .trust-related-title {
  margin: 0 0 var(--s-3, 12px);
  font-family: "Press Start 2P", monospace;
  font-size: 10px;
  line-height: 1.5;
  color: var(--home-text-dim, var(--text-dim));
  letter-spacing: 0.04em;
}

.page-wrap .trust-related-links {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.page-wrap .trust-related-link {
  font-family: "Share Tech Mono", monospace;
  font-size: 12px;
  color: var(--green-dim, #00cc33);
  text-decoration: none;
  letter-spacing: var(--ls-tight, 0.06em);
}

.page-wrap .trust-related-link:hover {
  color: var(--green, #00ff41);
  text-decoration: underline;
}

/* Tesla themes — readable trust copy */
html[data-theme="tesla-light"] .page-wrap .trust-content,
html[data-theme="tesla-light"] .page-wrap .trust-lead {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  letter-spacing: 0;
}

html[data-theme="tesla-light"] .page-wrap .trust-title,
html[data-theme="tesla-light"] .page-wrap .trust-content h2,
html[data-theme="tesla-light"] .page-wrap .trust-related-title {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
}

html[data-theme="tesla-dark"] .page-wrap .trust-content,
html[data-theme="tesla-dark"] .page-wrap .trust-lead {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  letter-spacing: 0;
}

html[data-theme="tesla-dark"] .page-wrap .trust-title,
html[data-theme="tesla-dark"] .page-wrap .trust-content h2,
html[data-theme="tesla-dark"] .page-wrap .trust-related-title {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
}

@media (max-width: 480px) {
  .page-wrap .trust-title {
    font-size: 10px;
  }
}