/* ahen26 - page extras. Loaded after footer.css.
   1. The notice at the top of the contact forms for people who came to ask for a chavruta (an HTML field of Convert Forms,
      cssclass "cf-chavruta"; its text is edited in the form builder).
   2. Legal pages (accessibility statement, privacy policy): readable article typography. */

/* ---- 1. chavruta notice ---- */
.cf-control-group.cf-chavruta { width: 100%; }
.cf-chavruta .cf-control-input > div {
  padding: 18px 22px 14px;
  border-radius: var(--r-sm);
  border-inline-start: 5px solid var(--green);
  background: var(--brand-soft);
}
.cf-chavruta p { margin: 0 0 10px; font-size: 1rem; line-height: 1.6; color: var(--ink); }
.cf-chavruta .cf-chavruta__title { color: var(--brand-deep); font-family: var(--font-head); font-size: 1.25rem; font-weight: 800; }
.cf-chavruta a.cf-chavruta__btn {
  display: inline-flex;
  align-items: center;
  padding: 11px 28px;
  border-radius: var(--r-pill);
  background: var(--brand-deep);
  color: #fff;
  font-family: var(--font-head);
  font-weight: 800;
  text-decoration: none;
  transition: background .2s var(--ease), transform .2s var(--ease);
}
.cf-chavruta a.cf-chavruta__btn:hover,
.cf-chavruta a.cf-chavruta__btn:focus-visible { background: var(--brand); color: #fff; transform: translateY(-2px); }
.cf-chavruta a.cf-chavruta__btn::after { content: '\2197'; margin-inline-start: 8px; }
.cf-chavruta .cf-chavruta__more { margin: 16px 0 0; padding-top: 12px; border-top: 1px solid rgba(8,86,126,.18); color: var(--muted); font-size: .95rem; }

/* ---- 2. legal pages (articles with the class "legal-page" in their text) ---- */
.legal-page { max-width: 820px; margin-inline: auto; line-height: 1.75; }
.legal-page h2 { margin: 2rem 0 .6rem; color: var(--brand-deep); font-family: var(--font-head); font-size: 1.35rem; font-weight: 800; }
.legal-page h3 { margin: 1.4rem 0 .4rem; font-size: 1.1rem; }
.legal-page ul { margin: .4rem 0 1rem; padding-inline-start: 1.4rem; }
.legal-page li { margin-bottom: .35rem; }
.legal-page .legal-updated { color: var(--muted); font-size: .95rem; }

/* placeholders that must be filled in before a legal page is published (the script keeps such pages unpublished) */
.legal-todo { background: #fff3b0; color: #5a4600; padding: 0 .25em; border-radius: 3px; }