/* The language menu (site/langs.py menu()): a <details> pill in the nav, opens without JavaScript.
   Selectors start with details.langmenu so they win over the FAQ's details/summary styles. */
details.langmenu{position:relative;flex:none;border:0;margin:0}
details.langmenu summary{list-style:none;min-width:44px;height:44px;padding:0 10px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;gap:5px;font:600 13.5px/1 var(--sans,"Figtree",system-ui,sans-serif);letter-spacing:0;color:var(--ink2,#5B4B41);cursor:pointer;white-space:nowrap}
details.langmenu summary::-webkit-details-marker{display:none}
details.langmenu summary::after,details.langmenu[open] summary::after{content:"";display:block;width:6px;height:6px;margin-top:-3px;border:0;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;border-radius:0;background:none;transform:rotate(45deg);opacity:.6}
details.langmenu[open] summary,details.langmenu summary:hover{background:rgba(42,31,26,.06)}
details.langmenu summary:focus-visible{outline:2px solid var(--caramel,#A9672A);outline-offset:2px}
details.langmenu ul{position:absolute;z-index:60;top:calc(100% + 6px);right:0;min-width:168px;margin:0;padding:6px;list-style:none;border-radius:18px;background:var(--paper,#FFFCF7);box-shadow:0 18px 40px -16px rgba(40,20,10,.45),0 0 0 1px rgba(42,31,26,.08)}
details.langmenu li{margin:0;padding:0}
details.langmenu li a,details.langmenu li span{display:block;padding:11px 14px;border-radius:12px;font:500 15px/1.2 var(--sans,"Figtree",system-ui,sans-serif);color:var(--ink,#2A1F1A);text-decoration:none;white-space:nowrap}
details.langmenu li a:hover,details.langmenu li a:focus-visible{background:rgba(42,31,26,.06)}
details.langmenu li[aria-current] span{font-weight:700}
details.langmenu li[aria-current] span::after{content:" ✓";color:var(--caramel,#A9672A)}
details.langmenu p{margin:0}