/* The language menu: a quiet globe at the right of the header, in the colour of the menu links. */
.lang-menu{position:relative;flex:none;border:0}
.site-header .back-link,.site-header .nav{margin-left:auto}
.lang-menu>summary{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 4px;border-radius:8px;color:var(--muted,#6b625b);font:500 14px/1 var(--sans,system-ui,sans-serif);letter-spacing:.02em;cursor:pointer;list-style:none;user-select:none;-webkit-user-select:none}
.lang-menu>summary::-webkit-details-marker{display:none}
.lang-menu>summary::after{content:none}
.lang-menu>summary:hover,.lang-menu[open]>summary{color:var(--ink,#2a2522)}
.lang-menu>summary svg{width:18px;height:18px;flex:none}
.lang-menu>summary .chevron{width:12px;height:12px}
.lang-menu[open]>summary .chevron{transform:rotate(180deg)}
.lang-menu ul{position:absolute;right:0;top:calc(100% + 2px);z-index:50;min-width:156px;margin:0;padding:5px;list-style:none;background:#fff;border:1px solid var(--border,#e6dfd6);border-radius:12px;box-shadow:0 12px 28px -16px rgba(42,37,34,.3)}
.lang-menu li a,.lang-menu li span{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:0 10px;border-radius:8px;font-size:14px;line-height:1.3;color:var(--muted,#6b625b);text-decoration:none}
.lang-menu li a:hover{background:var(--paper,#f7f4ef);color:var(--ink,#2a2522)}
.lang-menu li span{color:var(--ink,#2a2522)}
.lang-menu li .tick{width:14px;height:14px;flex:none;color:var(--accent,#9a3b45)}
@media (max-width:760px){.site-header .header-inner{gap:10px}.site-header .nav{margin-left:0}.lang-menu{order:1;margin-left:auto}.menu-toggle{order:2}}
/* On a phone the logo alone leads home: "Back to Ruta" beside the globe would wrap. */
@media (max-width:560px){.site-header .back-link{display:none}}