/* =============================================================================
   Iktató — SÖTÉT BIZALMI BLOKK a termék-nyitólapon: három oszlop, színes felső vonallal.
   A far360 trust.css-ének mintájára. A bizalmat a konkrétumok adják (napló, MI, telepítés),
   nem a jelzők: ezért a tartalma tényállítás, nem ígéret.

   A blokk .u-dark: a ghost gomb és a fókuszgyűrű ott a sötét felület szabályait kapja
   (buttons.css, base.css).
   ============================================================================= */
.u-dark {
  background: var(--f-dark);
  color: var(--f-on-dark-strong);
}
.u-dark h2,
.u-dark h3 { color: var(--f-on-dark-strong); }
.u-dark a { color: var(--f-on-dark-strong); text-decoration: underline; }

.f-bizalom__racs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.5rem, 3vw, 2.75rem);
  margin: 0;
  padding: 0;
  list-style: none;
}

.f-bizalom__elem {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  padding-top: 1.5rem;
  border-top: 2px solid var(--f-mustard);
}
.f-bizalom__elem:nth-child(2) { border-top-color: var(--f-coral); }
.f-bizalom__elem:nth-child(3) { border-top-color: var(--f-sky); }

.f-bizalom__elem h3 {
  margin: 0;
  font-size: clamp(1.35rem, 2vw, 1.85rem);
  letter-spacing: -0.03em;
}
.f-bizalom__elem p {
  margin: 0;
  line-height: 1.55;
  color: var(--f-on-dark);
}

/* DM Mono tényjelölő a bizalmi elem fölött (pl. „append-only”). */
.f-bizalom__jel {
  font-family: var(--font-mono);
  font-size: var(--t-mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--f-mustard);
}

@media (max-width: 900px) {
  .f-bizalom__racs { grid-template-columns: minmax(0, 1fr); }
}