/* Quiet resize targets sit over existing borders without taking column space. */
.column-divider{display:none}
@media(min-width:921px){
 .layout{position:relative}
 .column-divider:not([hidden]){display:block;position:absolute;top:0;bottom:0;width:12px;transform:translateX(-50%);z-index:10;cursor:col-resize;touch-action:none;outline:0}
 .column-divider:before{content:'';position:absolute;inset:0 5px;background:var(--line);opacity:.5}
 .column-divider:after{content:'';position:absolute;top:46%;left:4px;width:4px;height:30px;border-radius:3px;background:var(--muted);opacity:.3}
 .column-divider:hover:before,.column-divider:focus-visible:before,.columns-resizing .column-divider:active:before{background:var(--blue);opacity:1}
 .column-divider:hover:after,.column-divider:focus-visible:after{background:var(--blue);opacity:1}
 .column-divider:focus-visible{box-shadow:inset 0 0 0 1px var(--blue);background:var(--bluefill)}
 .columns-resizing,.columns-resizing *{cursor:col-resize!important;user-select:none!important}
}
@media(max-width:920px){[data-reset-columns]{display:none!important}}
@media print{.column-divider,[data-reset-columns]{display:none!important}}