/* Compact frame follows the supplied classic reference, with an internal ledger. */
@media(max-width:600px){
 body.experience-body,body.collection-body,body.wallet-body{height:var(--pp-vh,100dvh)!important;display:flex!important;align-items:center!important;justify-content:center!important}
 body.experience-body:not(.is-embedded)>#sampleRoot,body.collection-body>#collectionRoot,body.wallet-body>#walletRoot{height:min(var(--pp-vh,100dvh),195vw)!important;max-height:100%!important;max-width:100%!important;width:100%!important;flex:0 0 auto!important}
 #sampleRoot .experience-app>div:first-child{max-height:32%!important}
 #sampleRoot .exp-ledger-wrap{overflow:auto!important}
 #sampleRoot .records{min-height:110px!important}
 #collectionRoot>.c-showcase{max-height:30%!important}
 .experience-app.exp-7 .condition-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important}
 .experience-app.exp-7 .step-tile{display:grid!important;grid-template-columns:21px minmax(0,1fr)!important;grid-template-rows:auto auto!important;min-height:44px!important;gap:1px 6px!important;padding:5px 7px!important}
 .experience-app.exp-7 .step-badge{grid-row:1/3;align-self:center}
 .experience-app.exp-7 .step-tile>small{grid-column:2;text-align:left}
 .experience-app .record-row.classic-row{min-height:54px!important;padding:7px 0!important}
 .record-bank,.c-record-name{min-width:0}.row-money,.c-money{flex-shrink:0}
}
@media(max-width:360px){.filter-tools{gap:4px!important}.filter-tools select{max-width:105px!important}.record-bank strong{overflow-wrap:anywhere}}