/* The IL document pages as a printed report (2026-11-06): terms, privacy,
   refunds, security, accessibility and contact. Same system as /product
   (il-report.css): a flat night band carries the big title on the axis, the
   margin column on the start side (right, in Hebrew) holds the crumbs, a
   contents list or the contact note, and the text keeps a reading measure.

   Every rule hangs off body.il-pub.il-doc: the band frame only (an anonymous
   reader on the Israeli site in base.html). Signed in, or under the search or
   jobs shells, these pages render exactly as before. Loaded after
   il-public.css, and each selector out-ranks the rule it replaces there. */

body.il-pub.il-doc {
  --ild-gap: clamp(24px, 3.2vw, 72px);
  --ild-night: #0F1A21;
  --ild-field: color-mix(in srgb, var(--ink) 32%, var(--surface));
  --ild-top: 88px;               /* the sticky topbar (64px) and a breath */
  overflow-x: clip;
}

/* the companies site, the jobs board and the free search wear this band in their own shells
   (_site_doc_head.html): il-public.css's two variables and width, here */
body.il-pub.ps-body.il-doc { --pub-night: #0F1A21; --pub-display: "Heebo", system-ui, sans-serif; --site-doc-w: 1360px; }
html[data-ps-theme="dark"] body.il-pub.ps-body.il-doc { --pub-night: #0B1319; }
body.il-pub.ps-body.il-doc .pub-doc-inner { max-width: var(--site-doc-w); margin: 0 auto; padding: 0 22px; }
body.il-pub.ps-body.il-doc .ps-main.site-doc-main { max-width: var(--site-doc-w); margin: 0 auto; padding: 0 22px; }
@media (min-width: 1900px) { body.il-pub.ps-body.il-doc { --site-doc-w: 1600px; } }

/* ── the head band ─────────────────────────────────────────────────────── */
body.il-pub.il-doc .pub-doc-head {
  overflow: visible; padding: clamp(40px, 5vw, 104px) 0 clamp(44px, 5vw, 104px);
  background: var(--pub-night, #0F1A21); color: #fff;
}
html[data-ps-theme="dark"] body.il-pub.il-doc .pub-doc-head { border-bottom: 1px solid rgba(255,255,255,.08); }
body.il-pub.il-doc main.container { padding-top: 0; }
body.il-pub.il-doc .pub-doc-head .pub-doc-inner {
  display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); column-gap: var(--ild-gap); align-items: start;
}
body.il-pub.il-doc .pub-doc-inner > * { grid-column: 2; min-width: 0; }
body.il-pub.il-doc .pub-doc-inner > .crumbs {
  grid-column: 1; grid-row: 1; margin: clamp(8px, 1vw, 22px) 0 0;
  font-size: 15px; line-height: 1.5; color: rgba(255,255,255,.74);
}
body.il-pub.il-doc .pub-doc-head .crumbs a {
  color: #fff; text-decoration: underline; text-decoration-color: rgba(255,255,255,.4); text-underline-offset: 3px;
}
body.il-pub.il-doc .pub-doc-head .crumbs a:hover { text-decoration-color: #fff; }
body.il-pub.il-doc .pub-doc-head .crumb-sep { margin: 0 6px; color: inherit; }
body.il-pub.il-doc .pub-doc-head :is(.crumbs a, .legal-nav a):focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
body.il-pub.il-doc .pub-doc-head .pub-kicker { display: none; }
body.il-pub.il-doc .pub-doc-head .pub-doc-h1 {
  grid-row: 1; margin: 0; max-width: none; color: #fff;
  font: 800 clamp(40px, 5.6vw, 96px)/1.02 var(--pub-display); letter-spacing: -.01em; text-wrap: balance;
  animation: ild-rise .7s cubic-bezier(.23, 1, .32, 1) both;
}
@keyframes ild-rise { from { opacity: 0; transform: translateY(.3em); } }
@media (prefers-reduced-motion: reduce) { body.il-pub.il-doc .pub-doc-head .pub-doc-h1 { animation: none; } }
body.il-pub.il-doc .pub-doc-head .pub-doc-sub {
  margin: clamp(18px, 1.8vw, 30px) 0 0; max-width: 52ch;
  font-size: clamp(19px, 1.35vw, 22px); line-height: 1.5; color: rgba(255,255,255,.8);
}

/* the legal pages: one segmented row, the page you are on filled */
body.il-pub.il-doc .pub-doc-head .legal-nav {
  justify-self: start; display: flex; flex-wrap: nowrap; gap: 2px; max-width: 100%;
  margin: clamp(26px, 2.8vw, 46px) 0 0; padding: 4px; border-radius: 10px;
  background: rgba(255,255,255,.08); overflow-x: auto; scrollbar-width: none;
}
body.il-pub.il-doc .pub-doc-head .legal-nav::-webkit-scrollbar { display: none; }
body.il-pub.il-doc .pub-doc-head .legal-nav a {
  flex: none; display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px;
  border: 0; border-radius: 7px; background: none; white-space: nowrap;
  font: 600 15px/1 var(--pub-display); color: rgba(255,255,255,.8); text-decoration: none;
  transition: background-color .18s, color .18s;
}
body.il-pub.il-doc .pub-doc-head .legal-nav a.is-active { background: #fff; color: var(--ild-night); }
@media (hover: hover) and (pointer: fine) {
  body.il-pub.il-doc .pub-doc-head .legal-nav a:not(.is-active):hover { background: rgba(255,255,255,.1); color: #fff; }
}

/* ── a document: contents in the margin, text on the axis ──────────────── */
body.il-pub.il-doc main > .ild-doc {
  max-width: none; margin: 0; padding: clamp(44px, 4.6vw, 96px) 0 clamp(56px, 6vw, 112px);
  display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); column-gap: var(--ild-gap); align-items: start;
}
body.il-pub.il-doc .ild-doc > * { grid-column: 2; min-width: 0; }
body.il-pub.il-doc .ild-doc > .ild-toc { grid-column: 1; grid-row: 1 / span 3; }
body.il-pub.il-doc .ild-doc .blog-article-meta {
  max-width: 68ch; margin: 0 0 clamp(24px, 2.4vw, 40px); padding: 0 0 16px; border-bottom: 1px solid var(--line);
  background: none; border-radius: 0; opacity: 1; font-size: 14px; color: var(--ink-soft);
}

.ild-toc[hidden] { display: none; }
body.il-pub.il-doc .ild-toc {
  position: sticky; top: var(--ild-top); max-height: calc(100vh - var(--ild-top) - 24px); overflow-y: auto;
  padding-inline-end: 8px;
}
body.il-pub.il-doc .ild-toc-h { margin: 0 0 10px; font: 700 15px/1.4 var(--pub-display); color: var(--ink); }
body.il-pub.il-doc .ild-toc ol { list-style: none; margin: 0; padding: 0; border-inline-start: 1px solid var(--line); }
body.il-pub.il-doc .ild-toc a {
  display: block; padding-block: 6px; padding-inline: 14px 0; margin-inline-start: -1px;
  border-inline-start: 2px solid transparent;
  font-size: 15px; line-height: 1.4; color: var(--ink-soft); text-decoration: none; transition: color .15s, border-color .15s;
}
body.il-pub.il-doc .ild-toc a:hover { color: var(--ink); }
body.il-pub.il-doc .ild-toc a.is-here { color: var(--ink); border-inline-start-color: var(--seal); }
body.il-pub.il-doc .ild-toc a:focus-visible { outline: 2px solid var(--seal); outline-offset: 2px; border-radius: 4px; }

/* the text */
body.il-pub.il-doc .ild-doc .blog-body { max-width: 68ch; margin: 0; font-size: 17px; line-height: 1.65; color: var(--ink); }
body.il-pub.il-doc .ild-doc .blog-body :is(p, li) { font-size: 17px; line-height: 1.65; }
body.il-pub.il-doc .ild-doc .blog-body > p:first-child { margin-top: 0; }
body.il-pub.il-doc .ild-doc .blog-body h2 {
  margin: 2em 0 .5em; font: 800 clamp(24px, 1.9vw, 34px)/1.15 var(--pub-display);
  letter-spacing: -.01em; color: var(--ink); text-wrap: balance; scroll-margin-top: var(--ild-top);
}
body.il-pub.il-doc .ild-doc .blog-body h3 {
  margin: 1.8em 0 .4em; font: 700 19px/1.3 var(--pub-display); color: var(--ink); scroll-margin-top: var(--ild-top);
}
body.il-pub.il-doc .ild-doc .blog-body :is(ul, ol) { padding-inline-start: 1.25em; }
body.il-pub.il-doc .ild-doc .blog-body li + li { margin-top: .4em; }
body.il-pub.il-doc .ild-doc .blog-body a { color: var(--seal); font-weight: 600; text-underline-offset: 3px; }
body.il-pub.il-doc .ild-doc .blog-body table { width: 100%; margin: 14px 0; border-collapse: collapse; font-size: 15px; line-height: 1.5; }
body.il-pub.il-doc .ild-doc .blog-body :is(th, td) {
  padding: 10px 0 10px 18px; border: 0; border-bottom: 1px solid var(--line); background: none; text-align: start; vertical-align: top;
}
body.il-pub.il-doc .ild-doc .blog-body th { font-weight: 700; font-size: 14px; color: var(--ink-soft); }
body.il-pub.il-doc .ild-doc .blog-back { margin: clamp(40px, 4vw, 64px) 0 0; font-size: 15px; }

/* ── contact: the topic note in the margin, the form on the axis ───────── */
body.il-pub.il-doc main > .ct-page.ild-doc { display: block; }
body.il-pub.il-doc .ct-page .blog-body {
  max-width: none; display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); column-gap: var(--ild-gap); align-items: start;
}
body.il-pub.il-doc .ct-page .blog-body > * { grid-column: 2; min-width: 0; max-width: 720px; }
body.il-pub.il-doc .ct-page .ct-grid { display: contents; }
body.il-pub.il-doc .ct-page .ct-info { grid-column: 1; grid-row: 1 / span 3; margin: 0; }
body.il-pub.il-doc .ct-page .ct-info-inner { display: block; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; font-size: 17px; line-height: 1.55; color: var(--ink-soft); }
body.il-pub.il-doc .ct-page .ct-info-kicker { display: block; margin: 0 0 8px; font: 700 22px/1.25 var(--pub-display); color: var(--ink); }
body.il-pub.il-doc .ct-page .ct-info-desc { margin: 0; }
body.il-pub.il-doc .ct-page .ct-info-note { margin: 16px 0 0; padding-top: 16px; border-top: 1px solid var(--line); font-size: 15px; opacity: 1; }

body.il-pub.il-doc .ct-page .ct-form {
  overflow: visible; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none;
}
body.il-pub.il-doc .ct-page .ct-form::before { content: none; }
body.il-pub.il-doc .ct-page .ct-form .field { display: grid; gap: 8px; margin: 0 0 22px; }
body.il-pub.il-doc .ct-page .ct-form .field > span { font: 600 15px/1.3 var(--pub-display); color: var(--ink); }
body.il-pub.il-doc .ct-page .ct-form .field > span .muted { font-weight: 400; color: var(--ink-soft); }
body.il-pub.il-doc .ct-page .ct-form :is(input:not(.hp-field), textarea, select) {
  display: block; width: 100%; box-sizing: border-box; min-height: 48px; margin: 0; padding: 11px 14px;
  font: 400 17px/1.4 inherit; color: var(--ink); background: var(--surface);
  border: 1px solid var(--ild-field); border-radius: 10px; box-shadow: none; transition: border-color .15s;
}
body.il-pub.il-doc .ct-page .ct-form textarea { min-height: 150px; resize: vertical; }
body.il-pub.il-doc .ct-page .ct-form :is(input, textarea)::placeholder { color: var(--ink-soft); opacity: .8; }
body.il-pub.il-doc .ct-page .ct-form :is(input:not(.hp-field), textarea, select):focus {
  outline: 2px solid var(--seal); outline-offset: 1px; border-color: var(--seal); box-shadow: none;
}
body.il-pub.il-doc .ct-page .ct-pair { gap: 0 16px; }
body.il-pub.il-doc .ct-page .ct-form .btn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 52px; margin-top: 8px; padding: 0 28px;
  border: 0; border-radius: 10px; background: var(--accent-ink); color: var(--paper); box-shadow: none;
  font: 700 17px/1 var(--pub-display); cursor: pointer; transition: background-color .18s, transform .15s;
}
@media (hover: hover) and (pointer: fine) {
  body.il-pub.il-doc .ct-page .ct-form .btn:hover { background: color-mix(in srgb, var(--accent-ink) 86%, #000); }
}
body.il-pub.il-doc .ct-page .ct-form .btn:active { transform: scale(.97); }
body.il-pub.il-doc .ct-page .ct-form .btn:focus-visible { outline: 2px solid var(--seal); outline-offset: 3px; }
body.il-pub.il-doc .ct-page .alert { margin: 0 0 24px; padding: 14px 16px; border: 0; border-radius: 10px; box-shadow: none; font-size: 16px; line-height: 1.5; }
body.il-pub.il-doc .ct-page .blog-body > p.muted:last-child { margin: 36px 0 0; text-align: start; font-size: 15px; }

/* ── big screens: the text grows with the site ─────────────────────────── */
@media (min-width: 1700px) {
  body.il-pub.il-doc .ild-doc .blog-body, body.il-pub.il-doc .ild-doc .blog-body :is(p, li) { font-size: 19px; }
  body.il-pub.il-doc .ct-page .blog-body > * { max-width: 820px; }
}
@media (min-width: 2200px) {
  body.il-pub.il-doc .ild-doc .blog-body, body.il-pub.il-doc .ild-doc .blog-body :is(p, li) { font-size: 20.5px; }
  body.il-pub.il-doc .ild-toc a { font-size: 16.5px; }
}

/* ── one column ────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
  body.il-pub.il-doc .pub-doc-head .pub-doc-inner,
  body.il-pub.il-doc main > .ild-doc,
  body.il-pub.il-doc .ct-page .blog-body { grid-template-columns: minmax(0, 1fr); }
  body.il-pub.il-doc :is(.pub-doc-inner, .ild-doc, .ct-page .blog-body) > * { grid-column: 1; grid-row: auto; }
  body.il-pub.il-doc .pub-doc-inner > .crumbs { margin: 0 0 18px; font-size: 14px; }
  body.il-pub.il-doc .ild-toc { display: none; }
  body.il-pub.il-doc .ct-page .ct-info { grid-column: 1; grid-row: auto; margin: 0 0 32px; }   /* style.css puts it above the form here (order: -1) */
}
@media (max-width: 560px) {
  body.il-pub.il-doc .ct-page .ct-pair { grid-template-columns: 1fr; }
  body.il-pub.il-doc .pub-doc-head .legal-nav a { padding: 0 12px; font-size: 14px; }
}