/* MDRSEN public typography system v6.389
 * One semantic heading scale for clean public inner pages.
 * Home is intentionally not loaded with this file because Home was already approved.
 */
:root{
  --mds-font-family-base:Cairo,Tahoma,Arial,sans-serif;
  --mds-h1-size:4rem;
  --mds-h1-weight:900;
  --mds-h1-line-height:1.2;
  --mds-h2-size:32px;
  --mds-h2-weight:700;
  --mds-h2-line-height:1.3;
  --mds-h3-size:26px;
  --mds-h3-weight:700;
  --mds-h3-line-height:1.3;
  --mds-body-size:16px;
  --mds-body-weight:400;
  --mds-body-line-height:1.75;
  --mds-heading-color:#4d5e6f;
  --mds-body-color:#4d5e6f;
  --mds-page-title-color:#fff;
}
@media (max-width:1024px){
  :root{
    --mds-h1-size:3rem;
    --mds-h2-size:28px;
    --mds-h3-size:24px;
  }
}
@media (max-width:767px){
  :root{
    --mds-h1-size:3rem;
    --mds-h2-size:26px;
    --mds-h3-size:22px;
    --mds-body-line-height:1.8;
  }
}
html body .mds-page-title-banner .mds-page-title-container h1.mds-page-title{
  color:var(--mds-page-title-color)!important;
  font-family:var(--mds-font-family-base)!important;
  font-size:var(--mds-h1-size)!important;
  font-weight:var(--mds-h1-weight)!important;
  line-height:var(--mds-h1-line-height)!important;
  margin:0!important;
  text-align:center!important;
}
html body .mds-content{
  color:var(--mds-body-color);
  font-family:var(--mds-font-family-base);
  font-size:var(--mds-body-size);
  font-weight:var(--mds-body-weight);
  line-height:var(--mds-body-line-height);
}
html body .mds-content h1{
  color:var(--mds-heading-color)!important;
  font-family:var(--mds-font-family-base)!important;
  font-size:var(--mds-h1-size)!important;
  font-weight:var(--mds-h1-weight)!important;
  line-height:var(--mds-h1-line-height)!important;
}
html body .mds-content h2{
  color:var(--mds-heading-color)!important;
  font-family:var(--mds-font-family-base)!important;
  font-size:var(--mds-h2-size)!important;
  font-weight:var(--mds-h2-weight)!important;
  line-height:var(--mds-h2-line-height)!important;
}
html body .mds-content h3{
  color:var(--mds-heading-color)!important;
  font-family:var(--mds-font-family-base)!important;
  font-size:var(--mds-h3-size)!important;
  font-weight:var(--mds-h3-weight)!important;
  line-height:var(--mds-h3-line-height)!important;
}
html body .mds-content p,
html body .mds-content li{
  color:var(--mds-body-color);
  font-family:var(--mds-font-family-base);
  font-size:var(--mds-body-size);
  font-weight:var(--mds-body-weight);
  line-height:var(--mds-body-line-height);
}

/* A-6.400 MDRSEN public design-system button rule
 * Buttons must stay classic and static:
 * fixed background/text colors, fixed border radius, no upward movement,
 * no hover color change, no opacity animation, and no transform effect.
 * Use .mds-classic-button on future public Plugin A buttons.
 */
:root{
  --mds-classic-button-bg:#005a3d;
  --mds-classic-button-color:#ffffff;
  --mds-classic-button-radius:6px;
  --mds-classic-button-padding-y:12px;
  --mds-classic-button-padding-x:24px;
  --mds-classic-button-font-weight:700;
}
html body .mds-classic-button,
html body a.mds-classic-button,
html body button.mds-classic-button,
html body input[type="button"].mds-classic-button,
html body input[type="submit"].mds-classic-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:var(--mds-classic-button-padding-y) var(--mds-classic-button-padding-x);
  border:0;
  border-radius:var(--mds-classic-button-radius);
  background:var(--mds-classic-button-bg);
  color:var(--mds-classic-button-color);
  font-family:var(--mds-font-family-base);
  font-size:16px;
  font-weight:var(--mds-classic-button-font-weight);
  line-height:1;
  text-decoration:none;
  box-shadow:none;
  transform:none;
  opacity:1;
  transition:none;
}
html body .mds-classic-button:hover,
html body .mds-classic-button:focus,
html body .mds-classic-button:active,
html body a.mds-classic-button:hover,
html body a.mds-classic-button:focus,
html body a.mds-classic-button:active,
html body button.mds-classic-button:hover,
html body button.mds-classic-button:focus,
html body button.mds-classic-button:active{
  background:var(--mds-classic-button-bg);
  color:var(--mds-classic-button-color);
  text-decoration:none;
  box-shadow:none;
  transform:none;
  opacity:1;
  transition:none;
}
