@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');

.language-switcher{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;border:1px solid rgba(23,61,42,.18);border-radius:999px;background:#fff;box-shadow:0 2px 8px rgba(20,48,34,.06);white-space:nowrap}
.language-switcher button{appearance:none;border:0;border-radius:999px;background:transparent;color:#53645a;cursor:pointer;font:inherit;font-size:.78rem;font-weight:700;line-height:1;padding:.55rem .7rem}
.language-switcher button[aria-pressed="true"]{background:#173d2a;color:#fff}
.language-switcher button:focus-visible{outline:3px solid rgba(46,125,83,.3);outline-offset:2px}
html[dir="rtl"] body{font-family:"Cairo",Tahoma,Arial,sans-serif;text-align:start}
html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select,html[dir="rtl"] button{font-family:"Cairo",Tahoma,Arial,sans-serif}
html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{direction:rtl;text-align:right}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="url"],html[dir="rtl"] input[type="number"]{direction:ltr;text-align:right}
html[dir="rtl"] .career-nav,html[dir="rtl"] nav,html[dir="rtl"] .career-links,html[dir="rtl"] .nav-links,html[dir="rtl"] .nav-group,html[dir="rtl"] .hero-actions,html[dir="rtl"] .result-actions,html[dir="rtl"] .skill-row,html[dir="rtl"] .catalog-tools,html[dir="rtl"] .privacy-banner__actions{direction:rtl}
html[dir="rtl"] .career-menu{margin-inline-start:auto;margin-inline-end:0}
html[dir="rtl"] .career-card,html[dir="rtl"] .product-card,html[dir="rtl"] .result-card,html[dir="rtl"] .tool-card,html[dir="rtl"] .question,html[dir="rtl"] .detail-main,html[dir="rtl"] .detail-side{text-align:right}
html[dir="rtl"] .career-link,html[dir="rtl"] .back-link{direction:rtl}
html[dir="rtl"] .roadmap-step,html[dir="rtl"] .roadmap-item,html[dir="rtl"] .result-card{grid-template-columns:auto 1fr}
html[dir="rtl"] ul,html[dir="rtl"] ol{padding-inline-start:0;padding-inline-end:1.35rem}
html[dir="rtl"] .privacy-banner{direction:rtl;left:auto;right:50%;transform:translateX(50%);text-align:right}
html[dir="rtl"] .guide-popup,html[dir="rtl"] [role="dialog"]{direction:rtl;text-align:right}
html[dir="rtl"] .arrow-icon,html[dir="rtl"] [data-directional-icon]{transform:scaleX(-1)}
@media(max-width:820px){.language-switcher{order:-1;margin-inline-start:auto}.career-links.open .language-switcher{margin:.5rem 0}.nav-group .language-switcher{margin-inline-start:.5rem}}
