/* MessyNet — products. Page-specific rules from the design prototype.
   .mn-fxN are the hover/focus states the prototype declared inline;
   they keep their numbering from the source. */
html{scroll-behavior:smooth;}

.mn-fx0:hover { color: var(--mn-teal) !important; }
.mn-fx1:hover { background: var(--mn-teal-hover) !important; color: rgb(4, 33, 29) !important; }
.mn-fx2:hover { border: 1px solid var(--mn-teal) !important; color: var(--mn-teal) !important; }
.mn-fx3:hover { background: var(--mn-deep) !important; border: 1px solid var(--mn-deep) !important; color: var(--mn-day) !important; }
.mn-fx4:hover { background: var(--mn-deep) !important; color: var(--mn-day) !important; }