:root{--background-color:#f8f8f8;--text-color:#222;--link-hover-background-color:#e8e3f0;--link-after-color:#943efd;--heading-color:#583299;--nav-color:#6c47ac;--footer-width:300px;--text-max-width:700px;--font-family-text:"Source Serif Pro", Georgia, serif;--font-family-heading:"IBM Plex Sans", "Gill Sans", "Trebuchet MS", sans-serif;--font-weight-light:300;--font-weight-normal:400;--font-weight-semibold:600}html{font-family:var(--font-family-text);font-kerning:normal;font-weight:var(--font-weight-normal);font-size:18px;background:var(--background-color);&.plain { display: grid; height: 100%; }}body{color:var(--text-color);margin:0;padding:12px;line-height:1.35;&.plain { margin: auto; text-align: center; }}a{color:inherit;text-decoration:none;&:hover { background:var(--link-hover-background-color); border-radius:8px; }}#skip{position:absolute;top:-20em;width:100%;z-index:10000;a { background-color: var(--link-hover-background-color); color: var(--heading-color); font-family: var(--font-family-heading); font-weight: var(--font-weight-semibold); left: 0; padding: 0.5rem; position: absolute; right: 0; text-align: center; &:hover, &:focus { top: 20em; } }}p{line-height:1.35;&:first-child { margin-block-start:0px; } a:after { position:relative; content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyMHB4IiBmaWxsPSIjOTQzZWZkIj48cGF0aCBkPSJtNjA2LTE5Mi01MS01MSAxMjMtMTIzSDMxMnEtNzAgMC0xMTktNDl0LTQ5LTExOXEwLTcwIDQ5LTExOXQxMTktNDloMjR2NzJoLTI0cS00MC4zMiAwLTY4LjE2IDI3Ljc3LTI3Ljg0IDI3Ljc4LTI3Ljg0IDY4UTIxNi00OTQgMjQzLjg0LTQ2NnEyNy44NCAyOCA2OC4xNiAyOGgzNjZMNTU1LTU2MWw1MS01MSAyMTAgMjEwLTIxMCAyMTBaIi8+PC9zdmc+")/" "; top:0.35em; }}nav{color:var(--nav-color);font-weight:var(--font-weight-light);max-width:var(--text-max-width);margin-left:auto;margin-right:auto;ul { display: flex; justify-content: space-between; flex-flow: row wrap; list-style-type: none; margin: 0; padding: 0; } li { margin-top: 8px; text-align: center; }}footer{margin-left:auto;margin-right:auto;max-width:var(--text-max-width);font-size:.85em;font-weight:var(--font-weight-light);text-align:center}address{max-width:var(--footer-width);font-style:normal;margin-left:auto;margin-right:auto;ul { list-style-type: none; padding-inline-start: 0px; display: flex; justify-content: space-around; flex-flow: row wrap; } li { display: inline; }}ul{padding-inline-start:1em}#copyright{font-size:.85em;a:after { content:none; }}#content{margin-left:auto;margin-right:auto;max-width:var(--text-max-width)}h1,h2{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:1}h1{font-size:1.5em;color:var(--heading-color);margin-block-start:1em;margin-block-end:1em;&.errorpage { font-size: 3em; }}h2{font-size:1em;letter-spacing:.0125em;text-transform:uppercase;margin-block-start:1.5em}#colophon{text-align:justify;text-align-last:left;hyphens:auto;font-size:22px;font-style:italic;max-width:350px;a::after { content:none; }}@media screen and (min-width:370px){#colophon{font-size:24px;text-align-last:justify}}@media screen and (min-width:450px){html{font-size:20px}}@media screen and (min-width:1400px){body{display:grid;grid-template-columns:240px var(--text-max-width);justify-content:center;align-content:baseline;&.plain{ display: block; }}#content{margin:0}nav{margin-block-start:4.5em;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;float:left;ul { flex-direction: column; } li { margin-top: 0px; margin-bottom: 1.35em; text-align: left; padding: none; }}footer{width:var(--footer-width);grid-column:1/span 2}}