.language-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #ffffff1a;border-radius:999px;background:#0c0c0c;flex:none}
.language-switch button{min-width:36px;min-height:30px;padding:5px 8px;border-radius:999px;font-size:12px;line-height:18px;font-weight:500;color:#999;transition:color 160ms ease,background-color 160ms ease}
.language-switch button[aria-pressed="true"]{color:#fff;background:#292929}
.language-switch button:focus-visible{outline-offset:1px}
@media(hover:hover){.language-switch button:hover{color:#fff;background:#202020}.language-switch button[aria-pressed="true"]:hover{background:#383838}}
:lang(ru) .project-stack>div{grid-template-columns:112px minmax(0,1fr)}
/* Timeline markers follow the translated copy instead of fixed text heights. */
@media(min-width:651px){.timeline-rail{display:none}.timeline-entry{position:relative}.timeline-entry::before{content:"";position:absolute;left:-107px;top:2px;width:16px;height:16px;border:1px solid #fff;border-radius:50%;background:#000}.timeline-entry:not(:last-child)::after{content:"";position:absolute;left:-100px;top:26px;width:1px;height:calc(100% + 48px);background:#ffffff33}}
@media(max-width:520px){.language-switch{grid-column:2;grid-row:1}.language-switch button{min-height:34px}.roles span{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.language-switch button{transition:none}}