/* ============================================================
   Privacy Scanner Website — Trust (§7.9) styles

   Token substitutions:
     --lh-prose      → --lh-body
   ============================================================ */

.trust {
  background: var(--bg-1);
  padding-block: var(--sp-10);
}
.trust-inner {
  max-width: var(--maxw-content);
  margin-inline: auto;
  padding-inline: var(--gutter-mobile);
}
@media (min-width: 600px)  { .trust-inner { padding-inline: var(--gutter-tablet); } }
@media (min-width: 1024px) { .trust-inner { padding-inline: var(--gutter-desktop); } }


/* ============================================================
   Head + lede
   ============================================================ */
.trust-head {
  max-width: 62ch;
  margin-block-end: var(--sp-8);
}
.trust-h2 {
  margin: 0;
  font-family: var(--font-sans);
  font-size: var(--fs-h2);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-heading);
  letter-spacing: var(--ls-heading);
  color: var(--text);
  text-wrap: balance;
}
:lang(ja) .trust-h2,
:lang(zh-Hans) .trust-h2,
:lang(ko) .trust-h2 {
  line-height: 1.3; letter-spacing: 0; text-wrap: auto;
}
.trust-lede {
  margin: var(--sp-4) 0 0;
  font-family: var(--font-sans);
  font-size: var(--fs-body-lg);
  line-height: var(--lh-body);
  color: var(--text-soft);
  text-wrap: pretty;
}


/* ============================================================
   3-cell grid
   Single bordered container — three cells inside.
   Mobile: stacks to single column.
   ============================================================ */
.trust-grid {
  list-style: none;
  margin: 0;
  padding: var(--sp-7);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-6);
  background: var(--bg-base);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
}
@media (max-width: 1023px) {
  .trust-grid {
    grid-template-columns: 1fr;
    gap: var(--sp-5);
    padding: var(--sp-6);
  }
}

.trust-cell {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}
.trust-cell-title {
  margin: 0 0 var(--sp-2);
  padding-block-end: var(--sp-2);
  border-block-end: 1px solid var(--border-soft);
  font-family: var(--font-mono);
  font-size: var(--fs-mono-sm);
  font-weight: var(--fw-semibold);
  line-height: 1;
  letter-spacing: var(--ls-caps);
  text-transform: uppercase;
  color: var(--text);
}
.trust-cell p {
  margin: 0;
  font-family: var(--font-sans);
  font-size: var(--fs-body-sm);
  line-height: var(--lh-body);
  color: var(--text-soft);
}


/* ============================================================
   Disambiguation paragraph — plain prose, not a callout box
   Per spec §7.9.4: confident, not defensive
   Bundle ID + App Store ID in mono signal "factual, verifiable"
   ============================================================ */
.trust-disambig {
  margin: var(--sp-7) 0 0;
  max-width: 72ch;
  font-family: var(--font-sans);
  font-size: var(--fs-body-sm);
  line-height: var(--lh-body);
  color: var(--text-dim);
  text-wrap: pretty;
}
.trust-id {
  font-family: var(--font-mono);
  color: var(--text-soft);
}