/* TJK-Chess v16.0.5 — targeted rebuild fixes. No legacy redesign stack. */

/* Header: slightly more air between main buttons without wasting desktop width. */
@media (min-width:1500px){
  .site-header .site-nav{gap:clamp(12px,1vw,20px)!important}
}
@media (min-width:1221px) and (max-width:1499px){
  .site-header .site-nav{gap:8px!important}
}

/* Analyze is the rightmost dropdown: anchor it to the button's right edge instead
   of centering a 245px menu far to the left of the label. */
@media (min-width:1081px){
  .site-nav-item:has(> [data-open-analysis]) > .site-nav-dropdown{
    left:auto!important;right:0!important;transform:translateY(7px)!important;
  }
  .site-nav-item:has(> [data-open-analysis]):hover > .site-nav-dropdown,
  .site-nav-item:has(> [data-open-analysis]):focus-within > .site-nav-dropdown{
    transform:translateY(0)!important;
  }
}

/* Watch Video: the backdrop layer must not become a grid item. Without this,
   the board is pushed into column 2 and the info panel into a new row. */
.tjk-video-course-v164 .tjk-video-composition.board-focused{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,58%) minmax(0,42%)!important;
  grid-template-rows:1fr!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
.tjk-video-course-v164 .tjk-video-composition.board-focused > .tjk-video-background-layer{
  position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;
}
.tjk-video-course-v164 .tjk-video-composition.board-focused > .tjk-video-board-pane{
  grid-column:1!important;grid-row:1!important;position:relative!important;z-index:2!important;
  width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
  display:grid!important;place-items:center!important;overflow:hidden!important;
}
.tjk-video-course-v164 .tjk-video-composition.board-focused > .tjk-video-presenter-pane.is-info{
  grid-column:2!important;grid-row:1!important;position:relative!important;z-index:2!important;
  width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
  display:grid!important;place-items:center!important;border-left:1px solid rgba(255,255,255,.1)!important;
}
.tjk-video-course-v164 .tjk-video-composition.board-focused .tjk-video-board-frame{
  width:min(88%,680px)!important;height:auto!important;aspect-ratio:1/1!important;max-height:90%!important;
}
.tjk-video-course-v164 .tjk-video-composition.board-focused .tjk-video-info-card{
  width:min(86%,430px)!important;margin:auto!important;text-align:center!important;
}
@media(max-width:760px){
  .tjk-video-course-v164 .tjk-video-composition.board-focused{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;aspect-ratio:auto!important}
  .tjk-video-course-v164 .tjk-video-composition.board-focused > .tjk-video-board-pane{grid-column:1!important;grid-row:1!important;aspect-ratio:1/1!important}
  .tjk-video-course-v164 .tjk-video-composition.board-focused > .tjk-video-presenter-pane.is-info{grid-column:1!important;grid-row:2!important;min-height:220px!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.1)!important}
}

/* Homepage mini boards: explicit rows keep every field square even when piece images load. */
.rebuild-board{grid-template-rows:repeat(8,minmax(0,1fr))!important}
.rebuild-board>span{min-height:0!important;overflow:hidden!important}
.rebuild-board>span>img{display:block!important}