/* "More" dropdown in the top navigation (YouTube, Audiobooks, Books, About, Contact). */
.site-header.hk-unified .nav-links a,.hk-site-storynav .hk-site-links a{white-space:nowrap}
.hk-more{position:relative;display:flex;align-items:center}
.hk-more>summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:40px;height:34px;border:1px solid #3a485e;border-radius:10px;color:#d0d9e5;transition:border-color .2s,color .2s,background .2s;user-select:none}
.hk-more>summary::-webkit-details-marker{display:none}
.hk-more>summary:hover,.hk-more[open]>summary,.hk-more.has-active>summary{color:#fff;border-color:#e0bb78;background:rgba(224,187,120,.08)}
.hk-more>summary:focus-visible{outline:2px solid #e0bb78;outline-offset:3px}
.hk-bars{display:block;width:16px}
.hk-bars i{display:block;height:2px;border-radius:2px;background:currentColor;margin:3px 0;transition:transform .25s,opacity .2s}
.hk-more[open] .hk-bars i:nth-child(1){transform:translateY(5px) rotate(45deg)}
.hk-more[open] .hk-bars i:nth-child(2){opacity:0}
.hk-more[open] .hk-bars i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.hk-more-panel{position:absolute;right:-6px;top:calc(100% + 16px);min-width:220px;display:grid;gap:2px;padding:8px;background:#0b1a30;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 22px 50px rgba(0,0,0,.45);z-index:400;animation:hkMoreIn .18s ease-out}
.hk-more-panel:before{content:"";position:absolute;top:-7px;right:20px;width:12px;height:12px;background:#0b1a30;border-left:1px solid rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.12);transform:rotate(45deg)}
.hk-more-panel a{display:block;padding:11px 14px;border-radius:10px;color:#d0d9e5!important;font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap}
.hk-more-panel a:after{display:none!important}
.hk-more-panel a:hover,.hk-more-panel a:focus-visible,.hk-more-panel a.active{background:rgba(255,255,255,.07);color:#fff!important}
.hk-more-panel a.active{box-shadow:inset 3px 0 0 #e0bb78}
@keyframes hkMoreIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* With fewer top-level items the full menu now fits down to 1181px. */
@media (min-width:1181px) and (max-width:1370px){.site-header.hk-unified .nav-links{display:flex!important}.site-header.hk-unified .menu-btn{display:none!important}.site-header.hk-unified .mobile-menu.open{display:none}}
@media (min-width:1101px) and (max-width:1280px){.hk-site-storynav .hk-site-links{display:flex!important}.hk-site-storynav .hk-site-menu{display:none!important}}
