/* רגע, בודקים: עיצוב. Heebo לגוף, Frank Ruhl Libre לכותרות. */
@font-face{font-family:"Frank Ruhl Libre";font-style:normal;font-weight:500 900;font-display:swap;src:url(fonts/frank-he.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Frank Ruhl Libre";font-style:normal;font-weight:500 900;font-display:swap;src:url(fonts/frank-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Heebo";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/heebo-he.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Heebo";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/heebo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root {
  --paper: #f6f3ee;
  --surface: #fffdf9;
  --ink: #1b2230;
  --ink-soft: #4a5365;
  --line: #ddd6ca;
  --accent: #1f3a5f;          /* כחול דיו עמוק, רק לכפתור ולפוקוס */
  --accent-ink: #ffffff;
  --scam: #a8231b;
  --scam-bg: #fbeceb;
  --susp: #9a4a06;
  --susp-bg: #fdf1e1;
  --none: #3f5468;
  --none-bg: #e9eef3;
  --focus: #1f3a5f;
  --s1: .25rem; --s2: .5rem; --s3: .75rem; --s4: 1rem; --s5: 1.5rem; --s6: 2rem; --s7: 3rem; --s8: 4.5rem;
  --radius: 14px;
  --serif: "Frank Ruhl Libre", "David", serif;
  --sans: "Heebo", "Assistant", system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #12161d;
    --surface: #1a202a;
    --ink: #eef0f3;
    --ink-soft: #b4bcc9;
    --line: #2f3846;
    --accent: #cfe0f5;
    --accent-ink: #12161d;
    --scam: #ff9c93;
    --scam-bg: #2b1a1b;
    --susp: #ffbf80;
    --susp-bg: #2c2216;
    --none: #b5c8dc;
    --none-bg: #1d2733;
    --focus: #cfe0f5;
  }
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0; background: var(--paper); color: var(--ink);
  font: 400 1.125rem/1.8 var(--sans);
}
.wrap { width: min(100% - 2.5rem, 40rem); margin-inline: auto; }
.skip { position: absolute; inset-inline-start: var(--s4); top: -4rem; background: var(--ink); color: var(--paper); padding: var(--s3) var(--s4); border-radius: 8px; z-index: 10; }
.skip:focus { top: var(--s3); }

:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; border-radius: 6px; }

.site-head { padding-block: var(--s5) 0; }
.brand { font: 700 clamp(1.75rem, 1.4rem + 1.5vw, 2.25rem)/1.1 var(--serif); color: var(--ink); text-decoration: none; letter-spacing: .01em; }
.brand { display: inline-flex; align-items: center; gap: .4em; }
.brand-mark { width: .95em; height: .95em; flex: none; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }
.brand-mark .bm-pin { fill: currentColor; stroke: none; }
.bm-hand { transform-origin: 12px 13.4px; transform: rotate(38deg); animation: bm-stop .9s cubic-bezier(.3,.7,.2,1) .25s backwards; }
@keyframes bm-stop { from { transform: rotate(-200deg); } to { transform: rotate(38deg); } }
@media (prefers-reduced-motion: reduce) { .bm-hand { animation: none; } }
html.a11y-still .bm-hand { animation: none !important; }

.hero { padding-block: var(--s6) var(--s7); }
h1 { font: 700 clamp(2rem, 7.5vw, 3rem)/1.25 var(--serif); margin: 0 0 var(--s4); text-wrap: balance; }
.short { display: none; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.lead { font-size: 1.1875rem; color: var(--ink-soft); margin: 0 0 var(--s6); max-width: 34rem; }

.check { margin-top: var(--s5); }
.field-label { display: block; font-weight: 700; margin-bottom: var(--s2); }
textarea {
  unicode-bidi: plaintext; /* each pasted line finds its own direction; the box stays RTL */
  width: 100%; min-height: 12rem; resize: vertical; padding: var(--s4);
  font: 400 1.0625rem/1.7 var(--sans); color: var(--ink);
  background: var(--surface); border: 2px solid var(--ink-soft); border-radius: var(--radius);
  transition: border-color .2s;
}
textarea::placeholder { color: var(--ink-soft); opacity: .85; }
textarea:hover { border-color: var(--ink); }
textarea:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; border-color: var(--focus); }
.field-meta { display: flex; justify-content: space-between; gap: var(--s4); align-items: flex-start; }
.tip, .counter { margin: var(--s2) 0 0; font-size: .9375rem; line-height: 1.6; color: var(--ink-soft); }
.counter { white-space: nowrap; font-variant-numeric: tabular-nums; }
.counter.near { color: var(--susp); font-weight: 700; }
.counter.over { color: var(--scam); font-weight: 700; }
.form-error { margin: var(--s3) 0 0; padding: var(--s3) var(--s4); border-inline-start: 4px solid var(--scam); background: var(--scam-bg); color: var(--ink); border-radius: 8px; font-size: 1.0625rem; }

