/* Only browsers without Flexbox gap use these margins. Grid layouts retain
   their native gaps, including the mobile favorites/sort row. */
html.no-flex-gap .top-inner > :not(:last-child),
html.no-flex-gap .topin > :not(:last-child){margin-right:20px}
html.no-flex-gap .top-inner .brand-copy{min-width:0;flex:1 1 0%}
html.no-flex-gap .top-inner .brand-copy strong{max-width:100%;overflow:hidden;text-overflow:ellipsis}
html.no-flex-gap .topin .logo,html.no-flex-gap .topin > .brand{flex-shrink:0}
html.no-flex-gap .tabs > :not(:last-child),
html.no-flex-gap .nav > :not(:last-child),
html.no-flex-gap .topnav > :not(:last-child),
html.no-flex-gap .header-actions > :not(:last-child){margin-right:8px}
html.no-flex-gap .global-auth > :not(:last-child),
html.no-flex-gap .global-role-nav > :not(:last-child){margin-right:7px}
html.no-flex-gap .language-flag{margin-right:5px}
html.no-flex-gap .account-menu-row > :not(:last-child),
html.no-flex-gap .global-account-row > :not(:last-child){margin-right:6px}
html.no-flex-gap .account-menu-footer > [data-account-logout]{margin-right:8px!important}
html.no-flex-gap .theme-choices > :not(:last-child){margin-right:5px}

/* Wrapped links have spacing between rows as well as columns. No negative
   container margins: phone gutters and click targets stay inside the page. */
html.no-flex-gap .catalog-pagination > *,
html.no-flex-gap .collection-links > *{margin:0 8px 8px 0;max-width:calc(100% - 8px)}
html.no-flex-gap .catalog-pagination > :last-child,
html.no-flex-gap .collection-links > :last-child{margin-right:0}
html.no-flex-gap .collection-links a{white-space:normal;overflow-wrap:break-word}
html.no-flex-gap .footlinks > *{margin:0 10px 10px 0}
html.no-flex-gap .site-footer > *{margin:0 18px 10px 0}
html.no-flex-gap .footlinks > :last-child,
html.no-flex-gap .site-footer > :last-child{margin-right:0}

html.no-flex-gap .results > .row > :not(:last-child){margin-right:8px}
html.no-flex-gap .results > .row > .catalog-title{margin-right:8px!important}
html.no-flex-gap .catalog-title .result-count{margin-left:7px}
html.no-flex-gap .catalog-controls > :not(:last-child){margin-right:6px}
html.no-flex-gap .favorites-summary > :not(:last-child){margin-right:7px}
html.no-flex-gap .favorites-actions > :not(:last-child){margin-right:8px}
html.no-flex-gap .home-filter-head > svg{margin-right:9px}
html.no-flex-gap .home-filter-actions > :not(:last-child){margin-right:16px}
html.no-flex-gap .home-filter-more > svg{margin-left:7px}
html.no-flex-gap .chips > *{margin:0 7px 7px 0;max-width:calc(100% - 7px)}
html.no-flex-gap .creator-chips > *{margin:0 8px 8px 0;max-width:calc(100% - 8px)}
html.no-flex-gap .filter-status > :not(:last-child),
html.no-flex-gap .selection-bar > :not(:last-child){margin-right:8px;margin-bottom:6px}

html.no-flex-gap .track-name-with-reference > :not(:last-child){margin-right:10px}
html.no-flex-gap .track-card-title > :not(:last-child){margin-right:9px}
html.no-flex-gap .track-title > :not(:last-child){margin-right:10px}
html.no-flex-gap .track-seek-row > :not(:last-child){margin-right:8px}
html.no-flex-gap body[data-admin] .track > :not(:last-child){margin-bottom:6px}
html.no-flex-gap .side > :not(:last-child){margin-bottom:8px}
html.no-flex-gap .track-card-stats > :not(:last-child){margin-right:11px}
html.no-flex-gap .track-card-stat > svg,html.no-flex-gap .track-fragment-note > svg{margin-right:4px}
html.no-flex-gap .now-row > :not(:last-child),
html.no-flex-gap .creator-page .header-track-row > :not(:last-child){margin-right:7px}
html.no-flex-gap .head-stats > :not(:last-child){margin-right:15px}
html.no-flex-gap .head-stats > span > svg{margin-right:5px}
html.no-flex-gap .timeline-top > :not(:last-child){margin-right:16px}
html.no-flex-gap .section-head > :not(:last-child),
html.no-flex-gap .heading > :not(:last-child){margin-right:18px}
html.no-flex-gap .back > .back-icon{margin-right:8px}

