/* Original LeisureOS type family — only Menu Studio and its simulated phone.
   The pre-template customer page uses DM Sans for UI and Playfair Display for
   the hero. Template options change layouts, not the branded type family. */
#appShell #menu #lo3-studio,
#appShell #menu #lo3-studio :is(button,input,textarea,select) {
  font-family:"DM Sans",system-ui,-apple-system,sans-serif!important;
}
#appShell #menu #lo3-studio .lo3-phone,
#appShell #menu #lo3-studio .lo3-phone :is(
  button,input,small,strong,p,span,div,article
) {
  font-family:"DM Sans",system-ui,-apple-system,sans-serif!important;
}
#appShell #menu #lo3-studio .lo3-phone .lo3-hero-title,
#appShell #menu #lo3-studio .lo3-phone[data-template] .lo3-hero-title {
  font-family:"Playfair Display",Georgia,serif!important;
}
#appShell #menu #lo3-studio .lo3-phone .lo3-hero-title {
  font-weight:700!important;
}
#appShell #menu #lo3-studio .lo3-phone .lo3-menu-title,
#appShell #menu #lo3-studio .lo3-phone[data-template] .lo3-menu-title,
#appShell #menu #lo3-studio .lo3-phone[data-template] .lo3-product-details strong {
  font-family:"DM Sans",system-ui,-apple-system,sans-serif!important;
}
/* The expanded preview is outside #appShell, but shares the original fonts. */
.lo3-expanded .lo3-phone,
.lo3-expanded .lo3-phone :is(button,input,small,strong,p,span,div,article){
  font-family:"DM Sans",system-ui,-apple-system,sans-serif!important;
}
.lo3-expanded .lo3-phone .lo3-hero-title{
  font-family:"Playfair Display",Georgia,serif!important;
  font-weight:700!important;
}
.lo3-expanded .lo3-phone .lo3-menu-title,
.lo3-expanded .lo3-phone .lo3-product-details strong{
  font-family:"DM Sans",system-ui,-apple-system,sans-serif!important;
}