/* Certification tracks: track tabs, path overview, orbit and code in questions. */
.cert-tracks{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 34px}
.cert-tracks a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:99px;border:1px solid #ffffff1c;background:#ffffff05;color:#cfd0d4;font-size:12.5px;transition:border-color .2s,background .2s,color .2s}
.cert-tracks a:hover{border-color:#ffffff3a;color:#fff}
.cert-tracks a span{padding:2px 7px;border-radius:99px;background:#ffffff0d;font:10px var(--mono);color:#8d8e93}
.cert-tracks a[aria-current]{background:linear-gradient(145deg,#f0f0ed,#cdd0d5);border-color:#f0f0ed;color:#191a1d}
.cert-tracks a[aria-current] span{background:#0000001a;color:#3a3b3f}
.cert-tracks .icon{width:14px;height:14px}

/* The glass theme pins --a to a colour, so the orbit keeps its angle in its own variable. */
.cert-orbit>span{animation-name:cert-orbit;transform:rotate(var(--orbit)) translate(var(--r)) rotate(calc(-1*var(--orbit)))}
@keyframes cert-orbit{from{transform:rotate(var(--orbit)) translate(var(--r)) rotate(calc(-1*var(--orbit)))}to{transform:rotate(calc(var(--orbit) + 360deg)) translate(var(--r)) rotate(calc(-1*var(--orbit) - 360deg))}}

.cert-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:40px}
.cert-path{display:flex;flex-direction:column;gap:10px;min-width:0;padding:22px;border-radius:18px;border:1px solid #ffffff17;background:linear-gradient(140deg,#ffffff08,#ffffff02);color:inherit;transition:transform .25s,border-color .25s;animation:card-in .6s var(--ease) both;animation-delay:calc(var(--i)*90ms)}
.cert-path:hover{transform:translateY(-4px);border-color:#ffffff38}
.cert-path-top{display:flex;align-items:center;justify-content:space-between;color:#c4c6cb}
.cert-path-top b{font:10px var(--mono);font-weight:400;color:#8d8e93}
.cert-path strong{font-size:20px;font-weight:550;letter-spacing:-.4px}
.cert-path p{margin:0;font-size:12.5px;line-height:1.6;color:#a2a3a7}
.cert-path ol{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:7px}
.cert-path li{display:flex;align-items:center;gap:10px;min-width:0;font-size:12px;color:#d0d1d5}
.cert-path li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cert-path em{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-size:12px;font-style:normal;color:#e2e3e6}
.cert-path em .icon{width:14px;height:14px;transition:transform .2s}
.cert-path:hover em .icon{transform:translateX(3px)}
.cert-badge.xs{width:30px;height:30px}
.cert-badge.xs b{font-size:7.5px;letter-spacing:-.3px}

.q-code{margin:-6px 0 22px;padding:14px 16px;overflow-x:auto;border-radius:12px;border:1px solid #ffffff17;background:#0b0c0e;color:#e4e5e8;font:13px/1.6 var(--mono);white-space:pre}
.review-item .q-code{margin:4px 0 12px;font-size:12px}

@media(max-width:900px){.cert-paths{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cert-path{animation:none;transition:none}.cert-path:hover{transform:none}}