.actions { margin-top: var(--s5); display: flex; flex-direction: column; gap: var(--s3); align-items: stretch; }
.btn {
  appearance: none; border: 2px solid transparent; cursor: pointer; font: 700 1.1875rem/1.2 var(--sans);
  min-height: 3.75rem; padding: var(--s3) var(--s5); border-radius: var(--radius);
  transition: background-color .2s, opacity .2s, border-color .2s;
}
.btn-primary { background: var(--accent); color: var(--accent-ink); }
.btn-primary:hover { opacity: .92; }
.btn-primary[disabled], .btn-primary[aria-disabled="true"] { opacity: .55; cursor: progress; }
.btn-ghost { background: transparent; color: var(--ink); border-color: var(--ink-soft); min-height: 3.25rem; }
.btn-ghost:hover { background: var(--surface); }
.reassure { margin: 0; text-align: center; color: var(--ink-soft); font-size: 1rem; }
.privacy { margin: var(--s4) 0 0; font-size: .9375rem; line-height: 1.7; color: var(--ink-soft); }

.loading { margin-top: var(--s6); display: flex; align-items: center; gap: var(--s4); padding: var(--s5); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
.loading[hidden] { display: none; }
.loading p { margin: 0; font-weight: 500; }
.pulse { flex: none; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: var(--none); animation: pulse 1.6s ease-in-out infinite; }
@keyframes pulse { 0%,100% { transform: scale(.7); opacity: .5; } 50% { transform: scale(1); opacity: 1; } }

/* תוצאה */
.result { --c: var(--none); --bg: var(--none-bg); margin-top: var(--s6); background: var(--bg); border: 1px solid var(--line); border-inline-start: 8px solid var(--c); border-radius: var(--radius); padding: var(--s5); animation: rise .25s ease-out; }
.result[data-verdict="scam"] { --c: var(--scam); --bg: var(--scam-bg); }
.result[data-verdict="suspicious"] { --c: var(--susp); --bg: var(--susp-bg); }
.result[data-verdict="no_signs"] { --c: var(--none); --bg: var(--none-bg); }
@keyframes rise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.result:focus { outline: none; }
.result h2.verdict { font: 900 clamp(1.75rem, 6.5vw, 2.25rem)/1.25 var(--serif); color: var(--c); margin: 0 0 var(--s3); text-wrap: balance; }
.verdict-note { margin: 0 0 var(--s4); color: var(--ink-soft); font-size: 1rem; line-height: 1.7; }
.headline { font: 700 1.375rem/1.5 var(--sans); margin: 0 0 var(--s2); }
.impersonating { margin: 0 0 var(--s5); color: var(--ink-soft); font-size: 1rem; }
.result h3 { font: 700 1.25rem/1.4 var(--serif); margin: var(--s6) 0 var(--s3); }
.signals { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s4); }
.signal { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: var(--s4); }
.signal .lbl { display: block; font-size: .875rem; font-weight: 700; color: var(--ink-soft); margin-bottom: var(--s1); }
.signal blockquote { margin: 0 0 var(--s3); padding: var(--s2) var(--s4); border-inline-start: 3px solid var(--c); font: 500 1.1875rem/1.65 var(--serif); overflow-wrap: anywhere; unicode-bidi: plaintext; }
.signal p { margin: 0; }
.no-signals { margin: 0; }
.next { background: var(--surface); border: 2px solid var(--c); border-radius: 12px; padding: var(--s4) var(--s5); font: 700 1.3125rem/1.6 var(--sans); margin: 0; }

