/* Selettore della lingua (<details> con l'elenco a tendina).
   Condiviso da guide.php, blog.php e terms.php: era identico e duplicato
   in ciascun CSS di pagina, ora vive qui una volta sola. */
.langpick{position:relative;}
.langpick summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;font-size:13px;color:var(--graphite);padding:6px 10px;border:1px solid var(--edge);background:#fff;}
.langpick summary::-webkit-details-marker{display:none;}
.langpick summary::after{content:'';width:5px;height:5px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(45deg) translateY(-1px);}
.langpick summary:hover,.langpick[open] summary{border-color:var(--ink);color:var(--ink);}
.lgcode{font-family:'Azeret Mono',monospace;font-size:10.5px;letter-spacing:.08em;color:var(--red);}
@media(max-width:560px){.lgname{display:none;}}
.langlist{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--ink);min-width:172px;padding:5px;z-index:60;box-shadow:0 14px 30px -20px rgba(20,18,16,.65);}
.langlist a{display:block;font-size:14px;text-decoration:none;padding:8px 11px;color:var(--ink);}
.langlist a:hover{background:var(--tint);}
.langlist a[aria-current]{background:var(--ink);color:#fff;}
