.experience-card{inline-size:100%;max-inline-size:420px;font-family:var(--font-sans);color:var(--fg-primary);margin:0;display:flex}.experience-card[data-variant=default]{gap:var(--space-2);background:var(--bg-surface);border:var(--border-1) solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;padding:14px}.experience-card[data-variant=expanded]{gap:var(--space-3);padding:var(--space-4);background:var(--bg-surface);border:var(--border-1) solid var(--border-default);border-radius:var(--radius-md);flex-direction:column}.experience-card[data-variant=compact]{align-items:center;gap:var(--space-2);padding:var(--space-2) 10px;border:var(--border-1) solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:row}.experience-card[data-variant=timeline]{align-items:flex-start;gap:var(--space-4);flex-direction:row}.experience-card-top{align-items:center;gap:10px;inline-size:100%;display:flex}.experience-card-avatar{font-family:var(--font-mono);font-weight:500;font-size:var(--text-xs);color:var(--fg-on-accent);background:var(--accent);flex-shrink:0;justify-content:center;align-items:center;line-height:16px;display:inline-flex}.experience-card-avatar[data-size="20"]{border-radius:var(--radius-sm);block-size:20px;inline-size:20px}.experience-card-avatar[data-size="28"]{border-radius:var(--radius-md);block-size:28px;inline-size:28px}.experience-card-avatar[data-size="32"]{border-radius:var(--radius-md);block-size:32px;inline-size:32px}.experience-card-title-block{flex-direction:column;flex:1 0 0;gap:2px;min-inline-size:0;display:flex}.experience-card-role-line{font-family:var(--font-sans);color:var(--fg-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:500;overflow:hidden}.experience-card-role-line[data-size=sm],.experience-card[data-variant=timeline] .experience-card-role-line{font-size:var(--text-sm);letter-spacing:-.01em;line-height:20px}.experience-card-role-line[data-size=md]{font-size:var(--text-md);letter-spacing:-.01em;line-height:24px}.experience-card-dates{font-family:var(--font-mono);font-weight:400;font-size:var(--text-xs);color:var(--fg-secondary);margin:0;line-height:16px}.experience-card-description{font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:-.01em;color:var(--fg-secondary);margin:0;line-height:20px}.experience-card-stack{gap:var(--space-1);flex-wrap:wrap;display:flex}.experience-card-tag{border:var(--border-0_5) solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--fg-secondary);white-space:nowrap;align-items:center;padding:2px 6px;font-size:10px;line-height:14px;display:inline-flex}.experience-card[data-variant=compact] .experience-card-role{font-family:var(--font-sans);font-weight:500;font-size:var(--text-sm);letter-spacing:-.01em;color:var(--fg-primary);white-space:nowrap;line-height:20px}.experience-card[data-variant=compact] .experience-card-company{font-family:var(--font-sans);font-weight:400;font-size:var(--text-sm);letter-spacing:-.01em;color:var(--fg-secondary);white-space:nowrap;line-height:20px}.experience-card-spacer{flex:1 0 0}.experience-card[data-variant=compact] .experience-card-dates{color:var(--fg-tertiary)}.experience-card-axis{flex-shrink:0;block-size:70px;inline-size:10px;position:relative}.experience-card-axis:before{content:"";inline-size:var(--border-1);background:var(--border-default);block-size:calc(100% - 10px);position:absolute;top:10px;transform:translate(-50%)}.experience-card-axis:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:50%}.experience-card-axis:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:50%}.experience-card-axis:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:50%}.experience-card-axis:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:50%}.experience-card-axis:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:50%}.experience-card-axis:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:50%}.experience-card-axis:after{content:"";border-radius:var(--radius-full);background:var(--accent);block-size:10px;inline-size:10px;position:absolute;top:0}.experience-card-axis:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:0}.experience-card-axis:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:0}.experience-card-axis:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:0}.experience-card-axis:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:0}.experience-card-axis:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:0}.experience-card-axis:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:0}.experience-card[data-variant=timeline] .experience-card-body{min-inline-size:0;padding:var(--space-3) 14px var(--space-4);background:var(--bg-surface);border:var(--border-1) solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;flex:1 0 0;gap:6px;display:flex}.experience-card-year-row{align-items:center;gap:var(--space-2);display:flex}.experience-card-year{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);line-height:16px}.badge{border-radius:var(--radius-sm);font-family:var(--font-mono);white-space:nowrap;justify-content:center;align-items:center;padding:2px 6px;font-size:10px;font-weight:400;line-height:14px;display:inline-flex}