/* Final viewport-access contract for installed/browser D&D windows.
   Existing dnd-responsive.css remains authoritative for <=900px composition. */

.hank-gate-inner > .hank-logo {
  width: min(1090px, calc(100% - (2 * var(--dnd-page-gutter))));
  max-width: calc(100% - (2 * var(--dnd-page-gutter)));
  margin-inline: auto;
  transform: none;
}

.hank-gate-inner > .hank-logo img {
  width: 100%;
  max-width: 100%;
}

/* The historical desktop character grid needs at least 1224px before margins.
   Fluidize only the intermediate desktop band that previously clipped Inventory;
   the <=900px tablet/phone reflow in dnd-responsive.css is deliberately untouched. */
@media (min-width: 901px) and (max-width: 1400px) {
  .character-page-v5 {
    width: calc(100% - (2 * var(--dnd-page-gutter)));
    max-width: var(--dnd-content-max);
    margin-inline: auto;
    grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
  }

  .character-page-v5 > *,
  .character-sheet-body-v5 > *,
  .character-right-column-v4 > *,
  .character-right-lower-grid,
  .equipment-box {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  .character-sheet-body-v5 {
    grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
  }

  .character-inventory-compact-row > * {
    min-width: 0;
    max-width: 100%;
  }
}