/* IMJIR — styles for the Join us page and the blog (works alongside style.css) */
.cx{--cx-ink:var(--ink,#13201f);--cx-soft:var(--ink-soft,#55605f);--cx-line:var(--line,#d9dedc);--cx-paper:var(--paper,#ffffff);--cx-uv:var(--uv,#6a4cff);--cx-leaf:#2f7a52;--cx-amber:#a86500;
  --cx-display:var(--display,"Bricolage Grotesque",system-ui,sans-serif)}
.cx .k{font-family:var(--cx-display);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cx-uv);margin:0 0 6px;font-weight:600}
.cx h1{margin:6px 0 16px}
.cx h2{font-family:var(--cx-display);font-size:clamp(1.45rem,3.4vw,1.9rem);line-height:1.2;margin:0 0 14px;letter-spacing:-.01em}
.cx h3{font-family:var(--cx-display);font-size:1.1rem;line-height:1.3;margin:22px 0 6px}
.cx p{max-width:46rem}
.cx-sec{padding:44px 0;border-top:1px solid var(--cx-line)}
.cx-have{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.cx-card{background:var(--cx-paper);border:1px solid var(--cx-line);border-radius:14px;padding:18px 20px}
.cx-card h3{margin-top:0}.cx-card p{margin:0;font-size:.98rem}
.cx-stage{list-style:none;margin:18px 0 0;padding:0;max-width:52rem}
.cx-stage li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;padding:12px 0;border-top:1px solid var(--cx-line)}
.cx-stage .s{font-family:var(--cx-display);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;padding-top:3px}
.cx .done{color:var(--cx-leaf)}.cx .now{color:var(--cx-amber)}.cx .next{color:var(--cx-soft)}
.cx-table{width:100%;max-width:52rem;border-collapse:collapse;margin:14px 0 8px;font-size:.96rem}
.cx-table th,.cx-table td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--cx-line);vertical-align:top}
.cx-table th{font-family:var(--cx-display);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--cx-soft)}
.cx-table td:first-child{font-family:var(--cx-display);font-weight:600;white-space:nowrap}
.cx-table tr.hl td{background:rgba(106,76,255,.08)}
.cx-small{font-size:.92rem;color:var(--cx-soft)}
.cx-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
/* blog */
.cx-post{max-width:44rem}
.cx-post p,.cx-post li{font-size:1.08rem;line-height:1.7}
.cx-meta{font-family:var(--cx-display);font-size:.92rem;color:var(--cx-soft);margin:0 0 8px}
.cx-quote{margin:28px 0;padding:6px 0 6px 22px;border-left:3px solid var(--cx-uv);font-size:1.2rem;line-height:1.55;font-style:italic}
.cx-quote cite{display:block;margin-top:8px;font-style:normal;font-size:.92rem;color:var(--cx-soft)}
.cx-time{list-style:none;padding:0;margin:18px 0 26px}
.cx-time li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;padding:9px 0;border-top:1px solid var(--cx-line);font-size:1rem;line-height:1.5}
.cx-time b{font-family:var(--cx-display)}
.cx-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:14px;max-width:46rem}
.cx-list a{display:block;text-decoration:none;color:inherit;background:var(--cx-paper);border:1px solid var(--cx-line);border-radius:14px;padding:18px 20px}
.cx-list a:hover{border-color:var(--cx-uv)}
.cx-list h2{font-size:1.3rem;margin:4px 0 6px}.cx-list p{margin:0}
@media (max-width:820px){.cx-have{grid-template-columns:1fr}.cx-stage li{grid-template-columns:1fr;gap:2px}}