.alok-pas {
  --pas-ink: #171717; --pas-muted: #666a73; --pas-line: #e5e7eb;
  --pas-soft: #f7f9fc; --pas-accent: #2563eb;
  box-sizing: border-box; max-width: 820px; margin: 24px auto; padding: clamp(22px, 4vw, 40px);
  color: var(--pas-ink); background: #fff; border: 1px solid var(--pas-line); border-radius: 24px;
  box-shadow: 0 12px 40px rgba(20,20,35,.06); font-family: inherit;
}
.alok-pas *, .alok-pas *::before, .alok-pas *::after { box-sizing: border-box; }
.alok-pas__eyebrow { display:flex; align-items:center; gap:9px; color:var(--pas-muted); font-size:11px; font-weight:700; letter-spacing:.13em; }
.alok-pas__status { width:8px; height:8px; background:#16a34a; border-radius:50%; }
.alok-pas__title { margin:18px 0 10px; font-size:clamp(28px,4vw,42px); line-height:1.12; letter-spacing:-.04em; font-weight:650; }
.alok-pas__intro { max-width:570px; margin:0; color:var(--pas-muted); font-size:16px; line-height:1.65; }
.alok-pas__suggestions { display:flex; flex-wrap:wrap; gap:9px; margin:25px 0 20px; }
.alok-pas__suggestion { display:inline-flex; align-items:center; gap:10px; padding:10px 13px; border:1px solid var(--pas-line); border-radius:999px; background:#fff; color:#30313a; font:inherit; font-size:13px; cursor:pointer; }
.alok-pas__suggestion:hover,.alok-pas__suggestion:focus-visible { border-color:#a5b4fc; background:#f5f5ff; outline:none; }
.alok-pas__form { display:flex; gap:10px; padding:7px; border:1px solid #d8dbe2; border-radius:15px; background:#fff; }
.alok-pas__input { flex:1; min-width:0; padding:11px 12px; border:0!important; outline:none; box-shadow:none!important; background:transparent!important; color:var(--pas-ink); font:inherit; font-size:15px; }
.alok-pas__input::placeholder { color:#9296a0; }
.alok-pas__submit { flex:0 0 auto; padding:11px 17px; border:0; border-radius:10px; background:var(--pas-accent); color:#fff; font:inherit; font-size:14px; font-weight:650; cursor:pointer; }
.alok-pas__submit:hover { background:#1d4ed8; }
.alok-pas__result { margin-top:20px; padding:18px; border:1px solid var(--pas-line); border-radius:14px; background:var(--pas-soft); font-size:14px; line-height:1.7; }
.alok-pas__result > strong { display:block; margin-bottom:12px; }
.alok-pas__project { padding:15px 0; border-top:1px solid var(--pas-line); }
.alok-pas__project-title { margin:0 0 5px; font-size:17px; line-height:1.4; }
.alok-pas__project-summary { margin:0 0 9px; color:#50535c; }
.alok-pas__project-label { margin:8px 0 4px; font-size:12px; font-weight:700; }
.alok-pas__project-list { margin:0 0 10px; padding-left:20px; }
.alok-pas__project-link { color:var(--pas-accent); text-decoration:underline; text-underline-offset:3px; font-weight:650; }
.alok-pas__note { margin:14px 0 0; color:#8a8d96; font-size:11px; line-height:1.5; }
.alok-pas__sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:540px) { .alok-pas { margin:12px auto; border-radius:18px; } .alok-pas__form { gap:4px; } .alok-pas__input { font-size:14px; } .alok-pas__submit { padding-inline:13px; } }

.alok-pas__submit:disabled { opacity:.65; cursor:wait; }
.alok-pas__answer-heading { display:block; margin-bottom:10px; font-size:15px; }
.alok-pas__answer-text { margin:0; white-space:pre-line; color:#30313a; }
.alok-pas__sources-label { margin:16px 0 6px; font-size:12px; font-weight:700; }
.alok-pas__sources { margin:0; padding-left:20px; }
.alok-pas__sources li { margin:5px 0; }
.alok-pas__loading { margin:0; color:var(--pas-muted); }

.alok-pas__answer-text { margin:0 0 10px; white-space:normal; color:#30313a; }
.alok-pas__answer-subheading { margin:14px 0 6px; font-size:14px; line-height:1.45; }
.alok-pas__answer-list { margin:0 0 12px; padding-left:22px; }
.alok-pas__answer-list li { margin:4px 0; }

/* v0.7.0: clearer electric-blue action and invisible spam honeypot. */
.alok-pas__honeypot { display:none!important; visibility:hidden!important; position:absolute!important; left:-10000px!important; top:auto!important; width:1px!important; height:1px!important; overflow:hidden!important; pointer-events:none!important; }
.alok-pas__submit:focus-visible { outline:3px solid #93c5fd; outline-offset:3px; }
.alok-pas__input:focus-visible { outline:2px solid #93c5fd!important; outline-offset:2px; border-radius:6px; }
.alok-pas__suggestion:focus-visible { outline:2px solid #2563eb; outline-offset:2px; }
@media (prefers-reduced-motion: reduce) { .alok-pas *, .alok-pas *::before, .alok-pas *::after { scroll-behavior:auto!important; animation-duration:0.01ms!important; transition-duration:0.01ms!important; } }
