.sitenav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid rgba(0,0,0,.12);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;}
@media (prefers-color-scheme:dark){.sitenav{background:rgba(18,20,24,.92);border-bottom-color:rgba(255,255,255,.14);}}
.sitenav-in{max-width:74rem;margin:0 auto;padding:.5rem clamp(1.1rem,4vw,2.6rem);display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;}
.sitenav .brand{font-size:.74rem;letter-spacing:.14em;font-weight:700;color:#8C6111;white-space:nowrap;}
@media (prefers-color-scheme:dark){.sitenav .brand{color:#D9A63C;}}
.sitenav .links{display:flex;gap:.15rem;flex-wrap:wrap;margin-left:auto;}
.sitenav a{font-size:.8rem;text-decoration:none;color:inherit;opacity:.7;padding:.25rem .55rem;border-radius:3px;line-height:1.7;white-space:nowrap;}
.sitenav a:hover{opacity:1;background:rgba(140,97,17,.1);}
.sitenav a[aria-current="page"]{opacity:1;font-weight:700;background:rgba(140,97,17,.14);}
@media(max-width:560px){.sitenav .links{margin-left:0;width:100%;}.sitenav a{padding:.25rem .4rem;font-size:.76rem;}}