/* אבן שפה - שפת העיצוב
   הפלטה נגזרת מהעולם החומרי של החנייה בישראל: כחול ואדום של אבן שפה,
   צהוב לוחית רישוי, ואפור אספלט. לא פלטת SaaS. */

:root{
  --paper:#F4F0E7;
  --sheet:#FCFAF5;
  --ink:#16130E;
  --ink-2:#4A443A;
  --ink-3:#857D6E;
  --line:#DED6C6;
  --line-2:#EFE9DC;

  --blue:#123F7E;
  --blue-lift:#1B5AA8;
  --red:#B4271F;
  --green:#17624A;
  --plate:#F2C10D;
  --slate:#5A6470;

  --r:14px;
  --shadow:0 1px 2px rgba(30,22,10,.05), 0 8px 24px -12px rgba(30,22,10,.18);
  --shadow-lift:0 2px 4px rgba(30,22,10,.06), 0 18px 40px -18px rgba(30,22,10,.28);
  --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
}

*{box-sizing:border-box}
/* התכונה hidden חייבת לנצח. בלי זה כל כלל display: flex על רכיב מוסתר
   מחזיר אותו למסך. כך פאנל הבדיקה הופיע בפרודקשן, וכך גם v-facts הריק. */
[hidden]{display:none !important}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:'Alef',system-ui,sans-serif;
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,h4{font-family:'Miriam Libre',system-ui,serif;font-weight:700;line-height:1.2;margin:0}
p{margin:0 0 .8em}
p:last-child{margin-bottom:0}
b{font-weight:700}
a{color:var(--blue)}
.shell{max-width:1120px;margin:0 auto;padding:0 22px}

/* ===== כותרת עליונה ===== */
.top{border-bottom:1px solid var(--line);background:var(--sheet)}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px}
.brand{display:flex;align-items:center;gap:10px}
.brand-name{font-family:'Miriam Libre',serif;font-weight:700;font-size:19px;letter-spacing:-.01em}
.brand-sub{margin:0;font-size:13.5px;color:var(--ink-3)}
/* המוטיב החתימתי: אבן שפה אדומה לבנה, הסימון שאומר שאסור לחנות כאן.
   היא נמשכת מעבר לשני הקצוות בכוונה, כדי שתיקרא כקטע מתוך אבן ארוכה
   ולא כקופסה סגורה. */
.brand-mark{display:block;flex:0 0 auto;overflow:visible}

/* ===== שלב הזנה ===== */
/* עמודה אחת ממורכזת. אין מרזב ריק בצד, גם כשכרטיס הרכב עוד לא נטען. */
.hero{max-width:760px;padding-top:64px;padding-bottom:26px;text-align:center}
@media(max-width:900px){.hero{padding-top:38px}}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;
  letter-spacing:.02em;color:var(--ink-3);margin-bottom:18px}
