/* Width preferences apply to the desktop grid; mobile cards keep their layout. */
.media-columns-enabled .media-table-head,
.media-columns-enabled .media-row { min-width: var(--media-table-width); }
.media-columns-enabled .media-table-head > button,
.media-columns-enabled .media-table-head > span:not(:first-child) { position: relative; overflow: visible; }
.media-columns-enabled .media-column-title { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 !important; padding-right: 5px; }
.media-columns-enabled .media-column-resize { position: absolute; top: 0; bottom: 0; right: -6px; width: 12px; min-height: 30px; margin: 0; transform: translateY(calc((1em - 30px) / 2)); cursor: col-resize; touch-action: none; z-index: 3; }
.media-column-resize::after { content: ''; position: absolute; top: 5px; bottom: 5px; left: 6px; border-left: 1px solid #c8d5de; }
.media-column-resize:hover::after, .media-column-resize:focus-visible::after { border-left: 3px solid #ef0645; }
.media-column-resize:focus-visible { outline: 2px solid #0a526d; outline-offset: 1px; }
html.media-columns-dragging, html.media-columns-dragging * { cursor: col-resize !important; user-select: none !important; }