/* Layout powierzchni „weryfikator" (publiczny demonstrator silnika). Tokeny i
   komponenty: zrodlo-app.css. Tu tylko układ tej strony. */

/* top bar — marka Źródło (glina, nie skórka kancelarii) */
.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:58px;
  background:var(--card);border-bottom:1px solid var(--hair)}
.topbar .brand{display:flex;align-items:center;gap:11px;font-family:var(--serif);font-weight:600;font-size:19px;color:var(--clay);text-decoration:none}
.topbar .brand .crest{width:30px;height:30px;border-radius:7px;background:var(--clay);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:600}
.topbar .promise{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.02em}
.topbar a.back{font-family:var(--mono);font-size:12px;color:var(--accent);text-decoration:none}

/* układ */
.wrap{max-width:760px;margin:0 auto;padding:64px 28px 96px}
.hero h1{font-size:40px;letter-spacing:-.02em;margin-bottom:10px}
.hero h1 .dot{color:var(--clay)}
.hero p.lead{color:var(--ink-2);font-size:16px;max-width:54ch;margin-bottom:32px}
.ask{display:flex;gap:10px;margin-bottom:8px}
.qin{flex:1;font-family:var(--mono);font-size:15px;color:var(--ink);background:var(--card);
  border:1px solid var(--hair-3);border-radius:8px;padding:12px 14px;outline:none;transition:.15s}
.qin:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}
.hint{font-size:12.5px;color:var(--muted);margin-bottom:28px}
.hint button.ex{font-family:var(--mono);font-size:12px;color:var(--accent);background:transparent;border:none;
  cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}

/* dowód (rozwinięty wynik) */
.wynik{margin-top:26px}
.dowod{margin-top:16px;background:var(--card);border:1px solid var(--hair);border-radius:14px;
  padding:22px 24px;box-shadow:0 14px 40px -26px rgba(33,29,23,.5)}
.dowod .tekst{font-family:var(--serif);font-size:18px;line-height:1.5;color:var(--ink);margin-bottom:18px}
.dowod .meta{display:flex;gap:12px;align-items:baseline;padding:7px 0;border-top:1px solid var(--hair-2)}
.dowod .meta .tag{flex:0 0 96px}
.dowod .link{font-family:var(--mono);font-size:12.5px;color:var(--accent);word-break:break-all;text-underline-offset:2px}
.dowod-neg{border-style:dashed;border-color:var(--hair-3);box-shadow:none}
.dowod-neg p{color:var(--ink-2);line-height:1.55}
.log{margin-top:14px;border-top:1px solid var(--hair-2);padding-top:10px}
.log summary{font-size:11.5px;color:var(--muted);cursor:pointer;letter-spacing:.03em}
.log ul{list-style:none;margin-top:8px;display:flex;flex-direction:column;gap:5px}
.log li{font-size:11.5px;color:var(--ink-2);background:var(--card-2);border:1px solid var(--hair-2);border-radius:6px;padding:5px 9px}
.disclaim{margin-top:16px;font-size:12px;letter-spacing:.01em}