.acted { margin-top: var(--s6); background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }
.acted summary, .faq summary { list-style: none; cursor: pointer; }
.acted summary::-webkit-details-marker, .faq summary::-webkit-details-marker { display: none; }
.acted > summary { padding: var(--s4) var(--s5); display: flex; justify-content: space-between; align-items: center; gap: var(--s3); min-height: 3.5rem; font-weight: 700; }
.acted > summary::after, .faq summary::after { content: "+"; content: "+" / ""; font: 400 1.75rem/1 var(--sans); color: var(--ink-soft); }
.acted[open] > summary::after, .faq[open] summary::after { content: "\2212"; content: "\2212" / ""; }
.acted .body { padding: 0 var(--s5) var(--s5); }
.acted h3 { margin-top: 0; }
.acted ol { margin: 0 0 var(--s4); padding-inline-start: 1.4rem; }
.acted li { margin-bottom: var(--s2); }
.cyber { margin: 0 0 var(--s4); }
.cyber a { color: var(--ink); font-weight: 700; unicode-bidi: isolate; }
.acted-intro { margin: 0 0 var(--s2); padding: 0 var(--s5); }
.btn-close { min-height: 3rem; padding-inline: var(--s5); }

.disclaimer { margin: var(--s5) 0 0; padding: var(--s3) var(--s4); font-size: 1rem; line-height: 1.7; color: var(--ink); background: var(--surface); border: 1px solid var(--ink-soft); border-radius: 10px; }
.disclaimer a { color: inherit; padding-block: var(--s2); display: inline-block; }
.feedback { margin-top: var(--s5); }
.fb-q { margin: 0 0 var(--s2); font-weight: 700; }
.fb-row { display: flex; gap: var(--s3); }
.btn-fb { min-height: 3rem; min-width: 6rem; }
.fb-thanks { margin: 0; color: var(--ink-soft); }
.fb-thanks:focus { outline: none; }
.result-actions { margin-top: var(--s5); display: grid; gap: var(--s3); }
.share-note { margin: 0; text-align: center; color: var(--ink-soft); min-height: 1.6em; font-size: .9375rem; }

.info { padding-block: var(--s7); border-top: 1px solid var(--line); }
.info h2 { font: 700 1.5rem/1.3 var(--serif); margin: 0 0 var(--s5); }
.steps { counter-reset: s; list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s4); }
.steps li { counter-increment: s; position: relative; padding-inline-start: 3rem; font-size: 1.0625rem; }
.steps li::before { content: counter(s); position: absolute; inset-inline-start: 0; top: .1rem; width: 2rem; height: 2rem; border: 1.5px solid var(--ink-soft); border-radius: 50%; display: grid; place-items: center; font: 700 1rem/1 var(--serif); color: var(--ink-soft); }
.faq { border-bottom: 1px solid var(--line); }
.faq summary { padding: var(--s4) 0; display: flex; justify-content: space-between; gap: var(--s4); align-items: center; font-weight: 500; min-height: 3.5rem; }
.faq p { margin: 0 0 var(--s4); color: var(--ink-soft); font-size: 1.0625rem; }

.site-foot { border-top: 1px solid var(--line); padding-block: var(--s6); font-size: 1rem; color: var(--ink-soft); }
.site-foot .wrap { display: grid; gap: var(--s4); }
.site-foot p { margin: 0; }
.site-foot a { color: var(--ink); padding-block: var(--s3); display: inline-block; }
.foot-links { display: flex; flex-wrap: wrap; column-gap: var(--s5); }
.foot-disclaimer { font-size: .9375rem; line-height: 1.7; }
.foot-disclaimer a { padding-block: 0; }
.foot-disclaimer strong { color: var(--ink); font-weight: 500; }
.foot-copy { font-size: .9375rem; }

/* legal */
.doc { padding-block: var(--s6) var(--s7); }
.doc h1 { font-size: clamp(1.75rem, 6vw, 2.5rem); }
.doc h2 { font: 700 1.375rem/1.4 var(--serif); margin: var(--s6) 0 var(--s2); }
.doc h1 { margin-bottom: var(--s3); }
.doc p, .doc li { max-width: 68ch; }
.doc ul { padding-inline-start: 1.4rem; }
.doc li { margin-bottom: var(--s2); }
.doc a { color: var(--ink); }
.doc :target, .doc:focus { outline: none; }
.callout { background: var(--surface); border: 1px solid var(--line); border-inline-start: 6px solid var(--none); border-radius: 12px; padding: var(--s2) var(--s5); margin: var(--s4) 0; }
.table-wrap { overflow-x: auto; margin: var(--s4) 0; }
.doc table { width: 100%; border-collapse: collapse; font-size: 1rem; line-height: 1.6; }
.doc th, .doc td { text-align: start; vertical-align: top; padding: var(--s3); border-bottom: 1px solid var(--line); }
.doc th { font-weight: 700; border-bottom: 2px solid var(--ink-soft); }
.back { margin-top: var(--s7); }

