/* FHJCIS Journal Finder — extends Reference Finder look (.rf-*, .tool-card) */
.jf-preview{background:#fff8e6;border-bottom:3px solid #f59e0b;color:#3d2e06;padding:10px 16px;text-align:center;font-weight:600;font-size:.92rem;position:relative;z-index:70}
.jf-preview b{color:#92400e}
.jf-app{max-width:1060px;margin:0 auto}
.jf-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;background:#fff;border:1px solid #e3e8f8;border-radius:20px;padding:18px 20px;box-shadow:0 10px 28px rgba(11,18,54,.06);margin:0 0 12px}
.jf-rank{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(120deg,#b7f34a,#22d3ee);color:#06102a;font-family:var(--display,Sora,sans-serif);font-weight:800;font-size:1.05rem}
.jf-body h3{margin:0 0 4px;font-size:1.12rem;color:#0b1236;letter-spacing:-.02em;overflow-wrap:anywhere}
.jf-meta{margin:0 0 10px;color:#4b587f;font-size:.9rem;overflow-wrap:anywhere}
.jf-counts{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 8px}
.jf-count b{display:block;font-family:var(--display,Sora,sans-serif);font-size:1.25rem;color:#1b2a8f;letter-spacing:-.03em}
.jf-count span{color:#5d6a92;font-size:.78rem}
.jf-links{margin:6px 0;font-size:.9rem}
.jf-links a{color:#2547e8;text-decoration:underline;margin-right:2px}
.jf-src{margin:8px 0 0;color:#5d6a92;font-size:.78rem}
.jf-list{display:flex;flex-direction:column}
.jf-locked-wrap{position:relative;margin-top:8px}
.jf-locked{filter:blur(7px);opacity:.45;pointer-events:none;user-select:none;max-height:420px;overflow:hidden}
.jf-gate{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:24px 12px 40px;background:linear-gradient(180deg,rgba(250,251,255,.2),rgba(250,251,255,.92) 28%,#f8faff 60%)}
.jf-lead{width:min(520px,100%);background:#fff;border:1px solid #dbe4ff;border-radius:22px;padding:22px 24px 20px;box-shadow:0 16px 40px rgba(11,18,54,.14)}
.jf-lead h3{margin:0 0 6px;font-size:1.2rem;color:#0b1236}
.jf-lead p{margin:0 0 10px;color:#4b587f;font-size:.9rem}
.jf-lead label{display:block;font-weight:600;font-size:.88rem;margin:10px 0 4px;color:#18224f}
.jf-lead input[type=text],.jf-lead input[type=email],.jf-lead input[type=tel]{width:100%;border:1px solid #d3dbf2;border-radius:12px;padding:10px 12px;font:inherit;background:#f8faff}
.jf-lead input:focus{outline:3px solid #2547e8;outline-offset:1px}
.jf-hp{position:absolute;left:-9999px;height:0;width:0;opacity:0}
.jf-err{color:#a12a1f;font-size:.88rem;font-weight:600;min-height:1.2em}
.jf-err a{color:#a12a1f;text-decoration:underline}
.jf-empty{background:#fff8e6;border:1px solid #f5d68a;border-radius:14px;padding:14px 16px;color:#3d2e06}
.jf-cta{margin:22px 0 8px;border-radius:18px;background:#0b1236;color:#e8edff;padding:20px 22px}
.jf-cta p{color:#c9d3f5;margin:0 0 12px;font-size:.95rem}
.jf-cta-btns{display:flex;flex-wrap:wrap;gap:10px}
.jf-cta-btns .btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.65);background:transparent}
.jf-cta-btns .btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff}
@media (max-width:560px){
  .jf-card{grid-template-columns:36px minmax(0,1fr);padding:14px 14px;border-radius:16px}
  .jf-rank{width:34px;height:34px;font-size:.9rem}
  .jf-lead{padding:18px 16px 96px}
  .jf-gate{padding:16px 8px 100px}
}
@media print{.jf-preview,.jf-gate,.jf-cta,.rf-live,.rf-actions{display:none}}