/* Additive menu rules. site.css remains the approved visual baseline. */
.nav nav > ul{display:flex;flex-wrap:wrap}
.nav nav ul{list-style:none;margin:0;padding:0}
.nav nav li{position:relative}
.nav nav .submenu{display:none;position:absolute;top:100%;left:0;width:200px;background:var(--accent);z-index:20;box-shadow:0 3px 6px #0004}
.nav nav .submenu a{display:block;font-family:Georgia,serif;font-weight:normal;padding:8px 12px}
.nav nav .submenu .submenu{left:100%;top:0}
.nav nav .submenu.opens-left{left:auto;right:100%}
.nav nav li.open > .submenu{display:block}
html:not(.navigation-js) .nav nav li:hover > .submenu,html:not(.navigation-js) .nav nav li:focus-within > .submenu{display:block}
.nav a:focus-visible,.nav button:focus-visible{outline:3px solid #ffeb6b;outline-offset:-3px;background:#0003}
/* Keep resting top-level geometry unchanged; reveal explicit controls on focus. */
.submenu-toggle{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.submenu-toggle:focus-visible{clip-path:none;width:24px;height:24px;right:0;bottom:0;color:white;background:var(--accent);z-index:22;cursor:pointer}
.menu-level-3{max-height:calc(100vh - 50px);overflow-y:auto}
@media(max-width:960px){.nav nav .submenu,.nav nav .submenu .submenu,.nav nav .submenu.opens-left{position:static;width:200px;max-width:100%;box-shadow:none}.nav nav .submenu .submenu{padding-left:12px}.nav nav li.open > .submenu{display:block}}
