/* Detail panels respond to their actual width, not only to the browser width. */
dialog.xud-dialog[data-xud-compact="true"] .xud-product-layout{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
dialog.xud-dialog[data-xud-compact="true"] .xud-body{padding:14px 16px!important}
dialog.xud-dialog[data-xud-compact="true"] .xud-main-image,
dialog.xud-dialog[data-xud-compact="true"] .xud-no-image{height:180px!important}
dialog.xud-dialog[data-xud-compact="true"] .xud-footer{flex-wrap:wrap;gap:10px}
dialog.xud-dialog[data-xud-compact="true"] .xud-footer nav{margin-left:auto}
dialog.xud-dialog .xud-metrics span{white-space:nowrap;word-break:normal}
dialog.xud-dialog .xud-metrics strong{white-space:nowrap;word-break:normal;overflow-wrap:normal;font-variant-numeric:tabular-nums}
dialog.xud-dialog[data-xud-compact="true"] .xud-info>.xud-meta{flex-wrap:wrap}