/* Base rules for app pages, kept from the retired Bootstrap 4 / Inktrap sheet (inktrap-legacy.css).
   Loaded after preflight.css and before tailwind.css on pages that use the default stylesheet set, and
   only there: the sales site, brochure and entrypoint landing pages never had them. Every other rule in
   the retired sheet was shown to have no effect on any page, because it duplicated preflight or matched
   nothing. These are the ones that still shape the layout: the 14px root font size and the flex column
   on html, #js-app and main, the paragraph, heading and list margins, inline-block labels, underlined
   link hover, and the print rules. Kept verbatim and in their original order. */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}
img {
  vertical-align: middle;
  border-style: none;
}
label {
  display: inline-block;
}
input[type=date],
input[type=time],
input[type=month] {
  -webkit-appearance: listbox;
}
html {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}
body,
button,
input,
*:before,
*:after {
  -webkit-font-feature-settings: "kern", "liga", "pnum";
          font-feature-settings: "kern", "liga", "pnum";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#app,
#js-app,
main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#js-app {
  min-height: 100vh;
}

@media print {
  *,
*::before,
*::after {
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }

  a {
    text-decoration: underline;
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }

  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }

}
@media print {
  p {
    page-break-inside: avoid;
  }

  html,
body {
    height: 297mm;
    background-color: white;
  }
}