/* Vitruvius — shared stylesheet for legal / statement pages.
   Externalized (no inline styles) to comply with the site's strict CSP.
   Long-form, high-contrast, WCAG 2.0 AA oriented. RTL Hebrew. */

:root{
  --paper:#F2EEE4; --card:#FBFAF6; --ink:#1C1B18; --ink-2:#3b382f;
  --ink-3:#5b564c; --line:#D8D1C1; --line-strong:#C4BCA9;
  --clay:#BC5234; --clay-link:#A8461F; --clay-soft:#f6e7df;
  --r:12px; --sans:'Heebo',system-ui,-apple-system,sans-serif; --mono:'IBM Plex Mono',monospace;
}
*{box-sizing:border-box}
html{ -webkit-text-size-adjust:100% }
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:var(--sans); font-size:17px; line-height:1.75;
  padding:0 16px 72px;
}

/* skip link — visible only on keyboard focus */
.skip{
  position:absolute; right:16px; top:-60px; z-index:20;
  background:var(--ink); color:#fff; padding:10px 16px; border-radius:8px;
  text-decoration:none; transition:top .15s;
}
.skip:focus{ top:12px }

.wrap{ max-width:780px; margin:0 auto }

/* header */
.doc-head{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:26px 0 20px; border-bottom:1px solid var(--line-strong); flex-wrap:wrap;
}
.doc-head .brand{ font-family:'Anton',var(--sans); font-size:30px; letter-spacing:.01em;
  direction:ltr; unicode-bidi:isolate; text-decoration:none; color:var(--ink) }
.doc-head .brand .clay{ color:var(--clay) }
.doc-head .home{ font-size:15px; font-weight:600; color:var(--clay-link);
  text-decoration:underline; text-underline-offset:3px }

main{ padding-top:14px }
h1{ font-size:clamp(26px,5vw,34px); line-height:1.2; font-weight:800; margin:22px 0 6px; letter-spacing:-.01em }
h2{ font-size:20px; font-weight:800; margin:34px 0 8px; padding-top:6px }
h3{ font-size:16.5px; font-weight:700; margin:20px 0 6px; color:var(--ink-2) }
p, li{ color:var(--ink-2) }
p{ margin:0 0 13px }
ul,ol{ margin:0 0 15px; padding-inline-start:24px }
li{ margin-bottom:7px }
strong{ color:var(--ink); font-weight:700 }

a{ color:var(--clay-link); text-decoration:underline; text-underline-offset:2px }
a:hover{ color:var(--clay) }

/* clear, visible keyboard focus everywhere (WCAG 2.4.7) */
a:focus-visible, .skip:focus-visible{ outline:3px solid var(--clay); outline-offset:3px; border-radius:3px }

.updated{ font-family:var(--mono); direction:ltr; text-align:right; font-size:12.5px;
  color:var(--ink-3); margin:0 0 20px }
.lead{ font-size:18px; color:var(--ink); }

/* LTR-isolate inline atoms (emails, urls, prices, codes) inside RTL text */
.ltr{ direction:ltr; unicode-bidi:isolate; }

/* placeholder the site owner must fill before publishing */
.fill{ background:#ffe9a8; color:#5c4a10; padding:1px 6px; border-radius:5px;
  font-weight:600; box-decoration-break:clone; -webkit-box-decoration-break:clone }

/* definition-ish rows for the accessibility contact block */
.card{ background:var(--card); border:1px solid var(--line-strong); border-radius:var(--r);
  padding:18px 20px; margin:16px 0 }
.card p:last-child{ margin-bottom:0 }

table{ border-collapse:collapse; width:100%; margin:8px 0 18px; font-size:15.5px }
th,td{ border:1px solid var(--line-strong); padding:9px 12px; text-align:right; vertical-align:top }
th{ background:var(--clay-soft); font-weight:700; color:var(--ink) }

.doc-foot{ margin-top:40px; padding-top:18px; border-top:1px solid var(--line);
  font-size:13.5px; color:var(--ink-3); text-align:center }
.doc-foot a{ color:var(--clay-link) }
