:root{
  --bord:#790F0E; --deep:#4A0B0A; --ink:#2E0E0D; --soft:#7A5452; --line:rgba(74,11,10,.2);
  --display:"Secular One",sans-serif; --sans:"IBM Plex Sans Hebrew",system-ui,sans-serif; --serif:"Secular One",sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--sans);color:var(--ink);background:#FBF4DE;font-size:16.5px;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:var(--bord)}

/* אותו רקע כמו בשאר האתר */
.wash{position:fixed;inset:0;z-index:-2;
  background:
    radial-gradient(120% 90% at 92% 6%, #FFFDF5 0, #FCF6E3 26%, rgba(252,246,227,0) 62%),
    radial-gradient(130% 110% at 8% 110%, rgba(121,15,14,.55) 0, rgba(121,15,14,.25) 30%, rgba(121,15,14,0) 64%),
    linear-gradient(192deg, #FFFDF4, #FCF5DC 50%, #F8EBC0)}
.grain{position:fixed;inset:-50%;z-index:-1;pointer-events:none;opacity:.12;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .29 0 0 0 0 .04 0 0 0 0 .04 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header img{height:28px;display:block}
.pill{font:500 15px var(--sans);color:var(--ink);text-decoration:none;padding:9px 17px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.8)}

main{max-width:680px;margin:0 auto;padding:42px 22px 80px;opacity:0;transform:translateY(14px);animation:in .7s var(--ease) forwards}
@keyframes in{to{opacity:1;transform:none}}
h1{font:400 35px/1.05 var(--display);color:var(--deep);margin:0 0 8px}
h1 .dot{color:var(--bord)}
.updated{font-size:14px;color:var(--soft);margin:0 0 30px}
h2{font:400 20px/1.1 var(--display);color:var(--deep);margin:38px 0 8px;padding-top:24px;border-top:1px solid var(--line)}
p{margin:0 0 12px}
ul{margin:0 0 12px;padding-inline-start:20px}
li{margin-bottom:6px}
.draft{display:inline-block;font:500 12px var(--sans);color:var(--bord);border:1px dashed var(--bord);border-radius:999px;padding:3px 10px;margin-bottom:20px}
.todo{background:rgba(121,15,14,.08);border-radius:4px;padding:0 4px;color:var(--bord)}

/* טופס ביטול */
.field{margin-top:16px}
.field label{display:block;font-weight:500;margin-bottom:6px}
.field input,.field select{width:100%;height:52px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.9);font:400 17px var(--sans);color:var(--ink);padding:0 14px}
.field input:focus,.field select:focus{outline:none;border-color:var(--bord);box-shadow:0 0 0 4px rgba(121,15,14,.12)}
.btn{margin-top:22px;width:100%;height:54px;border:0;border-radius:999px;background:var(--deep);color:#fff;font:500 17px var(--sans);cursor:pointer}
.card{background:rgba(255,255,255,.85);border-radius:6px;padding:20px 18px;margin:18px 0}

footer{max-width:680px;margin:0 auto;padding:20px 22px 40px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px}
footer a{color:var(--ink);text-decoration:none}
footer a[aria-current]{color:var(--bord);text-decoration:underline}
@media (prefers-reduced-motion:reduce){main{animation:none;opacity:1;transform:none}}