/* Shared identity and breadcrumbs across the app, courses, and reference pages. */
.jgt-header{
  min-height:64px;
  align-items:center;
  gap:18px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(20,19,18,.42),rgba(12,11,10,0));
}
.jgt-header .jgt-brand{
  display:inline-flex;
  flex:none;
  align-items:center;
  gap:10px;
  color:var(--ink);
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
}
.jgt-header .jgt-mark{
  width:34px;
  height:38px;
  flex:none;
  filter:drop-shadow(0 7px 10px rgba(0,0,0,.3));
}
.jgt-header .jgt-lockup{
  display:flex;
  flex-direction:column;
  gap:2px;
  transform:translateY(1px);
}
.jgt-header .jgt-lockup small{
  color:#c889dc;
  font:700 .76rem/1 Inter,system-ui,sans-serif;
  letter-spacing:.24em;
  text-transform:uppercase;
}
.jgt-header .jgt-lockup strong{
  color:var(--ink);
  font:600 1.17rem/1 Inter,system-ui,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.jgt-header .jgt-brand:hover .jgt-lockup strong{ color:#fff; }
.jgt-breadcrumbs{
  display:flex;
  min-width:0;
  align-items:center;
  gap:8px;
  color:var(--muted2);
  font:600 12px/1.25 Inter,system-ui,sans-serif;
  letter-spacing:.06em;
}
.jgt-breadcrumbs a{
  overflow:hidden;
  color:var(--muted);
  text-decoration:none;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.jgt-breadcrumbs a:hover{ color:var(--a); }
.jgt-breadcrumbs .jgt-separator{
  flex:none;
  color:var(--line2);
  font-size:15px;
  font-weight:400;
  line-height:1;
}
.jgt-breadcrumbs [aria-current="page"]{
  overflow:hidden;
  color:var(--ink);
  text-overflow:ellipsis;
  white-space:nowrap;
}

@media (max-width:640px){
  .jgt-header{ min-height:56px; gap:11px; }
  body.in-course .jgt-header{ display:flex; grid-template-columns:none; overflow:hidden; }
  body.in-course .jgt-header .jgt-breadcrumbs{ display:flex; flex:1 1 auto; }
  body.in-course .jgt-header .views{ flex:none; }
  .jgt-header .jgt-brand{ gap:7px; }
  .jgt-header .jgt-mark{ width:28px; height:31px; }
  .jgt-header .jgt-lockup small{ font-size:.61rem; }
  .jgt-header .jgt-lockup strong{ font-size:.91rem; letter-spacing:.09em; }
  .jgt-breadcrumbs{ gap:5px; font-size:11px; letter-spacing:.035em; }
  .jgt-breadcrumbs .jgt-separator{ font-size:13px; }
}

@media (max-width:430px){
  .jgt-header .jgt-lockup{ display:none; }
}