.identity-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}
.identity{
    justify-self:auto;
    margin:0;
}
.menu-slot,.search-slot{
    display:flex;
    align-items:center;
}
.menu-slot{justify-content:flex-start}
.search-slot{justify-content:flex-end}
.text-action{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    padding:0 18px;
    border:1px solid #383838;
    border-radius:999px;
    color:#ddd;
    font-size:.8rem;
}
.search-trigger{
    min-height:48px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 17px;
    border:1px solid #383838;
    border-radius:999px;
    color:#ddd;
    background:#101010;
    cursor:pointer;
}
.search-trigger i{
    width:16px;
    height:16px;
    display:block;
    border:2px solid var(--gold);
    border-radius:50%;
    position:relative;
}
.search-trigger i:after{
    content:"";
    width:7px;
    height:2px;
    position:absolute;
    left:-5px;
    bottom:-3px;
    background:var(--gold);
    transform:rotate(45deg);
    border-radius:2px;
}
.nav-latest{
    margin-inline-start:auto;
    display:flex;
    align-items:center;
    gap:8px;
}
.nav-latest span{
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--gold);
    box-shadow:0 0 0 5px rgba(255,196,0,.1);
}
.search-layer{
    position:fixed;
    z-index:120;
    inset:0;
    display:grid;
    place-items:center;
    padding:25px;
    background:rgba(3,3,3,.96);
    opacity:0;
    visibility:hidden;
    transition:.22s ease;
}
.search-layer.is-open{
    opacity:1;
    visibility:visible;
}
.search-close{
    position:absolute;
    top:24px;
    left:28px;
    width:48px;
    height:48px;
    border:1px solid #444;
    border-radius:50%;
    color:#fff;
    background:#111;
    font-size:1.8rem;
    cursor:pointer;
}
.site-search{
    width:min(760px,100%);
    display:grid;
    gap:16px;
}
.site-search>span{
    color:var(--gold);
    font-size:clamp(1.3rem,3vw,2rem);
    font-weight:800;
}
.site-search label{
    display:grid;
    grid-template-columns:1fr auto;
    padding:8px;
    border:1px solid #4a4000;
    border-radius:16px;
    background:#111;
}
.site-search input{
    min-width:0;
    padding:13px 15px;
    border:0;
    outline:0;
    color:#fff;
    background:transparent;
    font:inherit;
}
.site-search button{
    padding:10px 25px;
    border:0;
    border-radius:11px;
    background:var(--gold);
    color:#080808;
    font-weight:800;
    cursor:pointer;
}
.site-search small{color:#777}
.search-open{overflow:hidden}
.drawer{
    right:0;
    left:auto;
    border-left:1px solid #333;
    border-right:0;
    transform:translateX(102%);
}
.drawer.is-open{transform:none}
.drawer-category{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
}
.drawer-category b{
    min-width:28px;
    height:23px;
    display:grid;
    place-items:center;
    border:1px solid #3d3500;
    border-radius:999px;
    color:var(--gold);
    background:#171400;
    font-size:.65rem;
    direction:ltr;
}
.drawer-category.is-child{
    padding-inline-start:27px;
    color:#c8c8c8;
    font-size:.88rem;
}
.drawer-category.is-child span:before{
    content:"↳";
    margin-inline-end:8px;
    color:#777;
}
.main-nav .shell{overflow:visible}
.nav-entry{
    position:relative;
    display:flex;
    align-items:center;
    flex:0 0 auto;
}
.nav-entry>a{display:block}
.nav-entry.has-children>a{padding-inline-end:7px}
.nav-entry>button{
    width:25px;
    height:30px;
    margin-inline-end:3px;
    padding:0;
    border:0;
    background:transparent;
    cursor:pointer;
    position:relative;
}
.nav-entry>button:after{
    content:"";
    position:absolute;
    inset:0;
    margin:auto;
    width:7px;
    height:7px;
    border-left:2px solid #8a8a8a;
    border-bottom:2px solid #8a8a8a;
    transform:rotate(-45deg) translateY(-2px);
    transition:.18s ease;
}
.nav-entry.is-open>button:after{transform:rotate(135deg) translate(-2px,-2px)}
.nav-submenu{
    position:absolute;
    z-index:50;
    top:calc(100% + 1px);
    right:0;
    min-width:210px;
    display:grid;
    padding:8px;
    border:1px solid #333;
    border-top:2px solid var(--gold);
    border-radius:0 0 12px 12px;
    background:#0b0b0b;
    box-shadow:0 20px 45px rgba(0,0,0,.42);
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    transition:.18s ease;
}
.nav-submenu a{
    padding:10px 12px;
    border:0;
    border-radius:7px;
    font-size:.78rem;
}
.nav-submenu a:hover{
    color:#0a0a0a;
    background:var(--gold);
}
.nav-entry:hover .nav-submenu,
.nav-entry:focus-within .nav-submenu,
.nav-entry.is-open .nav-submenu{
    opacity:1;
    visibility:visible;
    transform:none;
}
@media(max-width:680px){
    .identity-row{min-height:88px}
    .identity{gap:8px}
    .identity span{display:none}
    .identity img{width:56px;height:56px}
    .search-trigger{width:46px;padding:0;justify-content:center}
    .search-trigger span{display:none}
    .header-actions{gap:7px}
    .menu-trigger{width:46px;height:46px}
    .nav-latest{margin-inline-start:0}
    .main-nav .shell{overflow-x:auto;overflow-y:hidden}
    .nav-submenu{position:fixed;top:auto;right:12px;left:12px;margin-top:48px}
    .site-search label{grid-template-columns:1fr}
}