/* Justice Lookup — compact Attorney-of-the-Day snippet. Ivory/navy/copper, mobile-first.
   ~1/4 of the old widget's footprint: avatar, name, practice, % score, Free badge, heart. */
#jl-spotlight-mount:empty{display:none}
#jl-spotlight-mount{margin:1rem 0}
.jl-spot-card{display:flex;gap:.75rem;align-items:center;background:#fffdf6;
  border:1px solid #dfe5ec;border-radius:14px;padding:.7rem .9rem;
  box-shadow:0 2px 10px rgba(20,50,79,.08)}
.jl-spot-avatar{flex:none;width:52px;height:52px;border-radius:50%;object-fit:cover;
  background:#14324f;color:#f8ecd2;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:1.1rem;box-shadow:0 0 0 2px rgba(212,169,78,.65)}
.jl-spot-body{min-width:0;flex:1}
.jl-spot-top{display:flex;align-items:center;gap:.5rem}
.jl-spot-name{margin:0;flex:1;min-width:0;font-size:1.05rem;line-height:1.25;font-weight:800}
.jl-spot-name a{color:#14324f;text-decoration:none;display:flex;align-items:center;min-height:48px}
.jl-spot-name a:active{text-decoration:underline}
.jl-spot-sub{margin:.1rem 0;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;
  font-size:.82rem;color:#5d6b7a}
.jl-spot-pct{font-weight:800;color:#14324f;font-size:.95rem}
.jl-spot-freebadge{font-size:.6rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  color:#8a94a0;border:1px solid #e6e0d3;border-radius:999px;padding:.12rem .5rem;white-space:nowrap}

/* Spotlight STRIP in the homepage .home-grid (Malcolm-approved design,
   2026-10-12, HALVED same day on his order): full-width compact ROW —
   slim navy->copper band, 48px photo square, name (~1.1rem, one line),
   one practices line, one "phone · city, state" line, compact View
   Profile button with a microtext note under it, 3px copper under-band.
   Half the earlier strip's height — a little widget, not a billboard.
   Truncation fix (same day): the meta line must NEVER ellipsize — the
   full phone + city, state stays readable — so it runs at .78rem with
   tightened letter-spacing and loses the phone glyph; room is bought
   back from the photo (48px), row gaps/padding, and a narrower side
   column (button without the arrow, note capped at 5.5rem). */
.home-grid>.jl-spot-strip{grid-column:1/-1;display:block;text-decoration:none;
  color:var(--ink,#1c2a3a);background:#fff;border:2px solid var(--navy,#14324f);
  border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(20,50,79,.10);
  font-family:Georgia,'Times New Roman',serif}
.jl-ss-band{background:linear-gradient(90deg,var(--navy,#14324f) 0%,var(--navy2,#1e4266) 78%,var(--accent,#e07b1a) 100%);
  padding:.16rem .6rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.jl-ss-lbl{font-family:var(--font,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif);
  font-size:.58rem;font-weight:800;letter-spacing:.14em;color:#ffd9ae;text-transform:uppercase}
.jl-ss-tag{font-family:var(--font,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif);
  font-size:.54rem;font-weight:800;letter-spacing:.07em;color:#fff;text-transform:uppercase;
  background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.55);
  padding:.08rem .4rem;border-radius:999px;white-space:nowrap}
.jl-ss-tag.paid{background:var(--accent,#e07b1a);border-color:var(--accent,#e07b1a)}
.jl-ss-row{display:flex;gap:.4rem;padding:.38rem .5rem .42rem;align-items:center}
.jl-ss-photo{flex:0 0 48px;width:48px;height:48px;border-radius:9px;object-fit:cover;
  background:var(--navy,#14324f);color:#fff;display:flex;align-items:center;
  justify-content:center;font-size:1rem;font-weight:700;border:2px solid #e8ddc9}
.jl-ss-main{flex:1;min-width:0}
.jl-ss-name{font-size:1.08rem;line-height:1.15;font-weight:700;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jl-ss-prac{font-family:var(--font,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif);
  font-size:.8rem;font-weight:700;color:var(--navy,#14324f);line-height:1.3;margin-top:.1rem;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jl-ss-phloc{font-family:var(--font,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif);
  font-size:.78rem;line-height:1.3;letter-spacing:-.02em;color:var(--ink,#1c2a3a);margin-top:.08rem;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jl-ss-side{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.18rem}
.jl-ss-btn{font-family:var(--font,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif);
  background:var(--navy,#14324f);color:#fff;border-radius:7px;padding:.3rem .5rem;
  font-size:.8rem;font-weight:700;white-space:nowrap}
.jl-ss-note{font-family:var(--font,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif);
  font-size:.56rem;line-height:1.25;color:var(--muted,#5b6b7c);text-align:center;max-width:5.5rem}
.jl-ss-under{height:3px;background:linear-gradient(90deg,var(--accent,#e07b1a),#b45309)}