/* ============================================================================
   סיפורון · legal.css — the four legal documents
   תקנון · מדיניות פרטיות · הצהרת נגישות · רישיון למוסדות

   Long-form Hebrew prose on the cream page, using site-theme.css for the palette,
   header and footer so these read as part of the site rather than bolted on.
   Only the reading column is defined here.

   Readability is the whole job: a תקנון nobody can read is a תקנון nobody agreed
   to, so the measure is capped near 70 characters, the line height is generous,
   and every heading is anchorable — a support answer is often "see clause 7.2".
   ========================================================================== */

.legal{background:var(--paper, #faf4e8);padding:34px 0 70px}
.legal .wrap{max-width:820px}

.legal h1{font-size:clamp(1.9rem,4.4vw,2.7rem);color:var(--ink,#211a30);margin:0 0 6px}
.legal .updated{color:#5c5468;font-size:.92rem;margin:0 0 26px}

/* Numbered clauses. The counters mean a clause can be cited by number, and the
   number stays right even after a clause is inserted or removed. */
.legal .doc{counter-reset:sec}
.legal h2{
  counter-increment:sec;counter-reset:sub;
  font-size:1.28rem;color:var(--ink,#211a30);
  margin:34px 0 10px;padding-top:6px;scroll-margin-top:84px;
}
.legal h2::before{content:counter(sec) ". ";color:#8a5510;font-weight:700}
.legal h3{
  counter-increment:sub;font-size:1.03rem;color:#2e2545;
  margin:18px 0 6px;scroll-margin-top:84px;
}
.legal h3::before{content:counter(sec) "." counter(sub) " ";color:#8a5510;font-weight:700}

.legal p{color:#3a3348;line-height:1.85;margin:0 0 12px;font-size:1.02rem}
.legal ul{margin:0 0 14px;padding:0;list-style:none}
.legal li{color:#3a3348;line-height:1.8;position:relative;padding-inline-start:20px;margin-bottom:8px}
.legal li::before{content:"•";position:absolute;inset-inline-start:4px;color:#8a5510}
.legal strong,.legal b{color:#241c3d}
.legal a{color:#8a5510}

/* Latin runs — email addresses, company numbers, URLs — reorder badly inside RTL
   text, so they are isolated rather than left to the bidi algorithm. */
.legal .ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}

/* Anything the operator still has to supply. Loud on purpose: a legal page that
   goes live with "[[ … ]]" in it is worse than no page, so this is impossible to
   miss in review, and test-legal.js fails while any remain. */
.legal .fill{
  background:#ffe9b0;border:1px dashed #8a5510;border-radius:6px;
  padding:.05rem .4rem;color:#5a3800;font-weight:700;white-space:nowrap;
}

.legal .box{
  background:#fff;border:1px solid rgba(33,26,48,.12);border-radius:14px;
  padding:16px 18px;margin:16px 0;box-shadow:0 18px 40px -32px rgba(33,26,48,.45);
}
.legal .box b{display:block;margin-bottom:4px}
.legal .callout{
  border-inline-start:4px solid #f5c55a;background:rgba(245,197,90,.14);
  border-radius:0 12px 12px 0;padding:14px 16px;margin:16px 0;
}
.legal .callout b{display:block;margin-bottom:4px}

.legal .toc{
  background:#fff;border:1px solid rgba(33,26,48,.12);border-radius:14px;
  padding:14px 18px;margin:0 0 26px;
}
.legal .toc b{display:block;margin-bottom:8px;color:var(--ink,#211a30)}
.legal .toc ol{margin:0;padding-inline-start:20px;color:#3a3348}
.legal .toc li{padding-inline-start:0;margin-bottom:3px}
.legal .toc li::before{content:none}

.legal .tablewrap{overflow-x:auto;border:1px solid rgba(33,26,48,.12);border-radius:12px;margin:14px 0;background:#fff}
.legal table{width:100%;border-collapse:collapse;min-width:460px}
.legal th,.legal td{text-align:start;padding:10px 12px;border-bottom:1px solid rgba(33,26,48,.08);font-size:.94rem;vertical-align:top;color:#3a3348}
.legal th{background:#f6f1e6;font-weight:800;color:var(--ink,#211a30)}
.legal tr:last-child td{border-bottom:0}

.legal .docnav{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 0;padding-top:20px;border-top:1px solid rgba(33,26,48,.12)}
.legal .docnav a{
  text-decoration:none;font-weight:700;font-size:.9rem;color:#8a5510;
  border:1px solid rgba(33,26,48,.18);border-radius:999px;padding:.4rem .95rem;background:#fff;
}
.legal .docnav a:hover{border-color:#b8912f}

@media print{
  .site-header,footer,.docnav,.snav{display:none}
  .legal{background:#fff;padding:0}
  .legal p,.legal li,.legal td{color:#000}
  .legal .fill{background:#fff;border:1px solid #000}
}