.reference-ui .masthead{display:flex!important;align-items:center;gap:24px;height:auto!important;min-height:90px;padding:10px 22px!important;margin-bottom:0!important;background:linear-gradient(180deg,#8ed5ff 0%,#41b4ff 48%,#0090f9 100%)!important;position:relative;isolation:isolate}
.reference-ui .masthead>.logo{flex:0 1 300px;min-width:180px;margin:0!important}
.reference-ui .masthead .brand-logo{width:100%!important;max-width:300px;height:auto!important;display:block;object-fit:contain}
.reference-ui .masthead>.header-search-group{position:static!important;flex:1 1 350px;width:auto!important;min-width:0;margin:0!important;padding:0!important}
.reference-ui .masthead .header-shortcuts{display:grid!important}
.reference-ui .masthead .top-search{position:static!important;display:flex!important;align-items:center;width:100%!important;max-width:none!important;height:42px!important;min-height:42px;margin:0!important;padding:3px!important;flex:auto!important;border:2px solid #fff!important;border-radius:26px!important;background:#fff!important;box-shadow:0 2px 8px #0075c82b!important;overflow:hidden;box-sizing:border-box}
.reference-ui .masthead .top-search input{flex:1 1 auto!important;width:0!important;min-width:0!important;height:32px!important;min-height:0!important;padding:4px 15px!important;border:0!important;border-radius:20px!important;box-shadow:none!important;background:transparent!important;color:#173651!important;font-size:12px!important}
.reference-ui .masthead .top-search input::placeholder{color:#61748a;font-style:italic}
.reference-ui .masthead .top-search select{max-width:64px!important;min-width:0!important;width:64px!important;height:30px!important;min-height:0!important;padding:2px 3px!important;font-size:11px!important;border:0!important;background:#fff!important;color:#0064cb!important}
.reference-ui .masthead .top-search button{display:grid!important;place-items:center;flex:0 0 40px!important;width:40px!important;min-width:0!important;height:32px!important;min-height:0!important;padding:6px!important;margin:0!important;border:0!important;border-radius:22px!important;background:linear-gradient(#00b8ff,#007cf2)!important;color:#fff!important;box-shadow:none!important}
.reference-ui .masthead .top-search button svg{width:20px;height:20px}
.reference-ui .pn-account{display:flex;align-items:center;gap:16px;flex:0 0 auto}
.reference-ui .pn-account a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:7px 15px;border:2px solid #fff;border-radius:11px;font:bold 12px Arial;color:#0067d8;background:linear-gradient(#fff,#ebf8ff);box-shadow:0 2px 5px #0075c833;text-decoration:none;box-sizing:border-box;white-space:nowrap}
.reference-ui .pn-account .pn-vip{color:#fff;background:linear-gradient(#ffbd37,#ff7900);text-shadow:0 1px 1px #ae5a00}
.reference-ui .pn-account .pn-vip:hover{background:linear-gradient(#ffa720,#ed6500)}
.reference-ui .pn-account .pn-login:hover{background:#d8f0ff}
.reference-ui .pn-account svg,.reference-ui .pn-nav svg{flex:0 0 19px;width:19px;height:19px}
.reference-ui .pn-nav{position:relative;z-index:20;display:flex;align-items:stretch;justify-content:space-between;gap:2px;padding:0 22px;margin:0 0 10px;min-height:43px;background:linear-gradient(#f9fdff,#eaf7ff);border-bottom:1px solid #c3e4ff;box-shadow:0 2px 3px #309fff0a}
.reference-ui .pn-nav>a,.reference-ui .pn-nav summary{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 10px;color:#0064d9;font:bold 12px Arial;text-decoration:none;white-space:nowrap;cursor:pointer;border-radius:5px;list-style:none}
.reference-ui .pn-nav summary::-webkit-details-marker{display:none}
.reference-ui .pn-nav>a:hover,.reference-ui .pn-nav summary:hover,.reference-ui .pn-genres[open]>summary{background:#cdeaff;color:#004ca5}
.reference-ui .pn-genres{position:relative}
.reference-ui .pn-genre-list{position:absolute;top:100%;left:0;display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:2px;padding:9px;width:270px;max-width:85vw;background:#fff;border:1px solid #aedbff;border-radius:0 0 8px 8px;box-shadow:0 8px 22px #174e7f30;box-sizing:border-box}
.reference-ui .pn-genres:not([open])>.pn-genre-list{display:none}
.reference-ui .pn-genre-list a{padding:9px;border-radius:4px;color:#075eb6;text-decoration:none;font:12px Arial;display:flex;gap:5px;align-items:center}
.reference-ui .pn-genre-list a:hover{background:#e1f2ff}
.reference-ui .pn-nav a:focus-visible,.reference-ui .pn-nav summary:focus-visible,.reference-ui .pn-account a:focus-visible{outline:3px solid #004f9f;outline-offset:-3px}
@media(min-width:1001px){.reference-ui .masthead>.menu-toggle{display:none!important}}
@media(max-width:1100px){.reference-ui .masthead{gap:12px;padding:10px 12px!important}.reference-ui .masthead>.logo{flex-basis:235px}.reference-ui .pn-account{gap:8px}.reference-ui .pn-account a{padding:7px 10px}.reference-ui .pn-nav{padding:0 8px}.reference-ui .pn-nav>a,.reference-ui .pn-nav summary{gap:5px;padding:11px 6px;font-size:11px}}
@media(max-width:1000px){.reference-ui .masthead{flex-wrap:wrap!important}.reference-ui .masthead>.logo{flex:1 1 200px}.reference-ui .masthead>.header-search-group{order:4;flex:1 1 100%;width:100%!important}.reference-ui .masthead>.menu-toggle{position:static!important;display:block!important;order:3;width:auto;min-height:36px;padding:5px 10px;background:#eaf7ff;color:#0064d9;border:1px solid #fff;border-radius:7px;font-size:12px}.reference-ui .pn-nav{justify-content:flex-start;flex-wrap:wrap}.reference-ui .pn-nav>a,.reference-ui .pn-nav summary{padding:10px}.reference-ui .pn-nav{z-index:20}}
@media(max-width:520px){.reference-ui .masthead{padding:9px 10px!important;gap:9px}.reference-ui .masthead>.logo{flex:1 1 100%;min-width:0}.reference-ui .masthead .brand-logo{max-width:245px;margin:auto}.reference-ui .pn-account{flex:1 1 auto;justify-content:center}.reference-ui .pn-account a{min-height:36px;padding:6px 13px}.reference-ui .pn-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:3px 4px}.reference-ui .pn-nav>a,.reference-ui .pn-nav summary{font-size:10px;padding:10px 3px;gap:5px}.reference-ui .pn-nav svg{width:16px;height:16px;flex-basis:16px}.reference-ui .pn-genre-list{left:auto;right:0;width:250px}.reference-ui .masthead .top-search input{padding:4px 8px!important;font-size:11px!important}}

/* Sevn header shortcuts v1 */
.reference-ui .masthead .header-shortcuts{display:grid!important;position:static;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:8px 0 0;padding:0;min-width:0}
.reference-ui .masthead .header-shortcuts a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:27px;padding:4px 5px;border:1px solid #fff;border-radius:8px;background:#cce4ff;color:#29394b;font:700 10px/1.25 Arial,sans-serif;text-align:center;text-decoration:none!important;white-space:normal;box-shadow:inset 0 1px 0 #ffffff50}
.reference-ui .masthead .header-shortcuts a:nth-child(2){background:#ffcbcf}
.reference-ui .masthead .header-shortcuts a:nth-child(3),.reference-ui .masthead .header-shortcuts a:nth-child(4){background:#ffefdf}
.reference-ui .masthead .header-shortcuts a:hover{filter:brightness(1.05);background:#fff;color:#0669b5}
.reference-ui .masthead .header-shortcuts a:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:1100px){.reference-ui .masthead .header-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.reference-ui .masthead .header-shortcuts a{min-height:34px;font-size:11px}}