.masthead{justify-content:space-between;align-items:center;gap:20px;padding:24px 0 0;display:flex}.masthead-left{flex:1;align-items:center;gap:40px;min-width:0;display:flex}.masthead-nav{align-items:center;gap:28px;font-size:15px;display:flex}.masthead-nav a{color:var(--soft);white-space:nowrap;text-decoration:none}.masthead-nav a:hover,.masthead-nav a[aria-current=page]{color:var(--fg)}.masthead-right{flex:none;align-items:center;gap:10px;display:flex}@media (min-width:641px){.masthead .brand{margin-left:-24px}}.masthead summary{cursor:pointer;list-style:none}.masthead summary::-webkit-details-marker{display:none}.langswitch{position:relative}.langswitch-trigger{border:1px solid var(--rule);color:var(--fg);font-family:var(--mono);letter-spacing:.06em;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:12px;display:flex}.langswitch-trigger:hover{border-color:var(--accent)}.langswitch-trigger .chev{width:10px;height:10px;transition:transform .2s}.langswitch[open] .langswitch-trigger .chev{transform:rotate(180deg)}.langswitch-panel{z-index:50;background:var(--card-hi);border:1px solid var(--rule);border-radius:14px;flex-direction:column;gap:3px;min-width:170px;padding:8px;transition:opacity .18s,transform .18s;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px -12px #000000e6}@starting-style{.langswitch[open] .langswitch-panel{opacity:0;transform:translateY(-6px)scale(.98)}}.langswitch-pill{width:100%;font-family:var(--mono);color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:10px;flex-direction:row;align-items:center;gap:9px;padding:10px 12px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.flag-icon{object-fit:cover;border-radius:2px;flex:none;width:20px;height:15px;box-shadow:0 0 0 1px #ffffff24}.langswitch-pill:hover{border-color:var(--rule);color:var(--fg)}.langswitch-pill[aria-current=true]{background:var(--fg);border-color:var(--fg);color:var(--bg)}.mobile-menu{display:none}.menu-btn{border:1px solid var(--rule);background:0 0;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.menu-btn:hover{border-color:var(--accent)}.mobile-menu[open]>.menu-btn{z-index:90;background:var(--bg);position:relative}.menu-btn .bars{width:18px;height:12px;display:block;position:relative}.menu-btn .bars span{background:var(--fg);border-radius:2px;width:18px;height:2px;transition:transform .25s,opacity .2s,top .25s;position:absolute;left:0}.menu-btn .bars span:first-child{top:0}.menu-btn .bars span:nth-child(2){top:5px}.menu-btn .bars span:nth-child(3){top:10px}.mobile-menu[open] .bars span:first-child{top:5px;transform:rotate(45deg)}.mobile-menu[open] .bars span:nth-child(2){opacity:0}.mobile-menu[open] .bars span:nth-child(3){top:5px;transform:rotate(-45deg)}.mobile-backdrop{z-index:70;background:#000000b8;transition:opacity .3s;position:fixed;inset:0}.mobile-panel{z-index:80;background:var(--bg);border-right:1px solid var(--rule);flex-direction:column;width:min(320px,86vw);padding:22px;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}@starting-style{.mobile-menu[open] .mobile-backdrop{opacity:0}.mobile-menu[open] .mobile-panel{transform:translate(-105%)}}.mobile-panel-top{margin-bottom:32px}.mobile-panel-top img{width:auto;height:30px;display:block}.mobile-nav{flex-direction:column;gap:2px;display:flex}.mobile-nav a{font-family:var(--display);color:var(--fg);border-radius:10px;padding:13px 8px;font-size:18px;font-weight:700;text-decoration:none}.mobile-nav a:hover{background:var(--accent-soft)}.mobile-lang{border-top:1px solid var(--rule);flex-direction:column;gap:3px;margin-top:28px;padding-top:20px;display:flex}@media (max-width:860px){.masthead-nav{display:none}.mobile-menu{display:block}}@media (prefers-reduced-motion:reduce){.langswitch-panel,.mobile-panel,.mobile-backdrop,.langswitch-trigger .chev,.menu-btn .bars span{transition:none}}
