/* Customer-only adaptation of shadcn/typeset's scoped prose pattern.
   https://ui.shadcn.com/docs/typeset
   Deliberately opt-in: never apply Typeset to navigation, tank gauges,
   data tables, forms, action buttons, admin, or public marketing pages.
   No Tailwind or React runtime needed for MyStationHub's HTML pages. */
.typeset {
  --typeset-font-body: var(--msh-interface-font, Inter, "Segoe UI", Arial, sans-serif);
  --typeset-font-heading: var(--msh-heading-font, Inter, "Segoe UI", Arial, sans-serif);
  --typeset-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --typeset-size: 15px;
  --typeset-leading: 1.65;
  --typeset-flow: 1.15em;
  min-width: 0;
  font-family: var(--typeset-font-body);
  font-size: var(--typeset-size);
  line-height: var(--typeset-leading);
}
.typeset-msh-customer {
  --typeset-size: 15px;
  --typeset-leading: 1.65;
  --typeset-flow: 1.15em;
}
.typeset-msh-compact {
  --typeset-size: 14px;
  --typeset-leading: 1.6;
  --typeset-flow: 1em;
}
/* :where() keeps specificity low so pre-existing customer page design wins.
   No heading or control sizes, button states, card grids, or form geometry
   are changed by this prose layer. */
.typeset :where(h1,h2,h3,h4,h5,h6):not(:where(.not-typeset *,[data-not-typeset] *)) {
  font-family: var(--typeset-font-heading);
  line-height: 1.25;
  text-wrap: balance;
}
.typeset :where(p,blockquote,li,dd):not(:where(.not-typeset *,[data-not-typeset] *)) {
  line-height: var(--typeset-leading);
  overflow-wrap: break-word;
}
.typeset :where(p):not(:where(.not-typeset *,[data-not-typeset] *)) {
  text-wrap: pretty;
}
.typeset :where(h1 + p,h2 + p,h3 + p,p + p,blockquote + p):not(:where(.not-typeset *,[data-not-typeset] *)) {
  margin-block-start: var(--typeset-flow);
}
.typeset :where(code):not(:where(.not-typeset *,[data-not-typeset] *)) {
  font-family: var(--typeset-font-mono);
}
/* Escape hatch for long documents; never change existing monitoring tables. */
.typeset-scroll { max-width: 100%; overflow-x: auto; }
@media (max-width: 600px) {
  .typeset-msh-customer {
    --typeset-size: 16px;
    --typeset-leading: 1.7;
  }
  .typeset-msh-compact {
    --typeset-size: 15px;
    --typeset-leading: 1.65;
  }
}