.site-nav{box-sizing:border-box;max-width:1380px;margin:0 auto;padding:23px 40px;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #354044;font:15px/1.75 "Yu Gothic UI",Meiryo,system-ui,sans-serif}
.site-nav .brand{font-size:21px;font-weight:900;letter-spacing:.08em;white-space:nowrap;color:#f3eee1;text-decoration:none}
.site-nav .brand span{font-size:12px;color:#a7b1b2;font-weight:500}
.site-nav nav{display:flex;gap:7px;flex-wrap:wrap}
.site-nav nav a{font-size:13px;padding:7px 12px;border-radius:5px;color:#a7b1b2;text-decoration:none;white-space:nowrap}
.site-nav nav a:hover,.site-nav nav a[aria-current]{color:#f3eee1;background:#ffffff0c}
.site-nav a:focus-visible{outline:2px solid #a4ddcc;outline-offset:4px}
@media(max-width:950px){.site-nav{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:620px){.site-nav{padding:18px 18px 15px}.site-nav nav{gap:2px}.site-nav nav a{padding:6px 8px;font-size:12px}}