.itp-grid-site{--hq-side:50vw;--hq-rail:64px}
.itp-grid-site #itp-mobile-hq{display:block;color:white;font:600 15px/1.35 system-ui,sans-serif}
.itp-grid-site #itp-mobile-hq>nav{display:flex;position:fixed;z-index:9900;inset:auto 0 0;justify-content:space-around;padding:2px 2px max(2px,env(safe-area-inset-bottom));background:#151517;border-top:2px solid #ba243b}
.itp-grid-site #itp-mobile-hq button,.itp-grid-site #itp-mobile-hq a{box-sizing:border-box;font:inherit;color:white;cursor:pointer;text-decoration:none}
.itp-grid-site #itp-mobile-hq>nav button{flex:1;display:grid;place-content:center;min-width:0;min-height:48px;border:0;background:none;font-size:12px}
.itp-grid-site #itp-mobile-hq>nav button:first-child{background:#a51e33;border-radius:9px}
.itp-grid-site #itp-mobile-hq>nav svg{width:20px;height:20px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.8}
.itp-grid-site #itp-hq-dialog{position:fixed;box-sizing:border-box;inset:0 auto 0 0;width:100%;height:100dvh;max-width:100%;max-height:100dvh;margin:0;padding:0 12px 18px;overflow:auto;border:0;background:#202023;color:white;z-index:9950;text-align:left}
.itp-grid-site #itp-hq-dialog header{position:sticky;inset:0 0 auto;display:flex;align-items:center;gap:4px;min-height:46px;height:46px;margin:0;padding:0;background:#202023;z-index:1}
.itp-grid-site #itp-hq-dialog header strong{margin-right:auto;font-size:19px}
.itp-grid-site #itp-hq-dialog button{width:auto;min-width:44px;min-height:44px;border:0;background:#303034;border-radius:8px;text-align:center;padding:5px}
.itp-grid-site #itp-hq-dialog h2{font-size:15px;margin:12px 0 5px}
.itp-grid-site #itp-hq-dialog a{display:flex;align-items:center;gap:6px;padding:6px;min-height:44px}
.itp-grid-site #itp-hq-dialog .hq-tiles,.itp-grid-site #itp-hq-dialog .hq-sites{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(92px,100%),1fr));gap:7px;margin:8px 0}
.itp-grid-site #itp-hq-dialog :is(.hq-tiles,.hq-sites) a{justify-content:center;text-align:center;aspect-ratio:1;background:#303034;border:1px solid #49494c;border-radius:9px;font-size:13px}
.itp-grid-site #itp-hq-dialog .hq-sites a[aria-current]{background:#982537}
.itp-grid-site #itp-hq-dialog .grid-wide{display:none}
.itp-grid-site #itp-hq-dialog:has(.hq-detail)>:not(header,.hq-detail){display:none}
.itp-grid-site .hq-detail iframe{width:100%;height:calc(100dvh - 160px);border:0;background:white}
.itp-grid-site .itp-replaced-nav{display:none!important}
@media (min-width:700px) and (min-height:500px){
 .itp-grid-site body{box-sizing:border-box;margin-left:var(--hq-rail)!important;width:calc(100% - var(--hq-rail))}
 .itp-grid-site{--hq-offset:var(--hq-rail)}
 
 .itp-grid-site #uvid-player-root .drawing{left:var(--hq-offset)!important;right:0!important;width:calc(100% - var(--hq-offset))!important}
 .itp-grid-site #uvid-player-root .drawing .browser-model{max-width:100%}
 .itp-grid-site #itp-hq-dialog{left:var(--hq-rail);width:calc(var(--hq-side) - var(--hq-rail))}
 .itp-grid-site.itp-hq-full #itp-hq-dialog{left:0;width:100%}


 .itp-grid-site #itp-hq-dialog .hq-sites{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.itp-grid-site #itp-hq-dialog .hq-sites a{aspect-ratio:auto;min-height:52px}.itp-grid-site #itp-hq-dialog:has(.hq-detail){left:0;width:100%;background:#202023}.itp-grid-site #itp-hq-dialog .grid-wide{display:inline-grid;place-items:center}
 .itp-grid-site #itp-hq-dialog .grid-lock{position:fixed;top:2px;right:4px;z-index:9951;background:#322027}
 .itp-grid-site #itp-mobile-hq>nav{box-sizing:border-box;inset:0 auto 0 0;width:var(--hq-rail);flex-direction:column;justify-content:flex-start;overflow-y:auto;border-top:0;border-right:2px solid #ba243b}
 .itp-grid-site #itp-mobile-hq>nav button{flex:0 0 58px;width:100%;background:transparent}
 .itp-grid-site #itp-mobile-hq>nav button[aria-expanded="true"]{background:#a51e33;border-radius:9px}

 .itp-grid-site .masthead,.itp-grid-site header.kids-header{min-height:46px;padding-block:2px}
 .itp-grid-site body:has(.itp-replaced-nav) footer.dock{padding-bottom:0}
}

.itp-grid-site #itp-hq-dialog::backdrop{background:#0009}
.itp-grid-site #itp-hq-dialog img{border-radius:50%}
.itp-grid-site #itp-hq-dialog small{color:#ccc}
.itp-grid-site #itp-hq-dialog button,.itp-grid-site #itp-hq-dialog a{border:0}
.itp-grid-site #itp-mobile-hq>nav svg{display:block;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:699px),(max-width:900px) and (max-height:499px){
 .itp-grid-site body:has(> #itp-mobile-hq){padding-bottom:calc(62px + env(safe-area-inset-bottom))}
 .itp-grid-site footer.dock:has(#itp-mobile-hq){padding-bottom:0}
 .itp-grid-site footer.dock #itp-mobile-hq>nav{position:relative}
 .itp-grid-site body:has(#itp-mobile-hq) #mini:not(.dock #mini){bottom:calc(62px + env(safe-area-inset-bottom))}
 .itp-grid-site body:has(nav.itp-replaced-nav) .masthead{position:sticky;top:0;z-index:30}
 .itp-grid-site body:has(footer.dock #itp-mobile-hq){box-sizing:border-box;height:100dvh;margin-block:0;padding-block:0}
}

@media(max-width:699px),(max-height:499px) and (max-width:1023px){
 .itp-grid-site #itp-mobile-hq>nav{width:100%;max-width:none;right:0}
 .itp-grid-site #itp-mobile-hq>nav button{flex:1 1 0;min-height:48px;padding-inline:2px}
}

html.itp-hq-ready #uvid-home-root .home-mobile-nav{display:none!important}