.curb{display:block;width:34px;height:9px;border-radius:2px;
  background:repeating-linear-gradient(115deg,var(--red) 0 5px,#F7F4EC 5px 10px);
  box-shadow:inset 0 0 0 1px var(--line)}
h1{font-size:clamp(31px,5vw,50px);letter-spacing:-.025em;margin-inline:auto;max-width:16ch}
.lede{margin:16px auto 0;font-size:18px;color:var(--ink-2);max-width:50ch}
/* גילוי המחיר לפני השער. חובה לפי חוק הגנת הצרכן 14ג(א), וגם מה שמונע הפתעה. */
.price-note{margin:10px auto 0;font-size:14.5px;color:var(--ink-3);max-width:50ch}
.price-note b{color:var(--ink);font-variant-numeric:tabular-nums}

form{margin-top:30px;display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:start}
@media(max-width:640px){form{grid-template-columns:1fr}}
.field{display:flex;flex-direction:column;min-width:0}
label{font-family:'Miriam Libre',serif;font-size:13.5px;margin-bottom:6px;color:var(--ink-2)}
.lbl-note{color:var(--ink-3);font-family:'Alef',sans-serif;font-size:12.5px}
/* שדה ספרות בעמוד עברי: כיוון שמאל-ימין כדי שהסמן והמחיקה יתנהגו כמו מספר,
   ויישור לימין כדי שהשדה יישאר מעוגן לצד ההתחלה. כך זה ב-gov.il וב-tlvpay. */
input{
  font-family:var(--mono);font-size:19px;letter-spacing:.06em;
  padding:13px 14px;border-radius:10px;border:1.5px solid var(--line);
  background:var(--sheet);color:var(--ink);width:100%;
  direction:ltr;text-align:right;
  transition:border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(18,63,126,.13);background:#fff}
input[aria-invalid="true"]{border-color:var(--red);box-shadow:0 0 0 4px rgba(180,39,31,.1)}
.hint{font-size:12.5px;color:var(--ink-3);margin-top:5px}
.err{font-size:12.5px;color:var(--red);margin-top:5px;font-weight:700}

.go{
  font-family:'Miriam Libre',serif;font-size:17px;font-weight:700;color:#fff;
  background:var(--blue);border:0;border-radius:10px;padding:14px 30px;cursor:pointer;
  margin-top:26px;box-shadow:0 3px 0 #0C2C58;
  transition:transform .1s ease, box-shadow .1s ease, background .16s ease;
}
@media(max-width:640px){.go{margin-top:6px;width:100%}}
.go:hover{background:var(--blue-lift);transform:translateY(-1px);
  box-shadow:0 4px 0 #0C2C58, 0 8px 18px -8px rgba(18,63,126,.5)}
.go:active{transform:translateY(3px);box-shadow:0 0 0 #0C2C58}
.go[disabled]{background:var(--ink-3);box-shadow:none;cursor:default;transform:none}

.trust{margin:22px auto 0;font-size:14.5px;color:var(--ink-2);display:flex;gap:9px;
  align-items:flex-start;max-width:54ch;text-align:start}
.tick{flex:0 0 21px;width:21px;height:21px;margin-top:2px;fill:var(--green)}
.tick .tick-v{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ===== כרטיס הרכב ===== */
.plate-card{max-width:420px;margin:26px auto 0;text-align:start;
  background:var(--sheet);border:1px solid var(--line);border-radius:var(--r);padding:20px;
  box-shadow:var(--shadow);animation:card-in .34s cubic-bezier(.2,.7,.3,1) both}
@keyframes card-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
.plate-frame{display:flex;align-items:stretch;background:var(--plate);border:2px solid #16130E;
  border-radius:8px;overflow:hidden;height:56px}
.plate-flag{flex:0 0 20px;background:var(--blue);display:block}
.plate-num{flex:1;display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-weight:600;font-size:27px;letter-spacing:.09em;color:#16130E}
.plate-facts{margin:16px 0 0;display:grid;grid-template-columns:auto 1fr;gap:7px 14px;font-size:15px}
.plate-facts dt{color:var(--ink-3);font-size:13.5px;padding-top:1px}
.plate-facts dd{margin:0;font-weight:700}
.plate-facts dd.warn{color:var(--red)}
.plate-src{margin:14px 0 0;font-size:12px;color:var(--ink-3);border-top:1px solid var(--line-2);padding-top:10px}

/* ===== איך זה עובד ===== */
.how-wrap{padding-top:46px;border-top:1px solid var(--line);margin-top:46px}
.how-h{font-size:23px;margin-bottom:0}
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding-top:24px;padding-bottom:74px}
@media(max-width:820px){.how{grid-template-columns:1fr;gap:22px;padding-bottom:44px}}
.how-item h3{font-size:17px;margin-bottom:6px}
.how-item p{font-size:14.8px;color:var(--ink-2);margin:0}
.how-n{display:block;font-family:var(--mono);font-size:12px;color:var(--blue);letter-spacing:.12em;
  margin-bottom:9px;padding-bottom:9px;border-bottom:2px solid var(--line)}

/* ===== הכרעה: טבעת הסריקה ===== */
#stage-scan{padding:40px 0 74px}
.verdict{display:flex;align-items:center;justify-content:flex-start;gap:34px;flex-wrap:wrap;
  background:var(--sheet);border:1px solid var(--line);border-radius:20px;padding:30px 34px;
  box-shadow:var(--shadow);position:relative;overflow:hidden;
  transition:background .5s ease, border-color .5s ease}
@media(max-width:620px){.verdict{flex-direction:column;text-align:center;gap:22px;padding:28px 22px}}
.verdict[data-state="found"]{background:linear-gradient(160deg,#FFF4F1,#FDFBF8);border-color:#EBC7C1}
.verdict[data-state="clean"]{background:linear-gradient(160deg,#EEF6F0,#FBFCFB);border-color:#C6DDCD}

/* הטבעת */
.ring-wrap{position:relative;flex:0 0 auto;width:158px;height:158px}
@media(max-width:400px){.ring-wrap{width:150px;height:150px}}
.ring{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.ring-track{fill:none;stroke:var(--line-2);stroke-width:9}
.ring-fill{fill:none;stroke:var(--blue);stroke-width:9;stroke-linecap:round;
  stroke-dasharray:352;stroke-dashoffset:352;
  transition:stroke-dashoffset .5s cubic-bezier(.3,.85,.35,1), stroke .5s ease;
  filter:drop-shadow(0 0 5px rgba(18,63,126,.28))}
.verdict[data-state="found"] .ring-fill{stroke:var(--red);filter:drop-shadow(0 0 6px rgba(180,39,31,.32))}
.verdict[data-state="clean"] .ring-fill{stroke:var(--green);filter:drop-shadow(0 0 6px rgba(23,98,74,.3))}

/* דופק עדין מאחורי הטבעת בזמן שהסריקה רצה */
.ring-pulse{position:absolute;inset:14px;border-radius:50%;pointer-events:none;
  box-shadow:0 0 0 0 rgba(18,63,126,.22)}
.verdict[data-state="running"] .ring-pulse{animation:pulse 1.9s ease-out infinite}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(18,63,126,.22)}
  70%{box-shadow:0 0 0 16px rgba(18,63,126,0)}
  100%{box-shadow:0 0 0 0 rgba(18,63,126,0)}
}

.ring-center{position:absolute;inset:20px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:0;text-align:center}
.v-num{font-family:'Miriam Libre',serif;font-size:46px;line-height:1;
  font-variant-numeric:tabular-nums;color:var(--slate);transition:color .5s ease}
.verdict[data-state="found"] .v-num{color:var(--red)}
.verdict[data-state="clean"] .v-num{color:var(--green)}
.v-cap{font-size:11.5px;line-height:1.25;color:var(--ink-3);margin-top:3px;max-width:11ch}
.verdict[data-state="clean"] .v-cap{color:var(--green)}
.verdict[data-state="found"] .v-cap{color:var(--red)}

/* טקסט ההכרעה */
.v-text{flex:1 1 0%;min-width:16ch;max-width:none;min-height:78px;display:flex;flex-direction:column;justify-content:center}
.v-text h2{font-size:clamp(20px,2.6vw,27px);transition:opacity .2s ease}
.v-text p{margin:7px 0 0;color:var(--ink-2);font-size:15.5px;transition:opacity .2s ease}
.now-line{margin:9px 0 0;font-size:13.5px;color:var(--ink-3);font-variant-numeric:tabular-nums;
  min-height:1.3em;display:flex;gap:10px;flex-wrap:wrap;align-items:baseline}
@media(max-width:620px){.now-line{justify-content:center}}
#now-line{color:var(--ink-2)}
.nl-count{color:var(--ink-3)}
.nl-count b{color:var(--ink-2)}
.verdict[data-state="clean"] .now-line,.verdict[data-state="found"] .now-line{display:none}

/* ===== אישור בדיקה ===== */
.receipt{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:20px 22px;box-shadow:var(--shadow);animation:card-in .34s cubic-bezier(.2,.7,.3,1) both}
.rc-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding-bottom:12px;border-bottom:1px dashed var(--line)}
.rc-t{font-family:'Miriam Libre',serif;font-size:15px}
.rc-when{font-size:13px;color:var(--ink-3);font-variant-numeric:tabular-nums}
/* כל עובדה היא בלוק מזווג. grid על dt/dd ישירות מפזר תוויות וערכים
   לתאים נפרדים, והתווית מתנתקת מהערך שלה. */
/* עמודות לפי תוכן ופרוסות על כל הרוחב. עם שני פריטים בלבד, גריד שנמתח
   היה משאיר זנב ריק בתוך העמודה השנייה. */
.rc-body{margin:16px 0 0;display:flex;flex-wrap:wrap;gap:14px 26px;
  justify-content:space-between;align-items:flex-start}
.rc-body>.rc-item{flex:0 1 auto;min-width:min(150px,100%)}
.rc-item{display:flex;flex-direction:column;gap:3px;padding-inline-start:20px;
  border-inline-start:1px solid var(--line-2)}
.rc-item:last-child{border-inline-start:0;padding-inline-start:0}
@media(max-width:560px){
  .rc-item{border-inline-start:0;padding-inline-start:0;padding-bottom:12px;
    border-bottom:1px solid var(--line-2)}
  .rc-item:last-child{padding-bottom:0;border-bottom:0}
}
.rc-item dt{font-size:12.5px;color:var(--ink-3);margin:0}
.rc-item dd{margin:0;font-family:'Miriam Libre',serif;font-size:17px;line-height:1.25;
  font-variant-numeric:tabular-nums}
.rc-item dd.big{font-size:30px;line-height:1.05}
.rc-item dd.warn{color:var(--red)}
.rc-item dd.ok{color:var(--green)}
.rc-item dd.info{color:var(--blue)}
.rc-note{margin:16px 0 0;padding-top:12px;border-top:1px solid var(--line-2);
  font-size:12.8px;color:var(--ink-3)}

/* ===== רשויות שנמצאו ===== */
#found{margin-top:26px}
.sec-t{font-size:16px;color:var(--ink-2);margin-bottom:13px}
#found-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:14px}
.fcard{--d:0ms;background:#fff;border:1px solid var(--line);border-inline-start:5px solid var(--red);
  border-radius:12px;padding:16px 18px;display:flex;align-items:center;gap:15px;box-shadow:var(--shadow);
  animation:card-in .38s cubic-bezier(.2,.75,.3,1) var(--d) both}
.fcard img{width:56px;height:40px;object-fit:contain;flex:0 0 56px}
.fcard .fc-b{min-width:0;flex:1}
.fcard h4{font-size:16.5px;margin-bottom:2px}
.fcard .fc-n{font-size:14.5px;color:var(--red);font-weight:700;font-variant-numeric:tabular-nums}
.fcard a{font-size:13.5px;font-weight:700;text-decoration:none;border-bottom:1.5px solid rgba(18,63,126,.3);
  padding-bottom:1px;white-space:nowrap}
.fcard a:hover{border-bottom-color:var(--blue)}

/* ===== המפה ===== */
.map-wrap{margin-top:34px}
.map-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:13px}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr));gap:10px}

/* כל המשבצות זהות בגודל ובמבנה. ההבדל בין נקי לבין נמצא הוא צבע בלבד,
   לא תזוזה ולא גודל. רקע לבן תמיד, כדי שלוגו עם רקע לבן אפוי לא ייראה
   כמו קופסה לבנה בתוך משבצת צבועה. */
.tile{
  position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:14px 10px 12px;display:flex;flex-direction:column;align-items:center;
  justify-content:flex-start;gap:9px;text-align:center;height:112px;overflow:hidden;
  animation:tile-in .32s cubic-bezier(.2,.75,.3,1) both;
  transition:border-color .3s ease, box-shadow .3s ease;
}
@keyframes tile-in{
  0%{opacity:0;transform:scale(.82) translateY(10px)}
  62%{opacity:1;transform:scale(1.035) translateY(-2px)}
  100%{opacity:1;transform:none}
}
.tile img{width:100%;max-width:76px;height:36px;object-fit:contain;flex:0 0 36px}
.tile .t-name{font-size:13px;line-height:1.25;color:var(--ink-2)}

/* נקי: אין תגית ואין מילה. פס ירוק דק בתחתית אומר את זה בלי רעש. */
.tile.clean:after{content:"";position:absolute;inset-inline:0;bottom:0;height:3px;background:var(--green);opacity:.55}
.tile.clean .t-tag{display:none}

/* נמצא דוח: אותה משבצת בדיוק, עם מסגרת אדומה ומספר במקום התווית. */
.tile.found{border-color:var(--red);border-width:2px;padding:13px 9px 11px;
  box-shadow:0 4px 14px -6px rgba(180,39,31,.4);
  animation:tile-in .32s cubic-bezier(.2,.75,.3,1) both, flag .8s ease-out .1s}
@keyframes flag{
  0%{box-shadow:0 0 0 0 rgba(180,39,31,.45), 0 4px 14px -6px rgba(180,39,31,.4)}
  100%{box-shadow:0 0 0 15px rgba(180,39,31,0), 0 4px 14px -6px rgba(180,39,31,.4)}
}
.tile.found img{filter:grayscale(1) sepia(1) hue-rotate(-42deg) saturate(4.2) contrast(1.05)}
.tile.found .t-name{color:var(--ink);font-weight:700}
.tile.found .t-tag{font-family:'Miriam Libre',serif;font-size:14px;color:var(--red);
  font-variant-numeric:tabular-nums}

/* לא נבדק: אפור מלא, ואומר את זה במילים כי אסור שייבלע בתוך נקי. */
.tile.fail{background:#FAF8F4;border-style:dashed}
.tile.fail img{filter:grayscale(1);opacity:.3}
.tile.fail .t-name{color:var(--ink-3)}
.tile.fail .t-tag{font-size:12px;color:#7A6C4C}

/* משבצת שלד: הצורה הסופית של המסך, בלי לחשוף איזו רשות נבדקת */

.map-note{margin-top:14px;font-size:13px;color:var(--ink-3)}

.partial{margin-top:22px;background:#FFF8E8;border:1px solid #E8D08A;border-radius:11px;
  padding:14px 17px;font-size:14.5px;color:#6A5410}
.again{margin-top:30px;font-family:'Miriam Libre',serif;font-size:15px;background:transparent;
  border:1.5px solid var(--line);border-radius:10px;padding:11px 24px;cursor:pointer;color:var(--ink-2)}
.again:hover{border-color:var(--blue);color:var(--blue)}

/* ===== תחתית ===== */
.foot{border-top:1px solid var(--line);background:var(--sheet);margin-top:20px}
.foot-in{padding:26px 22px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  font-size:13.5px;color:var(--ink-3)}
.foot-in p{max-width:62ch}
.foot-links{display:flex;gap:18px}
.foot-links a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--line)}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important}
}

/* ===== שלב האימות ===== */
.gate{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--shadow);overflow:hidden;animation:card-in .34s cubic-bezier(.2,.7,.3,1) both}
.gate-in{padding:24px 26px;border-inline-start:5px solid var(--blue);
  max-width:66ch}
.gate h3{font-size:19px}
.gate-why{margin-top:8px;font-size:14.8px;color:var(--ink-2)}
.gate-go{margin-top:18px;white-space:nowrap}
.gate-sent{margin-top:14px;font-size:15px;color:var(--ink-2)}
.gate-sent b{font-family:var(--mono)}
.gate-row{display:flex;gap:14px;align-items:center;margin-top:12px;flex-wrap:wrap}
.gate-row #gate-resend{margin-inline-start:auto}
.gate-row input{max-width:190px;font-size:24px;letter-spacing:.32em;text-align:center}
.gate-row .go{margin-top:0}
.gate-err{margin-top:10px;font-size:13.5px;color:var(--red);font-weight:700}
.linky{background:0;border:0;padding:0;cursor:pointer;font-family:'Alef',sans-serif;
  font-size:13.5px;color:var(--blue);border-bottom:1px solid rgba(18,63,126,.35)}
.linky[disabled]{color:var(--ink-3);border-bottom-color:transparent;cursor:default}

/* ===== פירוט הדוחות ===== */
#details{margin-top:26px}
#det-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:14px}
.det{background:#fff;border:1px solid var(--line);border-inline-start:4px solid var(--red);
  border-radius:12px;padding:15px 17px}
.det-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.det-h b{font-family:var(--mono);font-size:15px}
.det-amt{font-family:'Miriam Libre',serif;font-size:19px;color:var(--red)}
.det-m{margin-top:5px;font-family:var(--mono);font-size:13px;color:var(--ink-3)}
.det-d{margin-top:7px;font-size:14.6px;color:var(--ink-2)}
.det-load{font-size:14.6px;color:var(--ink-3)}

/* ===== פאנל בדיקה, לא חלק מהמוצר ===== */
.devbar{margin-top:34px;padding:13px 16px;border:1px dashed var(--ink-3);border-radius:10px;
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:#F7F4EC}
.dev-t{font-size:12.5px;color:var(--ink-3);margin-inline-end:6px}
.devbar button{font-family:'Alef',sans-serif;font-size:13.5px;padding:6px 13px;border-radius:7px;
  border:1px solid var(--line);background:#fff;color:var(--ink-2);cursor:pointer}
.devbar button:hover{border-color:var(--blue);color:var(--blue)}
.devbar button[aria-pressed="true"]{background:var(--asphalt,#16181B);background:var(--ink);color:#fff;border-color:var(--ink)}

/* ===== נעילת הזהות =====
   המוצר הוא לגלות איפה הדוח. לכן הספירה והסכום חינם, וזהות הרשות נעולה
   עד שהמשתמש עובר את השער. הלוגו והשם לא נשלחים למסך במצב נעול. */
.tile.found.locked img{filter:blur(7px) grayscale(.4) opacity(.35)}
.tile.found.locked .t-name{color:transparent;position:relative}
.tile.found.locked .t-name:after{content:"נעול";position:absolute;inset:0;
  color:var(--red);font-weight:700}
.lock-i{position:absolute;top:9px;inset-inline-end:9px;width:16px;height:16px;fill:var(--red)}

.fcard.locked img{filter:blur(8px) grayscale(.5) opacity(.3)}
.fcard.locked h4{color:transparent;position:relative}
.fcard.locked h4:after{content:"רשות נעולה";position:absolute;inset:0;color:var(--ink-2)}
.fcard.locked a{display:none}

.gate-steps{margin:14px 0 0;padding-inline-start:20px;font-size:14.6px;color:var(--ink-2)}
.gate-steps li{margin-bottom:8px}
.gate-steps b{color:var(--ink)}

/* אחרי ההכרעה הרשת מתכווצת. בזמן הסריקה היא ההוכחה שמשהו קורה, ולכן שם היא
   לא נוגעת. אחרי שההכרעה ידועה, רשות נקייה היא רק אישור שנבדקה, ורשות שנמצא
   בה דוח נשארת בגודל מלא כי היא הממצא. */
.grid.settled{grid-template-columns:repeat(auto-fill,minmax(min(104px,100%),1fr));gap:8px}
.grid.settled .tile{height:80px;padding:10px 7px 9px;gap:5px;justify-content:center;
  transition:height .42s cubic-bezier(.2,.7,.3,1), padding .42s cubic-bezier(.2,.7,.3,1)}
/* השם נשאר. הוא מה שהופך משבצת לרשות ולא לריבוע. רק המידות יורדות. */
.grid.settled .tile .t-name{font-size:11.5px;line-height:1.2;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.grid.settled .tile img{max-width:58px;height:24px;flex-basis:24px;
  transition:height .42s cubic-bezier(.2,.7,.3,1)}
.grid.settled .tile.found{grid-column:span 2;height:112px;padding:13px 9px 11px;justify-content:flex-start;gap:9px}
.grid.settled .tile.found .t-name{font-size:13px;-webkit-line-clamp:2}
.grid.settled .tile.found img{max-width:76px;height:36px;flex-basis:36px}
@media(prefers-reduced-motion:reduce){.grid.settled .tile,.grid.settled .tile img{transition:none}}

/* שתי העובדות הגדולות, בצד שהיה ריק. אותה מסה של הטבעת, בלי לחזור עליה. */
.v-facts{margin:0;flex:0 0 auto;display:flex;gap:26px;
  padding-inline-start:26px;border-inline-start:1px solid var(--line)}
.v-facts>div{text-align:start}
.v-facts dt{font-size:12.5px;color:var(--ink-3);margin-bottom:2px}
.v-facts dd{margin:0;font-family:var(--mono);font-size:30px;font-weight:600;
  line-height:1.1;font-variant-numeric:tabular-nums}
.v-facts dd.info{color:var(--blue)}
.v-facts dd.ok{color:var(--green)}
@media(max-width:620px){.v-facts{padding-inline-start:0;border-inline-start:0;
  padding-top:18px;border-top:1px solid var(--line);width:100%;justify-content:center;gap:34px}}

/* ===== מה לא נבדק =====
   הכרטיסים כאן הם הפניה החוצה, ולכן הם נקראים אחרת ממשבצת רשות: אין להם
   סמל, יש להם מסגרת מקווקוות, והם אומרים מה צריך להביא לפני שלוחצים. */
.uncovered{margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}
.unc-lede{margin:10px 0 0;font-size:15.5px;color:var(--ink-2);max-width:78ch}
.unc-list{margin-top:18px;display:grid;gap:12px;
  grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.unc-card{display:flex;flex-direction:column;gap:5px;text-decoration:none;color:inherit;
  background:var(--sheet);border:1.5px dashed var(--line);border-radius:var(--r);
  padding:16px 18px;transition:border-color .16s ease, transform .1s ease, box-shadow .16s ease}
.unc-card:hover{border-color:var(--blue);border-style:solid;transform:translateY(-1px);
  box-shadow:var(--shadow)}
.unc-card:focus-visible{outline:3px solid rgba(18,63,126,.35);outline-offset:2px}
.unc-city{font-family:'Miriam Libre',serif;font-weight:700;font-size:18px;color:var(--blue)}
.unc-how{font-size:14px;color:var(--ink-2)}
.unc-need{font-size:13px;color:var(--ink-3);line-height:1.5}
.unc-note{margin:16px 0 0;font-size:14px;color:var(--ink-2);max-width:78ch}
@media(prefers-reduced-motion:reduce){.unc-card{transition:none}}
.det-fallback{margin-top:14px;display:grid;gap:10px;
  grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}

/* ===== פנייה אזרחית =====
   אנחנו לא שולחים דבר. המכתב נבנה בדפדפן ויוצא מתיבת הדואר של האזרח, כי
   פנייה מאדם אמיתי שוקלת יותר מהודעה אוטומטית, וכי בוט שמפציץ עיריות
   נשרף תוך שבוע ולוקח איתו את המסר. */
.nudge{padding-top:44px;padding-bottom:10px;
  border-top:1px solid var(--line);margin-top:46px}
.nudge h2{font-size:24px;margin-bottom:12px}
/* שתי עמודות ברוחב מלא: ההסבר מימין והטופס משמאל. עמודה אחת השאירה
   מרזב ריק לאורך כל הצד. */
.nudge-top{display:grid;gap:26px 34px;grid-template-columns:1fr 380px;
  align-items:start}
@media(max-width:820px){.nudge-top{grid-template-columns:1fr}}
.nudge-lede{font-size:16.5px;color:var(--ink-2)}
.nudge-lede + .nudge-lede{margin-top:12px}
.nudge-form{display:grid;gap:6px}
.nudge-form label{font-family:'Miriam Libre',serif;font-size:13.5px;color:var(--ink-2);
  margin-top:10px}
.nudge-form label:first-child{margin-top:0}
.nudge-form input{font-family:'Alef',sans-serif;font-size:16px;letter-spacing:0;
  direction:rtl;text-align:start;padding:11px 13px}
.nudge-letter{margin-top:24px}
.nudge-letter label{display:block;font-family:'Miriam Libre',serif;font-size:13.5px;
  color:var(--ink-2);margin-bottom:6px}
.nudge-letter textarea{width:100%;font-family:'Alef',sans-serif;font-size:15px;
  line-height:1.7;padding:16px 18px;border-radius:12px;border:1.5px solid var(--line);
  background:var(--sheet);color:var(--ink);resize:vertical}
.nudge-letter textarea:focus{outline:0;border-color:var(--blue);
  box-shadow:0 0 0 4px rgba(18,63,126,.13);background:#fff}
.nudge-acts{margin-top:14px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.nudge-acts .go{margin-top:0}
.nudge-said{margin-top:10px;font-size:14px;color:var(--green);font-weight:700}
@media(max-width:640px){.nudge-acts .go{width:auto}}

/* רשות שכן מאפשרת איתור לפי תעודת זהות. אין למה לשלוח מכתב. */
.nudge-known{margin-top:24px;background:#EEF6F0;border:1px solid #C6DDCD;
  border-radius:14px;padding:22px 24px;max-width:640px}
.known-t{font-family:'Miriam Libre',serif;font-size:18px;color:var(--green);
  margin:0 0 8px}
.known-n{font-size:15px;color:var(--ink-2);margin:0 0 14px}
.known-go{display:inline-block;font-family:'Miriam Libre',serif;font-size:15px;
  font-weight:700;color:#fff;background:var(--blue);border-radius:9px;
  padding:10px 22px;text-decoration:none;box-shadow:0 3px 0 #0C2C58}
.known-go:hover{background:var(--blue-lift)}
.known-to{color:var(--ink-2);text-decoration:none;cursor:default;
  font-family:var(--mono);font-size:13.5px;direction:ltr}