/* ===========================================================================
   INERA Connection — amiben-melletted-allok.css
   Page-specific additions for /amiben-melletted-allok.html. Two things the
   shared stylesheet does not already give an interior narrative page: a
   sized, clipped photograph standing alone mid-flow, and the two quiet
   micro-lines that follow the WhatsApp button in the INERA Esély band
   (site.css only defines that treatment inside .esely, which is the home
   page's own component and does not reach an interior page).
   No new colour, font or stroke width — everything below reads existing
   tokens only.
   =========================================================================== */

/* The wrist photograph. It is not paired with a headline the way the home
   page's grounds are, so it simply centres itself at a readable width inside
   the prose measure and takes one of the shared flowing cuts. */
.ground--kez {
  width: min(100%, 30rem);
  margin-inline: auto;
  margin-block: var(--space-xl);
  --lit-floor: 88;
  --lit-gain: 0.12;
}

.ground--kez img { clip-path: url(#shape-arch); }

@media (max-width: 40rem) {
  .ground--kez {
    width: calc(100% + var(--pad-start) + var(--pad-end));
    margin-inline-start: calc(var(--pad-start) * -1);
    margin-inline-end: calc(var(--pad-end) * -1);
  }
}

/* The WhatsApp button's own row. NOT `.act` from site.css: inside the INERA
   Esély band the button sits closer to the paragraph above it and carries a
   gap below, exactly as .esely__act does on the home page, so the band stands
   the same way on both interior pages that carry it.
   (The quiet line and the 112 line under it are `.quiet` / `.quiet--safety`
   in site.css — one component for the whole site.) */
.probono-act { margin: var(--space-l) 0 var(--space-m); }

/* The one-line "Nézd meg..." cross-link to /kapcsolodj is the only thing in
   its own .section, and the closing crumb band right after it is another
   .section on top of that — full .section rhythm (padding-block: --space-3xl,
   then the crumb band's own --space-2xl) stacks into ~13-18rem of dead air
   between two short lines that belong together. Shrink just this seam: the
   CTA band's own top padding (its distance from INERA Esély above it) is
   left alone. */
.section--cta-close { padding-block-end: var(--space-l); }
.section--cta-close + .section--tight { padding-block-start: var(--space-s); }

/* A slight lift on the line that closes the values list — not a pull-quote,
   just enough presence to mark it as the turn before the closing paragraphs.
   Same quiet-emphasis vocabulary as .subtitle (Cormorant italic) but at the
   prose measure's own ink (Forest, not muted) and a size a step below it, so
   it reads as body copy that leans in rather than a second headline. */
.emphasis {
  font-family: var(--font-display);
  font-style: italic;
  font-size: var(--step-1);
  color: var(--ink);
}

/* client 2026-08: the "Amiben hiszek" value titles read bold (display face and
   size kept). Every <h3> on this page is a value title. */
h3 { font-weight: 600; }