/* Rexy link checker — shared by the homepage and the guide pages.
 *
 * Was inline in index.html. It moved out the moment a second page needed it:
 * Search Console showed /phishing/ and /israel-post-scam/ carrying 130 of the
 * site's 138 monthly impressions while the homepage — the only page with the
 * tool — had 12. The checker was on the page nobody finds.
 *
 * One file, three pages. Three copies of this would be three chances to fix a
 * verdict string in one place and not the others.
 *
 * The pages carry their own --bg/--card/--cyan tokens; only the two colours
 * this block introduces are defined here.
 */
/* --amber/--red come from the host page when it defines them (the guides do,
   in their own shades); the fallback is for pages that do not. */
.checker {
  background: linear-gradient(135deg, rgba(0,242,254,0.07), rgba(168,85,247,0.07));
  border: 1px solid var(--border); border-radius: var(--r); padding: 30px 26px; text-align: center; }
.checker h2 { margin-bottom: 8px; }
.check-form { display: flex; gap: 10px; max-width: 620px; margin: 22px auto 0; }
@media (max-width: 620px) { .check-form { flex-direction: column; } }
.check-input { flex: 1; min-width: 0; padding: 15px 16px; border-radius: 13px; font-size: 16px;
  font-family: inherit; background: rgba(6,7,15,0.7); border: 1px solid var(--border); color: var(--text); }
.check-input::placeholder { color: #56638a; }
.check-input:focus { outline: none; border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(0,242,254,0.14); }
.check-btn { padding: 15px 28px; border-radius: 13px; border: 0; cursor: pointer; white-space: nowrap;
  font-family: inherit; font-size: 16px; font-weight: 800; color: #06070f;
  background: linear-gradient(100deg, var(--cyan), var(--blue)); }
.check-btn:disabled { opacity: .55; cursor: progress; }
.check-note { color: var(--muted); font-size: 13px; margin-top: 14px; }

.check-result { margin-top: 20px; text-align: right; }
.check-result:empty { display: none; }
.verdict { border-radius: var(--r); border: 1px solid; padding: 20px 22px; }
.verdict.safe   { background: rgba(37,211,102,0.08);  border-color: rgba(37,211,102,0.45); }
.verdict.warn   { background: rgba(245,158,11,0.08);  border-color: rgba(245,158,11,0.45); }
.verdict.danger { background: rgba(239,68,68,0.09);   border-color: rgba(239,68,68,0.5); }
.verdict.error  { background: rgba(124,141,181,0.07); border-color: var(--border); }
.verdict h3 { font-size: 19px; font-weight: 800; margin-bottom: 6px; }
.verdict.safe h3 { color: var(--green); } .verdict.warn h3 { color: var(--amber, #f59e0b); }
.verdict.danger h3 { color: var(--red, #ef4444); } .verdict.error h3 { color: var(--muted); }
.verdict p { font-size: 15px; color: var(--text); }
.verdict .scanned { direction: ltr; text-align: left; font-size: 12px; color: var(--muted);
  margin-top: 12px; word-break: break-all; }
.verdict ul { margin: 14px 0 0; padding: 0; list-style: none; }
.verdict li { position: relative; padding-inline-start: 20px; margin-top: 7px; font-size: 14px; color: var(--muted); }
.verdict li::before { content: '•'; position: absolute; inset-inline-start: 4px; }
.verdict .official { display: block; margin-top: 14px; padding: 12px 14px; border-radius: 11px;
  background: rgba(37,211,102,0.09); border: 1px solid rgba(37,211,102,0.35); font-size: 14px; }
.verdict .official b { color: var(--green); }
.verdict .official span { direction: ltr; unicode-bidi: isolate; }
.verdict .after { margin-top: 16px; font-size: 14px; color: var(--muted); }
.verdict .after a { color: var(--cyan); font-weight: 700; border-bottom: 1px solid var(--cyan); }