/* Shared values taken from the approved S3 homepage. */
:root {
  --magnus-font: Arial, Helvetica, sans-serif;
  --magnus-navy: #050b30;
  --magnus-muted: #6c778f;
  --magnus-burgundy: #811b2a;
  --magnus-burgundy-hover: #6e1422;
  --magnus-paper: #eef3f7;
  --magnus-surface: #f1f5f9;
  --magnus-white: #ffffff;
  --magnus-rule: #b8c4d1;
  --magnus-radius: 10px;
  --magnus-pill: 50px;
  --magnus-gutter: 4.12vw;
  --magnus-content-width: 1320px;
}
/* Large monitors add breathing room instead of enlarging the interface. */
@media (min-width: 1100px) {
  :root { --magnus-gutter: max(48px, calc((100vw - var(--magnus-content-width)) / 2)); }
}
@media (max-width: 760px) { :root { --magnus-gutter: 24px; } }
@media (max-width: 359px) { :root { --magnus-gutter: 20px; } }