/* באנר הסכמה */
.cookie-bar { position: fixed; inset-inline: 0; bottom: 0; z-index: 20; max-height: 90vh; overflow-y: auto; padding: var(--s4) max(var(--s4), calc((100% - 40rem) / 2)); background: var(--surface); border-top: 1px solid var(--ink-soft); font-size: 1rem; line-height: 1.6; }
.cookie-bar p { margin: 0; }
.cookie-bar a { color: var(--ink); }
.cb-title { font: 700 1.25rem/1.4 var(--serif); margin: 0 0 var(--s2); }
.cb-text { margin-bottom: var(--s3) !important; }
.cb-row { display: flex; flex-direction: column; gap: var(--s2); }
.cb-btn { min-height: 3rem; padding-block: var(--s2); }
.cb-opt { padding-block: var(--s3); border-top: 1px solid var(--line); }
.cb-label { display: flex; align-items: center; gap: var(--s3); min-height: 3rem; font-weight: 700; cursor: pointer; }
.cb-check { width: 1.5rem; height: 1.5rem; flex: none; margin: 0; accent-color: var(--accent); cursor: pointer; }
.cb-fixed { font-weight: 700; min-height: 2rem; }
.cb-desc { color: var(--ink-soft); }
.cb-settings-view .cb-text { margin-top: var(--s3); }
.link-btn { appearance: none; background: none; border: 0; padding: var(--s3) 0; font: inherit; color: var(--ink); text-decoration: underline; cursor: pointer; min-height: 2.75rem; }
@media (min-width: 640px) { .cb-row { flex-direction: row; } .cb-btn { flex: 1; } .cb-settings-view .cb-btn { flex: none; min-width: 12rem; } }

