/* 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 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; }
}