/* Navigation has no dependency on Studio's modal runtime. */
#site-menu { box-sizing: border-box; position: fixed; inset: 0; margin: 0 0 0 auto; padding: 80px 30px 40px; width: min(100%, 420px); height: 100dvh; max-height: 100dvh; border: 0; background: #f5f4f0; color: #111; }
#site-menu:not([open]) { display: none; }
#site-menu::backdrop { background: #0006; }
#site-menu nav { display: flex; flex-direction: column; gap: 28px; }
#site-menu nav a { display: block; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; text-decoration: none; color: #111; }
#site-menu [data-menu-close] { position: absolute; top: 16px; right: 24px; border: 0; background: transparent; color: #111; font-size: 36px; cursor: pointer; }
[data-menu-toggle] { font-family: sans-serif !important; }
:focus-visible { outline: 2px solid #b8922a; outline-offset: 4px; }