/* careers.css — on top of /docs/doc.css (same four skins). */
.pillars,.plan{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:26px 0 8px}
.pillars>div,.plan>div{border:1px solid var(--line2);background:var(--surf);border-radius:12px;padding:14px 16px}
.pillars b,.plan b{display:block;margin-bottom:4px}
.pillars span,.plan span{color:var(--tx2);font-size:14.5px;line-height:1.55}
h2.plain{font-size:22px;margin:40px 0 8px}
.count{font:600 12px/1 var(--mono);color:var(--tx2);border:1px solid var(--line2);border-radius:999px;padding:3px 8px;vertical-align:middle;margin-left:6px}
.filters{display:grid;gap:8px;margin:12px 0 4px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips button{font:600 13px/1 var(--disp);cursor:pointer;border:1px solid var(--line2);background:var(--surf2);color:var(--tx2);border-radius:999px;padding:8px 12px}
.chips button[aria-pressed="true"]{border-color:var(--acc);color:var(--acct)}
.layout article{max-width:none}
.roles{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin:8px 0 6px}
a.role{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--tx);border:1px solid var(--line2);background:var(--surf);border-radius:12px;padding:14px 16px}
a.role:hover{border-color:var(--acc)}
.rt{font-weight:700;font-size:16px;line-height:1.3}
.rs{color:var(--tx2);font-size:14px;line-height:1.5}
.rm{font:12.5px/1.4 var(--mono);color:var(--acct)}
.hidden{display:none!important}
.none{color:var(--tx2)}
.apply-top{margin:18px 0 0}