@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");:root{--default-color:#aaa;--box-shadow-color:hsla(0,0%,78%,.1);--left-gap:100px}*{box-sizing:border-box;font-family:Oswald,sans-serif}html{font-size:16px}body{margin:0;padding:0;background:#f0f1f3}h1,h2,h3,h4,h5,h6{margin:unset}h1{font-weight:700;font-size:2.8em}h2{font-weight:600}h3{font-weight:500}h4{font-weight:400}a.unstyled{text-decoration:inherit;color:inherit}section{position:relative;padding:30px 0;margin:0 0 50px}section.shaded{scroll-margin-top:30px;background:#dcdcdc;border-radius:2px;box-shadow:1px 1px 0 1px var(--box-shadow-color)}section.shaded.purple{background:#dcdcf5;color:#16164c}section.shaded.purple *{--box-shadow-color:#bebed7}section.shaded.yellow{background:#f8fadc;color:#4e520c}section.shaded.yellow *{--box-shadow-color:#d3d7be}section.shaded.red{background:#f4d4d4;color:#491313}section.shaded.red *{--box-shadow-color:#c8bebe}section.shaded.green{background:#dcfae1;color:#0c5217}section.shaded.green *{--box-shadow-color:#bec8b4}#hero{text-align:center;padding:50px var(--left-gap) 50px var(--left-gap);background:#dcdcf5;margin-bottom:70px}#hero h1{display:block;font-size:3.5em;line-height:1.2em;padding-bottom:30px;margin:10px 0}.breadcrumb{text-decoration:none;color:#000}.breadcrumb:hover{color:#23237b}.breadcrumb>*{vertical-align:middle}.breadcrumb svg{width:15px;margin-right:5px}main>section.shaded{margin:0 var(--left-gap) 50px var(--left-gap);padding:20px 50px 50px}main>section>h1{margin:50px var(--left-gap);display:inline-block;vertical-align:middle}section.shaded>h1{margin-left:0}.heading-link{text-decoration:none;color:#000}.heading-link:hover{color:#23237b}.heading-link>*{vertical-align:baseline}.heading-link svg{width:30px;margin-left:10px}main>section>.section-heading{margin:50px var(--left-gap);display:flex;flex-wrap:wrap;align-items:center;gap:20px 50px}span.interactive{cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:background-color .1s;padding:0 1px}span.interactive:hover{background-color:#e6e6e6}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;border-radius:2px;box-shadow:2px 2px 0 2px var(--box-shadow-color)}button:active{box-shadow:none;transform:translate(1px,1px)}@media screen and (max-width:768px){:root{--left-gap:20px}html{font-size:12px}main>section{text-align:center}.section-heading{justify-content:center}main>section.shaded{margin:0 20px 20px;padding:20px 30px 30px}section.shaded>h1{margin-left:var(--left-gap)}.heading-link svg{width:25px}#hero{margin-bottom:20px}#hero h1{padding-bottom:10px}}