[ui-section=multicolumn]{
  display:grid;
  grid-gap:var(--spacing-12);
  gap:var(--spacing-12);
}
[ui-section=multicolumn] .head{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
[ui-section=multicolumn] .head .title{
  font:var(--font-title-md);
}
[ui-section=multicolumn] .list{
  display:flex;
  flex-direction:column;
  gap:var(--spacing-12);
}
[ui-section=multicolumn] .list .column-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:var(--spacing-8);
  transition:var(--transition-standard-fast-spatial);
  transition-property:transform, box-shadow;
  border:1px solid var(--color-primary);
  border-radius:var(--radius-section);
  box-shadow:3px 3px 0 var(--color-primary);
  gap:var(--spacing-12);
}
[ui-section=multicolumn] .list .column-item .media{
  display:flex;
  align-items:center;
  justify-content:center;
  width:60px;
  height:auto;
  overflow:hidden;
}
[ui-section=multicolumn] .list .column-item .media[data-aspect-ratio=square]{
  aspect-ratio:1/1;
}
[ui-section=multicolumn] .list .column-item .media[data-aspect-ratio=portrait]{
  aspect-ratio:3/4;
}
[ui-section=multicolumn] .list .column-item .media[data-aspect-ratio=landscape]{
  width:85px;
  aspect-ratio:16/9;
}
[ui-section=multicolumn] .list .column-item .info{
  display:flex;
  flex:1;
  flex-direction:column;
}
[ui-section=multicolumn] .list .column-item .info .heading{
  overflow:hidden;
  font:var(--font-title-md);
  text-overflow:ellipsis;
  white-space:nowrap;
}
[ui-section=multicolumn] .list a.column-item:hover{
  transform:translate(2px, 2px);
  box-shadow:1.5px 1.5px 0 var(--color-primary);
}
[ui-section=multicolumn] ui-empty{
  padding:var(--spacing-12);
}


/* Trove Hub V7.6.4 — compact trust benefits */
@media(max-width:769px){
 [ui-section=multicolumn] .list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
 [ui-section=multicolumn] .list .column-item{height:100%;flex-direction:column!important;justify-content:flex-start!important;text-align:center;padding:10px 8px!important;gap:7px!important;border:0!important;box-shadow:none!important;background:var(--color-surface-container);border-radius:12px!important}
 [ui-section=multicolumn] .list .column-item .media,[ui-section=multicolumn] .list .column-item .media[data-aspect-ratio]{width:64px!important;height:64px!important;flex-basis:64px!important}
 [ui-section=multicolumn] .list .column-item .info{align-items:center;gap:3px}
 [ui-section=multicolumn] .list .column-item .info .heading{font-size:13px!important;line-height:1.2!important;white-space:normal!important}
 [ui-section=multicolumn] .list .column-item .info .description{font-size:11px!important;line-height:1.35!important;color:var(--color-on-surface-variant)}
}

/* Trove Hub V7.6.4.2 — mobile 2x2 trust grid */
@media(max-width:769px){
  [ui-section=multicolumn]{gap:10px!important}
  [ui-section=multicolumn] .list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:10px!important;
    align-items:stretch!important;
  }
  [ui-section=multicolumn] .list>li{
    min-width:0!important;
    display:flex!important;
  }
  [ui-section=multicolumn] .list>li>.column-item{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:center!important;
    text-align:center!important;
    padding:10px 7px!important;
    gap:6px!important;
    border:0!important;
    box-shadow:none!important;
    background:var(--color-surface-container)!important;
    border-radius:12px!important;
  }
  [ui-section=multicolumn] .list .column-item .media,
  [ui-section=multicolumn] .list .column-item .media[data-aspect-ratio]{
    width:60px!important;
    height:60px!important;
    flex:0 0 60px!important;
  }
  [ui-section=multicolumn] .list .column-item .media img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }
  [ui-section=multicolumn] .list .column-item .info{
    width:100%!important;
    align-items:center!important;
    gap:3px!important;
  }
  [ui-section=multicolumn] .list .column-item .info .heading{
    font-size:13px!important;
    line-height:1.2!important;
    white-space:normal!important;
    text-overflow:clip!important;
  }
  [ui-section=multicolumn] .list .column-item .info .description{
    margin:0!important;
    max-width:150px!important;
    font-size:11px!important;
    line-height:1.3!important;
  }
}