/* Shared content layout. Navigation appearance is deliberately scoped out. */
body:is(.storefront,.workspace) main :is(.account-content,.finance-card,.record-page-intro>div,.finance-heading>div){min-width:0}
body:is(.storefront,.workspace) main .finance-card dl:has(>div){display:block}
body:is(.storefront,.workspace) main dl>div{min-width:0}
body:is(.storefront,.workspace) main .finance-card dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px}
body:is(.storefront,.workspace) main .finance-card dd{min-width:0;white-space:normal;overflow-wrap:anywhere}
.admin.workspace main .record-person{min-width:0}
.admin.workspace main :is(.record-person a,.record-person small,.record-primary-link){white-space:normal;overflow-wrap:anywhere}
.admin.workspace main .record-person>div{max-width:100%}
.admin.workspace main .record-page-intro{flex-wrap:wrap}
.admin.workspace main :is(.record-secondary,.finance-actions>a){display:inline-flex;align-items:center;justify-content:center;gap:8px}
.admin.workspace main :is(.record-secondary,.finance-actions>a) svg{flex-shrink:0}
body:is(.storefront,.workspace) main :is(input,textarea,select){scroll-margin-block:100px 30px}
body:is(.storefront,.workspace) main :is(h1,h2,h3,section[id]){scroll-margin-top:100px}
@media(max-width:600px){
  body:is(.storefront,.workspace) main .finance-card dl>div{gap:12px}
  .admin.workspace main .record-page-intro{align-items:flex-start}
}