/* Examine the Past: universal nav, jukebox and footer parity. 2026-11-04 */
@media(max-width:759px){
 #etpSiteHeader .etp-header-inner{display:flex!important;align-items:center!important;justify-content:flex-end!important;width:100%!important;max-width:none!important;position:relative!important;padding:0 10px!important;overflow:visible!important}
 #etpSiteHeader .etp-mobile-toggle{order:99!important;flex:0 0 42px!important;display:flex!important;margin:2px 0 2px auto!important;align-self:center!important}
 #etpSiteHeader .etp-icon-nav{display:none!important}
 #etpSiteHeader .etp-mobile-panel{position:absolute!important;top:100%!important;right:0!important;left:auto!important;width:min(390px,100vw)!important;max-width:100vw!important;max-height:calc(100dvh - 46px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;display:block!important;padding:10px 12px 14px!important;background:linear-gradient(#101510,#040704)!important;border:1px solid #94ff5347!important;border-radius:0 0 12px 12px!important;box-shadow:0 18px 35px #000d!important}
 #etpSiteHeader .etp-mobile-panel[hidden]{display:none!important}
 #etpSiteHeader .etp-mobile-heading{margin:10px 7px 6px!important;color:#94ff53!important;font:700 12px Georgia,serif!important;letter-spacing:.06em!important}
 #etpSiteHeader .etp-mobile-list{display:flex!important;flex-direction:column!important;gap:1px!important}
 #etpSiteHeader .etp-mobile-list>a,#etpSiteHeader .etp-mobile-list>button,#etpSiteHeader .etp-mobile-bottom>button,#etpSiteHeader .etp-mobile-install>button{
  box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:12px!important;width:100%!important;min-height:38px!important;padding:7px 10px!important;
  border:0!important;border-radius:7px!important;background:transparent!important;color:#f7f7f2!important;
  font:normal 13px/1.3 Georgia,serif!important;text-align:left!important;text-decoration:none!important;
  box-shadow:none!important;cursor:pointer!important;
 }
 #etpSiteHeader .etp-mobile-list>a span,#etpSiteHeader .etp-mobile-list>button span,#etpSiteHeader .etp-mobile-bottom>button span,#etpSiteHeader .etp-mobile-install>button span{
  flex:0 0 26px!important;width:26px!important;font-size:17px!important;text-align:center!important;
 }
 #etpSiteHeader .etp-mobile-list b,#etpSiteHeader .etp-mobile-bottom b,#etpSiteHeader .etp-mobile-install b{
  font:700 13px/1.3 Georgia,serif!important;color:inherit!important;white-space:normal!important;
 }
 #etpSiteHeader .etp-mobile-list>a:hover,#etpSiteHeader .etp-mobile-list>button:hover,#etpSiteHeader .etp-mobile-list>a:focus-visible,#etpSiteHeader .etp-mobile-list>button:focus-visible{background:#94ff5312!important;color:#fff200!important}
 #etpSiteHeader .etp-mobile-install{border-bottom:1px solid #94ff5333!important;padding-bottom:6px!important}
 #etpSiteHeader .etp-mobile-install button{color:#fff200!important}
 #etpSiteHeader .etp-mobile-bottom{border-top:1px solid #94ff5333!important;margin-top:8px!important;padding-top:8px!important}
 #etpSiteHeader .etp-mobile-bottom button{color:#caffaa!important}
}
@media(min-width:760px){
 #etpSiteHeader .etp-mobile-toggle{display:none!important}
 #etpSiteHeader .etp-mobile-panel{display:none!important}
 #etpSiteHeader .etp-header-inner{justify-content:center!important}
}
/* One compact community row. Uniform button diameter + no cropped brand marks. */
#etpSiteFooter .etp-community,
#etpSiteFooter .etp-community-logos,
footer .footer-social{display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(3px,.7vw,8px)!important;flex-wrap:nowrap!important}
#etpSiteFooter .etp-community a,
#etpSiteFooter .etp-community-logos a,
footer .footer-social a{
 box-sizing:border-box!important;flex:0 0 clamp(24px,3.4vw,32px)!important;
 width:clamp(24px,3.4vw,32px)!important;height:clamp(24px,3.4vw,32px)!important;
 display:grid!important;place-items:center!important;padding:2px!important;margin:0!important;
 border-radius:50%!important;background:#090909!important;border:1px solid rgba(255,255,255,.16)!important;overflow:hidden!important;
}
#etpSiteFooter .etp-community img,#etpSiteFooter .etp-community-logos img,
footer .footer-social img{
 box-sizing:border-box!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
 padding:2px!important;object-fit:contain!important;object-position:center!important;
}
#etpSiteFooter .etp-community a:hover,footer .footer-social a:hover{
 border-color:#fff200!important;box-shadow:0 0 11px #fff20070!important;transform:translateY(-2px)!important;
}
#etpSiteFooter .etp-community a[title="Zazzle"],footer .footer-social a[aria-label="Zazzle"]{
 border-color:rgba(255,242,0,.9)!important;box-shadow:0 0 7px rgba(255,242,0,.5)!important;
}
@media(max-width:480px){
 #etpSiteFooter .etp-community-wrap{padding-left:5px!important;padding-right:5px!important}
 #etpSiteFooter .etp-community,footer .footer-social{gap:3px!important}
 #etpSiteFooter .etp-community a,#etpSiteFooter .etp-community-logos a,footer .footer-social a{
  flex-basis:clamp(20px,8vw,27px)!important;width:clamp(20px,8vw,27px)!important;height:clamp(20px,8vw,27px)!important
 }
}
/* Reuse the home jukebox layout on every inner page. */
.etp-jukebox-card{width:min(980px,96vw)!important}
.etp-jukebox-player-shell{padding:14px;border-radius:18px;border:1px solid rgba(255,242,0,.16);background:linear-gradient(145deg,#17150a,#070805 58%,#111723);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 46px rgba(0,0,0,.38)}
.etp-genre-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.etp-track-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:270px;overflow:auto}
@media(max-width:600px){.etp-genre-grid{grid-template-columns:1fr 1fr!important}.etp-track-list{grid-template-columns:1fr;max-height:300px}}

/* Static footers on Timeline and legacy pages use more specific wrappers. */
footer .footer-master-wrap .footer-social,
footer.final-etp-footer .footer-social{display:flex!important;flex-wrap:nowrap!important;gap:clamp(3px,.6vw,7px)!important;justify-content:center!important}
footer .footer-master-wrap .footer-social a,
footer.final-etp-footer .footer-social a{
 box-sizing:border-box!important;display:grid!important;place-items:center!important;
 flex:0 0 clamp(24px,3.4vw,32px)!important;width:clamp(24px,3.4vw,32px)!important;
 height:clamp(24px,3.4vw,32px)!important;padding:2px!important;margin:0!important;
 border-radius:50%!important;background:#090909!important;border:1px solid #ffffff29!important;
}
footer .footer-master-wrap .footer-social a img,
footer.final-etp-footer .footer-social a img{
 width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
 padding:2px!important;object-fit:contain!important;border-radius:50%!important;
}
footer .footer-master-wrap .footer-social a[aria-label="Zazzle"],
footer.final-etp-footer .footer-social a[aria-label="Zazzle"],
footer a.community-dot.z-dot{
 border-color:#fff200!important;color:#fff200!important;box-shadow:0 0 8px #fff20078!important;
}
@media(max-width:480px){
 footer .footer-master-wrap .footer-social a,footer.final-etp-footer .footer-social a{
  flex-basis:clamp(20px,7.7vw,27px)!important;
  width:clamp(20px,7.7vw,27px)!important;height:clamp(20px,7.7vw,27px)!important;
 }
}