@media (max-width: 520px) {
  .long { display: none; }
  .short { display: inline; }
  h1 .short { display: inline; }
  .field-meta { flex-direction: column; gap: 0; }
  .counter { align-self: flex-end; }
}
@media (min-width: 640px) {
  body { font-size: 1.1875rem; }
  .hero { padding-block: var(--s7) var(--s8); }
  .actions { flex-direction: row-reverse; align-items: center; justify-content: flex-end; gap: var(--s5); }
  .btn-primary { min-width: 15rem; }
  .result { padding: var(--s6); }
  .result-actions { grid-template-columns: 1fr 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* תפריט נגישות (a11y.js). הכפתור, החלון, והמחלקות שמוחלות על html */
.a11y-fab { position: fixed; inset-inline-end: var(--s4); top: var(--s4); bottom: auto; z-index: 15; width: 3.25rem; height: 3.25rem; padding: 0; display: grid; place-items: center; border-radius: 50%; border: 3px solid var(--surface); background: var(--accent); color: var(--accent-ink); cursor: pointer; box-shadow: 0 0 0 1px var(--ink-soft), 0 3px 10px rgba(0,0,0,.28); }
.a11y-fab:hover { opacity: .92; }
.a11y-fab:focus-visible { outline: 3px solid var(--focus); outline-offset: 4px; border-radius: 50%; }
.a11y-panel { width: min(calc(100% - 1.5rem), 26rem); max-height: calc(100vh - 1.5rem); max-height: calc(100dvh - 1.5rem); overflow-y: auto; margin: auto; padding: var(--s4); background: var(--surface); color: var(--ink); border: 2px solid var(--ink-soft); border-radius: var(--radius); font: 400 1.0625rem/1.5 var(--sans); }
.a11y-panel::backdrop { background: rgba(0,0,0,.55); }
.a11y-head { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); margin-bottom: var(--s3); }
.a11y-title { font: 700 1.375rem/1.3 var(--serif); margin: 0; }
.a11y-close, .a11y-btn { appearance: none; cursor: pointer; font: 700 1.0625rem/1.3 var(--sans); min-height: 3rem; padding: var(--s2) var(--s4); border-radius: 10px; color: var(--ink); background: transparent; border: 2px solid var(--ink-soft); }
.a11y-close:hover, .a11y-btn:hover { background: var(--paper); }
.a11y-size { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s2); }
.a11y-level { margin: var(--s2) 0 var(--s3); text-align: center; color: var(--ink-soft); font-size: 1rem; }
.a11y-grid { display: grid; grid-template-columns: 1fr; gap: var(--s2); }
.a11y-tog { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); text-align: start; min-height: 3.25rem; }
.a11y-state { font-weight: 500; font-size: .9375rem; }
.a11y-tog[aria-pressed="true"] { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); }
.a11y-tog[aria-pressed="true"] .a11y-state::before { content: "✓ "; }
.a11y-btn[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
.a11y-reset { width: 100%; margin-top: var(--s3); border-style: dashed; }
.a11y-foot { margin: var(--s3) 0 0; text-align: center; }
.a11y-foot a { color: var(--ink); display: inline-block; padding: var(--s3) var(--s4); }
@media (min-width: 400px) { .a11y-grid { grid-template-columns: 1fr 1fr; } }

/* גודל טקסט: כל הגדלים ב rem, ולכן הכול מתכוונן מ html */
html.a11y-textm1 { font-size: 90%; }
html.a11y-text1 { font-size: 112.5%; }
html.a11y-text2 { font-size: 125%; }
html.a11y-text3 { font-size: 150%; }

/* ניגודיות גבוהה: מחזקת את משתני הצבע. שלושת צבעי המצב נשארים (אדום, כתום, כחלחל), רק כהים יותר ברקע בהיר ובהירים יותר ברקע כהה */
html.a11y-contrast {
  --paper: #ffffff; --surface: #ffffff; --ink: #000000; --ink-soft: #000000; --line: #000000;
  --accent: #000000; --accent-ink: #ffffff; --focus: #000000;
  --scam: #7a0000; --scam-bg: #ffe3e0;
  --susp: #6b2f00; --susp-bg: #ffecd0;
  --none: #17304d; --none-bg: #dfe9f4;
}
@media (prefers-color-scheme: dark) {
  html.a11y-contrast {
    --paper: #000000; --surface: #000000; --ink: #ffffff; --ink-soft: #ffffff; --line: #ffffff;
    --accent: #ffffff; --accent-ink: #000000; --focus: #ffff66;
    --scam: #ffb3ab; --scam-bg: #330a08;
    --susp: #ffcf94; --susp-bg: #331c05;
    --none: #cfe3f7; --none-bg: #0a1b2b;
  }
}
html.a11y-contrast .result { border-width: 2px; border-color: var(--c); border-inline-start-width: 10px; }
html.a11y-contrast textarea, html.a11y-contrast .callout, html.a11y-contrast .btn-ghost, html.a11y-contrast .a11y-panel { border-color: var(--ink); }
html.a11y-contrast .a11y-fab { border-color: var(--paper); box-shadow: 0 0 0 2px var(--ink); }
html.a11y-contrast :focus-visible { outline-width: 4px; }

html.a11y-gray { filter: grayscale(1); }

html.a11y-links a:not(.btn) { color: #000 !important; background: #ffef8a !important; text-decoration: underline !important; text-decoration-thickness: .14em !important; text-underline-offset: .2em; outline: 1px solid #000; }

html.a11y-font body, html.a11y-font body * { font-family: Arial, "Segoe UI", "Noto Sans Hebrew", system-ui, sans-serif !important; letter-spacing: .02em; word-spacing: .1em; }
html.a11y-font body { line-height: 1.9; }

html.a11y-still *, html.a11y-still *::before, html.a11y-still *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
html.a11y-still { scroll-behavior: auto !important; }

html.a11y-cursor, html.a11y-cursor body, html.a11y-cursor * { cursor: url(cursor.svg) 6 3, auto; }
html.a11y-cursor a, html.a11y-cursor button, html.a11y-cursor summary, html.a11y-cursor label, html.a11y-cursor [role="button"], html.a11y-cursor .cb-check { cursor: url(cursor-pointer.svg) 18 4, pointer; }
html.a11y-cursor textarea { cursor: text; }