@font-face{font-family:Libre Franklin;src:url(/fonts/libre-franklin/librefranklin-black-webfont.woff2) format("woff2");font-weight:900;font-style:normal}@font-face{font-family:Libre Franklin;src:url(/fonts/libre-franklin/librefranklin-blackitalic-webfont.woff2) format("woff2");font-weight:900;font-style:italic}@font-face{font-family:Libre Franklin;src:url(/fonts/libre-franklin/librefranklin-bold-webfont.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Libre Franklin;src:url(/fonts/libre-franklin/librefranklin-bolditalic-webfont.woff2) format("woff2");font-weight:700;font-style:italic}@font-face{font-family:Libre Franklin;src:url(/fonts/libre-franklin/librefranklin-extrabold-webfont.woff2) format("woff2");font-weight:800;font-style:normal}@font-face{font-family:Libre Franklin;src:url(/fonts/libre-franklin/librefranklin-extrabolditalic-webfont.woff2) format("woff2");font-weight:800;font-style:italic}@font-face{font-family:Libre Franklin;src:url(/fonts/libre-franklin/librefranklin-extralight-webfont.woff2) format("woff2");font-weight:200;font-style:normal}@font-face{font-family:Libre Franklin;src:url(/fonts/libre-franklin/librefranklin-extralightitalic-webfont.woff2) format("woff2");font-weight:200;font-style:italic}@font-face{font-family:Libre Franklin;src:url(/fonts/libre-franklin/librefranklin-italic-webfont.woff2) format("woff2");font-weight:400;font-style:italic}@font-face{font-family:Libre Franklin;src:url(/fonts/libre-franklin/librefranklin-light-webfont.woff2) format("woff2");font-weight:300;font-style:normal}@font-face{font-family:Libre Franklin;src:url(/fonts/libre-franklin/librefranklin-lightitalic-webfont.woff2) format("woff2");font-weight:300;font-style:italic}@font-face{font-family:Libre Franklin;src:url(/fonts/libre-franklin/librefranklin-medium-webfont.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Libre Franklin;src:url(/fonts/libre-franklin/librefranklin-mediumitalic-webfont.woff2) format("woff2");font-weight:500;font-style:italic}@font-face{font-family:Libre Franklin;src:url(/fonts/libre-franklin/librefranklin-regular-webfont.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Libre Franklin;src:url(/fonts/libre-franklin/librefranklin-semibold-webfont.woff2) format("woff2");font-weight:600;font-style:normal}@font-face{font-family:Libre Franklin;src:url(/fonts/libre-franklin/librefranklin-semibolditalic-webfont.woff2) format("woff2");font-weight:600;font-style:italic}@font-face{font-family:Libre Franklin;src:url(/fonts/libre-franklin/librefranklin-thin-webfont.woff2) format("woff2");font-weight:100;font-style:normal}@font-face{font-family:"Source Serif";font-weight:200;font-display:swap;font-style:normal;font-stretch:normal;src:url(/fonts/source-serif/SourceSerif4-ExtraLight.otf.woff2) format("woff2")}@font-face{font-family:"Source Serif";font-weight:200;font-display:swap;font-style:italic;font-stretch:normal;src:url(/fonts/source-serif/SourceSerif4-ExtraLightIt.otf.woff2) format("woff2")}@font-face{font-family:"Source Serif";font-weight:300;font-display:swap;font-style:normal;font-stretch:normal;src:url(/fonts/source-serif/SourceSerif4-Light.otf.woff2) format("woff2")}@font-face{font-family:"Source Serif";font-weight:300;font-display:swap;font-style:italic;font-stretch:normal;src:url(/fonts/source-serif/SourceSerif4-LightIt.otf.woff2) format("woff2")}@font-face{font-family:"Source Serif";font-weight:400;font-display:swap;font-style:normal;font-stretch:normal;src:url(/fonts/source-serif/SourceSerif4-Regular.otf.woff2) format("woff2")}@font-face{font-family:"Source Serif";font-weight:400;font-display:swap;font-style:italic;font-stretch:normal;src:url(/fonts/source-serif/SourceSerif4-It.otf.woff2) format("woff2")}@font-face{font-family:"Source Serif";font-weight:600;font-display:swap;font-style:normal;font-stretch:normal;src:url(/fonts/source-serif/SourceSerif4-Semibold.otf.woff2) format("woff2")}@font-face{font-family:"Source Serif";font-weight:600;font-display:swap;font-style:italic;font-stretch:normal;src:url(/fonts/source-serif/SourceSerif4-SemiboldIt.otf.woff2) format("woff2")}@font-face{font-family:"Source Serif";font-weight:700;font-display:swap;font-style:normal;font-stretch:normal;src:url(/fonts/source-serif/SourceSerif4-Bold.otf.woff2) format("woff2")}@font-face{font-family:"Source Serif";font-weight:700;font-display:swap;font-style:italic;font-stretch:normal;src:url(/fonts/source-serif/SourceSerif4-BoldIt.otf.woff2) format("woff2")}@font-face{font-family:"Source Serif";font-weight:900;font-display:swap;font-style:normal;font-stretch:normal;src:url(/fonts/source-serif/SourceSerif4-Black.otf.woff2) format("woff2")}@font-face{font-family:"Source Serif";font-weight:900;font-display:swap;font-style:italic;font-stretch:normal;src:url(/fonts/source-serif/SourceSerif4-BlackIt.otf.woff2) format("woff2")}:root{--purple: #37415f;--orange: #f97c00;--gold: #ecb500;--green: #4a9b8e;--blue: #4a90e2;--red: #c0392b;--true-white: #ffffff;--white: #fff3eb;--off-white: #efe3db;--black: #181d2c;--base-font-color: var(--purple);--base-background-color: var(--white);--demo-background: var(--off-white);--sans-serif: "Libre Franklin";--serif: "Source Serif";--mono: "Source Code";--sans-serif-stack: var(--sans-serif), sans-serif;--serif-stack: var(--serif), serif;--base-font-size: 20px}html{font-family:var(--serif-stack);font-size:var(--base-font-size);box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}code{font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}body{font-size:1rem;line-height:1.5em;color:var(--base-font-color);background-color:var(--base-background-color)}article{max-width:70ch;margin:0 auto}h1,h2,h3,h4,h5,h6{font-family:var(--sans-serif-stack);line-height:1.1em}h1{color:var(--gold);font-size:2.4rem;font-weight:800}h2{color:var(--orange);font-size:2rem;font-weight:700}h3{color:var(--purple);font-family:var(--sans-serif-stack);font-size:1.4rem;font-weight:600}a{color:inherit}blockquote{margin:0;padding:1px 1.5em;border-left:.2em solid var(--gold);font-size:1.25em;font-style:italic;line-height:1.4em}.demo{margin:2em 0}.demo>div{padding:1.5em;background:var(--demo-background);overflow:hidden}.demo figcaption{margin-top:.5em;font-size:.85em;font-style:italic;line-height:1.5em;text-align:center}img{max-width:100%;height:auto}@media (prefers-color-scheme: dark){body{--base-font-color: var(--white);--base-background-color: var(--purple);--demo-background: var(--black)}}@media (max-width: 767px){:root{--base-font-size: 16px}}