/* Shared by all 4 app-mockup HTML files.
   Each mockup is a 390x842 Figma frame. _common.js (also loaded by
   each file) sets the .x-mini transform via inline style based on
   the iframe's actual rendered width — using CSS calc(100vw / 390)
   doesn't work cross-browser because iOS Safari treats 100vw inside
   iframes as the parent page width, not the iframe width. */
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  width: 100%;
  height: 100%;
  background: #F4EEE2;
  overflow: hidden;
  font-family: 'Figtree', sans-serif;
}
.material-icons, .material-icons-outlined {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  display: inline-block;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
.material-icons-outlined {
  font-family: 'Material Icons Outlined';
}