/* Job Engage – Reward Bridge : Module 2 — routing block styles (A · tags, B · bold pills — no dot texture) */
:root{
  --jerb-rt-1a:#e21f7c; --jerb-rt-1b:#d21470;   /* pill / tag A gradient */
  --jerb-rt-2a:#ff9008; --jerb-rt-2b:#ff7300;   /* pill / tag B gradient */
  --jerb-rt-accent:#ffc93c;                     /* play circle + chevron */
  --jerb-rt-text:#ffffff;
  --jerb-rt-head:#8b97ad;
  --jerb-rt-radius:14px;
}
/* wrapper — theme-proof: explicit block layout + width so flex/centered theme headers can't reshape it */
.jerb-rt{display:block!important;width:100%!important;max-width:760px;box-sizing:border-box!important;margin:12px auto 18px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;clear:both;flex:0 0 auto}
.jerb-rt.busy{opacity:.6;pointer-events:none;transition:opacity .2s}
.jerb-rt-h{display:block!important;font-size:11px!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--jerb-rt-head)!important;margin:0 0 8px!important;padding:0!important;text-align:inherit;line-height:1.3!important}

/* A · tags */
.jerb-rt-tags{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important;padding:0!important}
.jerb-rt-tag{display:inline-flex!important;align-items:center!important;gap:7px;padding:10px 15px!important;margin:0!important;border:0!important;border-radius:999px!important;color:var(--jerb-rt-text)!important;font-weight:800!important;font-size:14px!important;line-height:1!important;text-transform:none!important;letter-spacing:0!important;text-decoration:none!important;box-shadow:0 6px 14px rgba(0,0,0,.14)!important;transition:transform .12s,filter .12s;
  background:linear-gradient(90deg,var(--jerb-rt-2a),var(--jerb-rt-2b))!important}
.jerb-rt-tag:nth-child(odd){background:linear-gradient(90deg,var(--jerb-rt-1a),var(--jerb-rt-1b))!important}
.jerb-rt-tag:hover,.jerb-rt-tag:focus{transform:translateY(-2px);filter:brightness(1.06);color:var(--jerb-rt-text)!important;text-decoration:none!important}
.jerb-rt-tag i{width:16px;height:16px;border-radius:50%;background:var(--jerb-rt-accent);color:#1a1a1a;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-style:normal}
.jerb-rt-tag em{font-style:normal;color:var(--jerb-rt-accent);font-weight:900;font-size:15px}

/* B · bold pills (clean — no halftone dots) */
.jerb-rt-bolds{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin:0!important;padding:0!important}
.jerb-rt-bold{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px;width:100%!important;min-height:60px!important;height:auto!important;margin:0!important;padding:12px 58px 12px 58px!important;border:0!important;border-radius:var(--jerb-rt-radius)!important;
  color:var(--jerb-rt-text)!important;text-decoration:none!important;font-weight:800!important;font-size:16px!important;line-height:1.15!important;letter-spacing:.3px!important;text-transform:none!important;text-align:left!important;overflow:hidden;box-sizing:border-box!important;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(0,0,0,0) 55%,rgba(0,0,0,.15)),linear-gradient(90deg,var(--jerb-rt-1a),var(--jerb-rt-1b))!important;
  box-shadow:0 8px 20px rgba(0,0,0,.20)!important;transition:transform .15s ease,filter .15s ease}
.jerb-rt-bold.o{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(0,0,0,0) 55%,rgba(0,0,0,.15)),linear-gradient(90deg,var(--jerb-rt-2a),var(--jerb-rt-2b))!important}
.jerb-rt-bold:hover,.jerb-rt-bold:focus{transform:translateY(-2px);filter:brightness(1.05);color:var(--jerb-rt-text)!important;text-decoration:none!important}
.jerb-rt-bold .p{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:var(--jerb-rt-accent);box-shadow:0 0 0 4px rgba(255,255,255,.20),0 2px 8px rgba(0,0,0,.15);color:#1a1a1a;font-size:12px;display:flex;align-items:center;justify-content:center;line-height:1}
.jerb-rt-bold .l{flex:1 1 auto;color:inherit!important}
.jerb-rt-bold .g{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:40px;height:34px;background:var(--jerb-rt-accent);border-radius:8px;color:#1a1a1a;font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.18);line-height:1}
@media(max-width:600px){
  .jerb-rt-bold{padding:10px 50px 10px 52px!important;min-height:54px!important;font-size:14px!important}
  .jerb-rt-tag{font-size:13px!important;padding:9px 13px!important}
}

/* tap feedback: the tapped pill / tag / card says "Opening…", the rest of its block dims */
.jerb-rt.busy{opacity:1;pointer-events:none}
.jerb-rt.busy .jerb-rt-bold:not(.sel),.jerb-rt.busy .jerb-rt-tag:not(.sel){opacity:.45;transition:opacity .2s}
.jerb-rt .jerb-rt-bold.sel{transform:scale(.985);filter:brightness(1.08);box-shadow:0 0 0 3px #fff,0 0 0 6px var(--jerb-rt-1b),0 10px 24px rgba(0,0,0,.22)!important}
.jerb-rt .jerb-rt-bold.sel .p{animation:jerb-rt-spin .8s linear infinite;background:transparent;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;color:transparent;box-shadow:none}
.jerb-rt .jerb-rt-bold.sel .g{background:transparent;color:#fff;font-size:12px;width:auto;box-shadow:none;letter-spacing:.04em}
.jerb-rt .jerb-rt-bold.sel .g::before{content:"Opening…"}
.jerb-rt .jerb-rt-tag.sel{filter:brightness(1.08);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--jerb-rt-1b)!important}
@keyframes jerb-rt-spin{to{transform:translateY(-50%) rotate(360deg)}}

/* related cards — auto internal linking inside the article */
.jerb-rt--card{margin:18px auto!important}
.jerb-rc{position:relative!important;display:flex!important;align-items:center!important;gap:12px;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:10px 44px 10px 10px!important;border:1px solid #e6e8ee!important;border-radius:16px!important;background:#fff!important;text-decoration:none!important;color:#1d2433!important;box-shadow:0 6px 18px rgba(0,0,0,.08)!important;transition:transform .15s ease,box-shadow .15s ease;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.25!important}
.jerb-rc:hover,.jerb-rc:focus{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.12)!important;text-decoration:none!important;color:#1d2433!important}
.jerb-rc .th{flex:0 0 84px;width:84px;height:84px;border-radius:12px;background:#eef0f5 center/cover no-repeat;display:flex;align-items:center;justify-content:center}
.jerb-rc .th--ph{background:linear-gradient(135deg,var(--jerb-rt-1a),var(--jerb-rt-2b));color:#fff;font-weight:900;font-size:30px}
.jerb-rc .tx{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto}
.jerb-rc .eb{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--jerb-rt-2b)}
.jerb-rc .tt{font-size:15px;font-weight:800;color:#1d2433;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jerb-rc .ct{font-size:11.5px;font-weight:600;color:#6b7383}
.jerb-rc .ar{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--jerb-rt-accent);color:#1a1a1a;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.15);line-height:1}
.jerb-rc.sel{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--jerb-rt-2b)!important}
.jerb-rc.sel .ar{animation:jerb-rt-spin .8s linear infinite;background:transparent;border:3px solid rgba(0,0,0,.12);border-top-color:var(--jerb-rt-2b);color:transparent;box-shadow:none}
@media(max-width:600px){
  .jerb-rc .th{flex-basis:72px;width:72px;height:72px}
  .jerb-rc .tt{font-size:14px}
}