/* CRyam Live — language switcher (globe). Self-contained: also used on pages without styles.css */
.lang-switch{position:relative;display:inline-flex;flex-shrink:0;z-index:50;font-family:inherit}
.lang-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:2.6rem;padding:.4rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(124,92,255,.22);color:#fff;font:inherit;font-size:.95rem;font-weight:700;cursor:pointer;line-height:1;white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,.25)}
.lang-btn:hover{background:rgba(124,92,255,.38)}
.lang-btn:focus-visible{outline:3px solid #ffd400;outline-offset:2px}
.lang-globe{flex-shrink:0}
.lang-caret{font-size:.75rem;opacity:.8}
.lang-menu{position:absolute;top:calc(100% + .4rem);inset-inline-end:0;min-width:11rem;margin:0;padding:.35rem;list-style:none;background:#14112a;border:1px solid rgba(255,255,255,.18);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.55)}
.lang-menu[hidden]{display:none}
.lang-menu a{display:block;padding:.6rem .8rem;border-radius:10px;color:#f4f2ff;text-decoration:none;font-weight:600;text-align:start}
.lang-menu a:hover,.lang-menu a:focus-visible{background:rgba(124,92,255,.3);outline:none}
.lang-menu a[aria-current="true"]{background:rgba(124,92,255,.45)}
.lang-menu a[aria-current="true"]::after{content:" ✓"}
.nav-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
header.top{gap:.5rem}
header.top .brand{margin-inline-end:auto}
header.top .lang-switch{order:2}
header.top .pill{order:3}
.pill{unicode-bidi:isolate;direction:ltr}
.lang-code{display:none}
@media (max-width:520px){.lang-cur{display:none}.lang-code{display:inline}.lang-btn{padding:.4rem .6rem;gap:.3rem}}
h1,h2,h3{overflow-wrap:break-word;hyphens:auto}
[dir="ltr"] .info-card,[dir="ltr"] .info-card h2{text-align:left!important}
html[lang="ar"] body,html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{font-family:"Noto Sans Arabic","Heebo",system-ui,sans-serif}