/* Author, upload and admin controls use the same fallback after insertion. */
html.no-flex-gap .auth-links > :not(:last-child),
html.no-flex-gap .dialog-actions > :not(:last-child){margin-right:8px}
html.no-flex-gap .track-actions > *,html.no-flex-gap .track-stats > *{margin-right:14px;margin-bottom:8px}
html.no-flex-gap .workflow-actions > *,html.no-flex-gap .clip-actions > *,
html.no-flex-gap .file-actions > *,html.no-flex-gap .save-row > *,
html.no-flex-gap .creator-moderation-actions > *,html.no-flex-gap .admin-actions > *,
html.no-flex-gap .ai-summary > *,html.no-flex-gap .ai-job-result > *,
html.no-flex-gap .seo-admin-actions > *{margin-right:8px;margin-bottom:8px}
html.no-flex-gap .workflow-head > :not(:last-child),
html.no-flex-gap .creator-moderation-head > :not(:last-child),
html.no-flex-gap .creator-markup-player > :not(:last-child){margin-right:12px}
html.no-flex-gap .creator-fragment-finish > :not(:last-child){margin-right:12px;margin-bottom:8px}
html.no-flex-gap .clip-fragment-head > :not(:last-child),
html.no-flex-gap .clip-overview-head > :not(:last-child),
html.no-flex-gap .upload-preview > :not(:last-child){margin-right:10px}
html.no-flex-gap .seo-dialog-head > :not(:last-child),
html.no-flex-gap .avatar-row > :not(:last-child){margin-right:16px}
html.no-flex-gap .name-edit > :not(:last-child),
html.no-flex-gap .value-chip > :not(:last-child){margin-right:8px}
html.no-flex-gap .name-field > :not(:last-child){margin-right:3px}
html.no-flex-gap .file-picker > svg,html.no-flex-gap .agree > input{margin-right:10px}
html.no-flex-gap .seo-button::before{margin-right:7px}
html.no-flex-gap .editor-loading-label > :not(:last-child),
html.no-flex-gap .creator-param-loading > :not(:last-child){margin-right:8px}
html.no-flex-gap .skeleton-controls > :not(:last-child){margin-right:10px}

@media(max-width:980px){
  html.no-flex-gap .top-inner > :not(:last-child){margin-right:8px}
}
@media(max-width:760px){
  html.no-flex-gap .topin > :not(:last-child){margin-right:10px}
}
@media(max-width:850px){
  html.no-flex-gap .creator-page .side-nav > :not(:last-child){margin-right:6px}
}
@media(max-width:620px){
  html.no-flex-gap .top-inner > :not(:last-child){margin-right:6px}
  html.no-flex-gap .tabs > :not(:last-child),
  html.no-flex-gap .header-actions > :not(:last-child){margin-right:4px}
  html.no-flex-gap .topin > .logo,html.no-flex-gap .seo-page .topin > .brand{width:150px;flex-basis:150px;min-width:0;background-size:270px 105px}
  html.no-flex-gap .nav,html.no-flex-gap .topnav{min-width:0;flex-wrap:wrap;justify-content:flex-end}
  html.no-flex-gap .nav > :not(:last-child),html.no-flex-gap .topnav > :not(:last-child){margin-right:6px}
  html.no-flex-gap .catalog-pagination > *,html.no-flex-gap .collection-links > *{margin-right:6px;margin-bottom:6px}
}
@media(max-width:600px){
  html.no-flex-gap .ai-job > .admin-actions > *{margin:0}
  html.no-flex-gap .clip-fragment-head > b{margin-right:0;margin-bottom:8px}
}
@media(max-width:560px){
  html.no-flex-gap .creator-page .heading > :not(:last-child){margin-right:0;margin-bottom:18px}
  html.no-flex-gap .creator-markup-player > :not(:last-child){margin-right:0;margin-bottom:12px}
  html.no-flex-gap .seo-dialog-head > :not(:last-child){margin-right:0}
  html.no-flex-gap .favorites-summary > :not(:last-child){margin-right:4px}
  html.no-flex-gap .favorites-actions > :not(:last-child){margin-right:3px}
  html.no-flex-gap .upload-preview > :not(:last-child),
  html.no-flex-gap .creator-fragment-finish > :not(:last-child){margin-right:0;margin-bottom:10px}
  html.no-flex-gap .seo-dialog .dialog-actions > :not(:last-child){margin-right:0;margin-top:8px}
}
@media(max-width:480px){
  html.no-flex-gap .results > .row > .catalog-title{margin-right:0!important;margin-bottom:8px}
  html.no-flex-gap .catalog-controls > :not(:last-child){margin-right:0}
  html.no-flex-gap .top-inner > :not(:last-child){margin-right:5px}
  html.no-flex-gap .top-inner .brand-copy strong{font-size:17px}
  html.no-flex-gap .track-name-with-reference > :not(:last-child),
  html.no-flex-gap .track-card-title > :not(:last-child){margin-right:8px}
}
@media(max-width:380px){
  html.no-flex-gap .topin > .logo,html.no-flex-gap .seo-page .topin > .brand{width:116px;flex-basis:116px;background-size:216px 84px}
  html.no-flex-gap .topin > :not(:last-child){margin-right:8px}
  html.no-flex-gap .nav > a,html.no-flex-gap .topnav > a{padding-left:8px;padding-right:8px}
  html.no-flex-gap .home-filter-actions > :not(:last-child){margin-right:10px}
}