.xp-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.xp-btn{border:1.5px solid #111;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:500}.xp-btn.is-primary{color:#fff;background:#111}.xp-btn:hover{background:#f2f2f2}.xp-btn.is-primary:hover{background:#333}.xp-list{border-top:1px solid var(--fg);list-style:none;display:grid}.xp-role{border-bottom:1px solid var(--line);padding-block:24px 26px}.xp-role h3{letter-spacing:-.01em;font-size:21px;font-weight:500}.xp-about{color:var(--muted);margin-top:2px;font-size:15px;line-height:1.5}.xp-title{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:8px;font-weight:500;display:flex}.xp-role .xp-title+.xp-title{color:var(--muted);margin-top:2px;font-weight:400}.xp-dates{font-family:var(--font-mono), ui-monospace, monospace;color:var(--muted);white-space:nowrap;font-size:13px;font-weight:400}.xp-role .cs-list{margin-block:12px 0;font-size:16px}.xp-link{text-underline-offset:3px;margin-top:10px;font-size:15px;text-decoration:underline;display:inline-block}#education .xp-title{font-weight:400}.xp-group{margin-top:14px}.xp-group h4{font-family:var(--font-mono), ui-monospace, monospace;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:12.5px;font-weight:400}.xp-group .cs-list{margin-top:6px}.xp-role.is-compact{padding-block:14px}.xp-role.is-compact .xp-title{margin-top:0;font-weight:400}.xp-role h3+.xp-about{max-width:60ch}@media (min-width:1000px){.xp-how{margin-inline:calc((var(--read) - var(--wide)) / 2)}}.xp-how{background:#fff;border:1.5px solid #111;border-radius:16px;margin-top:48px;padding:24px}.xp-how h2{letter-spacing:-.01em;font-size:22px;font-weight:600}.xp-how-note{color:var(--muted);margin-top:6px;font-size:15px;line-height:1.5}.xp-how-steps{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px;padding:0;list-style:none;display:grid}.xp-how-steps li{color:var(--muted);background:#f2f2f2;border-radius:12px;flex-direction:column;gap:4px;padding:12px;font-size:13px;line-height:1.4;display:flex}.xp-how-steps strong{color:var(--fg);font-size:15px;font-weight:600}.xp-how-n{font-family:var(--font-mono), ui-monospace, monospace;color:#ff3b30;font-size:11px}.xp-how-steps li:nth-child(4){color:#cfcfcf;background:#111}.xp-how-steps li:nth-child(4) strong{color:#fff}.xp-how-more{font-family:var(--font-mono), ui-monospace, monospace;margin-top:14px;font-size:13px}.xp-how-more a{color:var(--fg);text-underline-offset:3px;text-decoration:underline}@media (max-width:760px){.xp-how{padding:18px}.xp-how-steps{grid-template-columns:1fr}.xp-how-steps li{grid-template-columns:28px 1fr;gap:2px 8px;display:grid}.xp-how-steps li .xp-how-n{grid-row:span 2;padding-top:3px}}.xp-how-steps li{--tilt:-2deg;cursor:default;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,background .2s,opacity .2s;position:relative}.xp-how-steps li:nth-child(2n){--tilt:1.8deg}.xp-how-steps:hover li:not(:hover){opacity:.55}.xp-how-steps li:hover{transform:translateY(-8px) rotate(var(--tilt));z-index:1;background:#fff3b0;box-shadow:0 14px 26px #00000029}.xp-how-steps li:nth-child(4):hover{background:#111}.xp-how-ico{opacity:0;pointer-events:none;font-size:26px;line-height:1;transition:opacity .15s,transform .45s cubic-bezier(.34,1.56,.64,1);position:absolute;top:-16px;right:-6px;transform:scale(.3)rotate(-25deg)}.xp-how-steps li:hover .xp-how-ico{opacity:1;transform:scale(1)rotate(8deg)}.xp-how-n{border-radius:999px;align-self:flex-start;transition:background .2s,color .2s,padding .2s}.xp-how-steps li:hover .xp-how-n{color:#fff;background:#ff3b30;padding:1px 7px}.xp-how-steps li:nth-child(4) strong:after{content:"▍";color:#ff3b30;opacity:0;margin-left:3px}.xp-how-steps li:nth-child(4):hover strong:after{animation:1s step-end infinite xp-blink}@keyframes xp-blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.xp-how-steps li,.xp-how-ico{transition:none}.xp-how-steps li:hover{transform:none}.xp-how-steps li:nth-child(4):hover strong:after{opacity:1;animation:none}}