The idea
border-inline and border-block are the flow-relative border shorthands. Like their physical cousins, borders take up real space: under content-box, the element's footprint is inline-size + padding + border. Here the inline border is thicker than the block border.
Physical border-* sides are off-limits — use border-inline and border-block.