@import url("https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,500&family=Public+Sans:wght@400;600;700&display=swap");
html:not([data-theme=dark]) body { background: #f6f7fb; color: #2c2957; }
body { font-family: "Public Sans", system-ui, sans-serif; }
h1, h2 { font-family: "Newsreader", Georgia, serif; font-weight: 500; }
body { margin: 0; }
main, footer { max-width: 62rem; padding: 1.5rem; margin: auto; }
main { line-height: 1.65; }
.intro { padding-block: clamp(2rem, 7vw, 5rem); max-width: 47rem; }
.eyebrow { letter-spacing: .12em; text-transform: uppercase; font-size: .8rem; }
h1 { font-size: clamp(2.4rem, 6vw, 4rem); line-height: 1.05; }
.lede { font-size: 1.2rem; max-width: 42rem; }
section { padding-block: 1.35rem; border-top: 1px solid currentColor; }
.button { display: inline-block; background: #373079; color: #fff; border: 1px solid currentColor; padding: .75rem 1rem; border-radius: .4rem; text-decoration: none; font: inherit; cursor: pointer; }
.button:disabled { opacity: .6; cursor: default; }
.table-scroll { overflow: auto; margin-block: 1rem; }
table { border-collapse: collapse; width: 100%; }
caption { text-align: left; font-weight: 700; }
th, td { border-bottom: 1px solid currentColor; padding: .6rem; text-align: left; vertical-align: top; }
td:last-child { min-width: 13rem; overflow-wrap: anywhere; font-family: monospace; }
form { max-width: 34rem; display: grid; gap: .6rem; }
input:not([type=checkbox]), select { font: inherit; color: inherit; background: transparent; padding: .4rem; border: 1px solid currentColor; border-radius: .3rem; }
option { color: #172620; background: #fff; }
.check { display: flex; align-items: baseline; gap: .5rem; }
form .button { justify-self: start; }
:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

@media (max-width: 1000px) {
  #dass-site-header .dsh-menu { display: none; }
  #dass-site-header .dsh-links {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    column-gap: 1rem;
  }
}