/* legal.css — הקליפה המשותפת לעמודי תנאי השימוש, הפרטיות והנגישות.
   אותם טוקנים בדיוק של עמוד הבית, רק בלי הגרפיקה: עמוד משפטי צריך
   להיקרא, לא להרשים. שלושת העמודים מושכים את הקובץ הזה כדי שתיקון
   בטיפוגרפיה לא יצטרך להיעשות שלוש פעמים. */
:root{
  --dust:#E5E1D3; --dust-hi:#F2F0E7; --paper:#FBFAF5;
  --field:#22301F; --field-2:#2E4429;
  --tag:#F5C518; --tag-deep:#DBA800;
  --line:#C8C2B1; --ink:#1B2118; --dim:#6F7566;
  --pad:clamp(18px,4.5vw,26px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0; color:var(--ink); overflow-x:hidden;
  background-color:var(--dust);
  background-image:radial-gradient(rgba(27,33,24,.05) 1px, transparent 1px); background-size:4px 4px;
  font-family:"Rubik",system-ui,sans-serif; font-size:17px; line-height:1.7; -webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Secular One",system-ui,sans-serif; font-weight:400; line-height:1.2; margin:0; text-wrap:balance}
p,ul,ol{margin:0}
a{color:var(--field-2)}
.wrap{width:100%; max-width:760px; margin:0 auto; padding-inline:var(--pad)}
:focus-visible{outline:3px solid var(--field-2); outline-offset:3px; border-radius:3px}

.skip{position:absolute; inset-inline-start:-9999px; top:0; background:var(--field); color:#fff;
  padding:12px 18px; z-index:60; border-radius:0 0 4px 4px}
.skip:focus{inset-inline-start:0}

.bar{background:rgba(229,225,211,.95); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:40; backdrop-filter:blur(8px)}
.bar-in{display:flex; align-items:center; gap:12px; height:60px}
.logo{font-family:"Secular One",sans-serif; font-size:22px; text-decoration:none; color:var(--ink)}
.logo span{color:var(--field-2)}
.sp{flex:1}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:9px; font:inherit;
  font-weight:600; text-decoration:none; cursor:pointer; border:1px solid transparent;
  padding:10px 18px; border-radius:4px; font-size:15.5px; transition:background .12s}
.btn-ghost{background:transparent; border-color:var(--line); color:var(--ink)}
.btn-ghost:hover{background:var(--paper)}

.head{padding:clamp(30px,5.5vw,48px) 0 clamp(18px,3vw,26px)}
.head h1{font-size:clamp(28px,5vw,42px)}
.head .meta{margin-top:12px; color:var(--dim); font-size:15px}

main{padding-bottom:clamp(36px,6vw,58px)}
.doc{background:var(--paper); border:1px solid var(--line); border-radius:6px;
  padding:clamp(22px,4vw,38px)}
.doc section{margin-top:32px}
.doc section:first-of-type{margin-top:0}
.doc h2{font-size:clamp(20px,2.9vw,25px); margin-bottom:12px}
.doc h3{font-size:18px; font-weight:400; margin:20px 0 8px}
.doc p+p{margin-top:12px}
.doc ul,.doc ol{margin:12px 0 0; padding-inline-start:22px}
.doc li{margin-bottom:8px}
.doc li:last-child{margin-bottom:0}
.doc b,.doc strong{font-weight:600}
.lead{font-size:18px; color:#3A422F}
.box{background:var(--dust-hi); border:1px solid var(--line); border-radius:5px;
  padding:17px 19px; margin-top:16px; font-size:16px}
.box.warm{background:#FDF6DC; border-color:var(--tag-deep)}
.contact{display:grid; gap:6px; margin-top:12px; font-size:16.5px}
code,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.9em;
  background:var(--dust); border:1px solid var(--line); border-radius:3px; padding:1px 6px;
  direction:ltr; unicode-bidi:embed; display:inline-block}

footer{border-top:1px solid var(--line); background:var(--dust-hi)}
.fbar{display:flex; flex-wrap:wrap; gap:12px 18px; align-items:center; padding-block:24px; font-size:15px; color:var(--dim)}
.fnav{display:flex; flex-wrap:wrap; gap:14px}
.fnav a{color:var(--dim)}

@media (prefers-reduced-motion:reduce){ *{transition:none!important; scroll-behavior:auto!important} }