/* Official full wordmark on Home. Other modules use their functional title. */

body[data-app-page] .app-header:not(.chrome-head),
body[data-app-page="home"] .masthead{
  display:grid;grid-template-columns:minmax(0,1fr) auto auto;
  grid-template-rows:44px;gap:0 8px;align-items:center;box-sizing:border-box;
}
body[data-app-page="home"] .chrome-head{
  display:block;padding-bottom:28px;
  background:linear-gradient(180deg,#0009 0%,#0004 60%,transparent 100%);
}
body[data-app-page="home"] .masthead,
body[data-app-page="discover"] .brandline.discover-shell-brand{
  height:var(--app-header-height);padding:6px 0;gap:0 8px;
}
body[data-app-page="profile"] .profile-topbar,
body[data-app-page="tv"] #topbar{
  height:calc(var(--app-header-height) + env(safe-area-inset-top,0px));
  padding-top:calc(6px + env(safe-area-inset-top,0px));padding-bottom:6px;
}
body[data-app-page="home"] .masthead .app-brand{
  grid-column:1;grid-row:1;justify-self:start;align-self:center;
  position:static;display:flex;align-items:center;justify-content:flex-start;
  width:115px;min-width:0;height:44px;min-height:44px;flex:none;
  padding:0;margin:0;border:0;border-radius:4px;overflow:visible;
  background:transparent;box-shadow:none;transform:none;text-decoration:none;
  pointer-events:auto;touch-action:manipulation;
}
body[data-app-page="home"] .masthead .app-brand img{
  display:block;position:static;inset:auto;transform:none;
  width:115px;height:auto;max-width:100%;max-height:none;object-fit:contain;filter:none;
}
body[data-app-page] .app-header .app-page-name{
  grid-column:1;grid-row:1;min-width:0;margin:0;
  font:650 24px/1.1 var(--app-font);letter-spacing:-.75px;
}
body[data-app-page] .app-header>.app-language,
body[data-app-page="home"] .masthead>.app-language{grid-row:1;grid-column:3;margin:0}
body[data-app-page="discover"] .discover-search-trigger{grid-row:1;grid-column:3;min-width:44px;width:44px;height:44px}
body[data-app-page="discover"] .app-header>.app-language{grid-column:2}
body[data-app-page="profile"] .profile-top-actions{grid-row:1;grid-column:2 / -1;gap:4px}
body[data-app-page="profile"] .profile-topbar .app-page-name{display:flex;align-items:baseline;font-size:22px;letter-spacing:-.6px}
body[data-app-page="profile"] #profile-header-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-app-page="profile"] .profile-topbar .app-page-dot{flex:none}
body[data-app-page="profile"] .profile-library-title{margin:0 0 5px;font:650 24px/1.15 var(--app-font);letter-spacing:-.8px}
body[data-app-page] .app-header .app-brand:focus-visible{outline:2px solid #fff;outline-offset:4px}
body[data-app-page="home"] .end-content .spacejam-end-logo{width:180px;height:auto}
body[data-app-page="home"] .app-edition-end{margin:0 0 6px;color:#aaa;font:600 11px/1.4 var(--app-font);letter-spacing:.14em}
body[data-app-page="profile"] .spacejam-publisher-link{
  display:block;width:fit-content;margin:32px auto 0;padding:12px;
  color:#a3a3aa;text-decoration:none;font:500 11px/1.5 var(--app-font);
}
body[data-app-page="profile"] .spacejam-publisher-link:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:4px}
@media(max-width:360px){
  body[data-app-page] .app-header .app-page-name{font-size:22px}
  body[data-app-page="profile"] .profile-topbar .app-page-name{font-size:20px}
}