/* ===========================================================================
   kosher.css — kashrut / rabbanut section
   2026-06-09 (v3): a filled cocoa-brown oval frames the block (eyebrow,
   title, body). 2026-06-10 (v4): the 5 certification logos were removed
   per user request — the oval now holds just the eyebrow + title + body
   paragraph. No animation beyond the standard fade-up reveal.
   ========================================================================= */


.kosher {
  padding-block: var(--section-pad-tight);   /* deliberately denser than the
                                                 default rhythm (was --space-24) */
  padding-inline: var(--gutter);
  background: transparent;
  color: var(--ink-deep);
  text-align: center;
}

.kosher__container {
  /* 2026-06-10 (v5): true CIRCLE (was an auto-ellipse) with a TRANSLUCENT
     cocoa veil so the ivory page color shows through (user request). A 1:1
     box + border-radius:50% = perfect circle; flex centering keeps the text
     block in the middle. Generous inline padding keeps the text clear of the
     circle's curved left/right edges (they curve inward much harder than an
     ellipse's). color-mix keeps the §5 cocoa token as the single source. */
  inline-size: min(44rem, 92vw);
  aspect-ratio: 1;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-6);
  background: color-mix(in srgb, var(--cocoa) 82%, transparent);
  color: var(--fg-on-dark);
  border-radius: var(--radius-circle);
  padding-inline: clamp(2.5rem, 11%, 5.5rem);
}

.kosher .section-header {
  max-inline-size: 100%;
  margin-block-end: 0;
  text-align: center;
}

.kosher .section-header__eyebrow {
  color: var(--accent);
}

.kosher .section-header__title {
  color: var(--fg-on-dark);
}

.kosher__body {
  font-family: var(--font-body);
  font-size: clamp(1rem, 1.4vw, 1.25rem);
  line-height: var(--lh-loose);
  color: color-mix(in srgb, var(--ivory) 85%, transparent);
  max-inline-size: 56ch;
  margin: 0;
  margin-inline: auto;
}