header{position:relative;z-index:20}header #main-nav{align-items:center;overflow:visible}header .editora{position:relative;display:flex;align-items:center}header .nav-toggle,header .nav-mobile-toggle{background:transparent;color:var(--gold);border:1px solid transparent;font:inherit;cursor:pointer;min-width:38px;min-height:44px}header button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}header .nav-toggle[aria-expanded=true]{border-color:var(--line)}header .nav-submenu{position:absolute;top:100%;left:-18px;min-width:230px;width:max-content;max-width:min(340px,90vw);padding:12px 18px;background:#10100d;border:1px solid var(--gold);box-shadow:0 18px 40px #000a;z-index:30}header .nav-submenu[hidden]{display:none}header .nav-submenu a{display:block;padding:12px 8px;white-space:normal}header .nav-submenu a+a{border-top:1px solid var(--line)}header .nav-mobile-toggle{display:none}header .editora.is-active>.editora-link{color:var(--gold);box-shadow:0 1px var(--gold)}
@media(max-width:780px){header .nav-mobile-toggle{display:block;margin-left:auto;border-color:var(--line);font-size:24px}header #main-nav{display:block;position:absolute;left:0;right:0;top:100%;width:100%;max-height:calc(100dvh - 120px);overflow-y:auto;background:var(--bg);padding:12px 7% 24px;border-bottom:1px solid var(--gold);box-shadow:0 24px 36px #0008}header #main-nav:not(.open){display:none}header #main-nav>a{display:block;padding:16px 0;border-bottom:1px solid var(--line)}header .editora{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--line)}header .editora-link{padding:17px 0}header .nav-toggle{min-width:46px;border-color:var(--line)}header .nav-submenu{position:static;grid-column:1/-1;width:auto;max-width:none;min-width:0;margin:0 0 16px 12px;border:0;border-left:1px solid var(--gold);box-shadow:none;padding:0 16px}header .review{display:none}header .language-control{margin-left:0}}
/* Approved model A: compact Open Sans navigation; body typography unchanged. */
@font-face{font-family:MenuOpenSans;src:url('/assets/menu-open-sans.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
header #main-nav{font-family:MenuOpenSans,'Noto Sans',Arial,sans-serif;font-size:11px;letter-spacing:.65px;gap:26px}
header .editora{min-height:44px}header .editora-link{padding:14px 0}
header .nav-toggle{padding:0;width:24px;height:44px;min-width:24px;min-height:44px;background:none;border:0;display:grid;place-items:center;margin:0}
header .nav-toggle[aria-expanded=true]{border:0}
header .nav-chevron{display:block;width:5px;height:5px;border:solid currentColor;border-width:0 1px 1px 0;transform:rotate(45deg);margin-top:-3px}
header .nav-toggle[aria-expanded=true] .nav-chevron{transform:rotate(225deg);margin-top:3px}
header .nav-submenu{padding:6px 18px;background:#11110e;border:1px solid var(--line);border-top:1px solid var(--gold);box-shadow:0 20px 32px #0008;font:11px/1.6 MenuOpenSans,'Noto Sans',Arial,sans-serif;letter-spacing:.8px}
header .nav-submenu a{display:flex;justify-content:space-between;gap:35px;padding:17px 0}
header .nav-submenu a:after{content:'↗';color:var(--gold)}
header .nav-mobile-toggle{border:0;background:none}
@media(min-width:781px){header #main-nav{flex-basis:auto;width:auto;order:0;margin-left:auto}header .review{display:none}header{gap:24px}.language-control{margin-left:0}}
@media(min-width:781px) and (max-width:1080px){header #main-nav{gap:16px;letter-spacing:.3px;font-size:10px}header{gap:20px;padding-left:4%;padding-right:4%}}
@media(max-width:780px){header #main-nav{font-size:12px;letter-spacing:.7px}header .editora{grid-template-columns:1fr 44px}header .editora-link{padding:17px 0}header .nav-toggle{width:44px;min-width:44px;height:48px;border:0}header .nav-submenu{width:calc(100% - 12px);margin:0 0 16px 12px;border:0;border-left:1px solid var(--gold);box-shadow:none;padding:0 18px}header .nav-submenu a{padding:16px 0}}
@media(pointer:coarse){header .nav-toggle{min-width:44px;width:44px}}
/* Keep model A, with navigation aligned left beside the logo. */
@media(min-width:781px){header{justify-content:flex-start}header #main-nav{margin-left:0;justify-content:flex-start}header .language-control{margin-left:auto}}
