:root {
    --ts-color-body: #4e4e4e;
    --ts-color-heading: black;
    --ts-color-link: var(--ts-color-heading);
    --ts-color-background: #f6f6f6;
    --ts-color-border: #cdcdcd;
    --ts-color-muted: #717171;
    --ts-color-subtle: #ececec;
    --ts-font-family-serif: "Georgia", "Garamond", "Times", serif;
    --ts-font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --ts-font-family-sans-alt: "Verdana", sans-serif;
    --ts-font-family-monospace: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    --ts-font-weight-bold: 800;
    --ts-font-weight-regular: 300;
    --ts-font-size: 1rem;
    --ts-font-size-xsmall: 0.7em;
    --ts-font-size-small: 0.8em;
    --ts-font-size-medium: 1em;
    --ts-font-size-large: 1.2em;
    --ts-font-size-xlarge: 1.4em;
    --ts-font-size-xxlarge: 1.8em;
    --ts-font-size-lede: var(--ts-font-size-large);
    --ts-paragraph-spacing: 0.9em;
    --ts-paragraph-indent: 1.5em;
    --ts-line-height-heading: 1.45;
    --ts-line-height-body: 1.55;
    --ts-border-double: 6px double var(--ts-color-border);
    --ts-border-single: 2px solid var(--ts-color-border);
    --ts-border: var(--ts-border-double);
    --ts-main-padding-inline: 10vw;
    --ts-banner-padding-inline: var(--ts-paragraph-indent)
}

*,
*:before,
*:after {
    box-sizing: border-box;
    font-feature-settings: "kern";
    -webkit-font-kerning: normal;
    font-kerning: normal;
    -moz-osx-font-smoothing: grayscale !important;
    -webkit-font-smoothing: antialiased !important
}

html {
    font-size: clamp(102%, 100% + .15vw, 125%)
}

body {
    margin: 0
}

body>a {
    display: block;
    padding: .5em;
    text-align: center;
    font-weight: bold;
    border: 2px dashed
}

body>a:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    white-space: nowrap;
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    overflow: hidden
}

@media(min-width: 25em) {
    :lang(en) [data-typesettings] header[role=banner] p:first-of-type:first-letter {
        float: left;
        -webkit-margin-end: .15em;
        margin-inline-end: .15em;
        padding: 0 .2em;
        line-height: calc(var(--ts-line-height-body)*.95);
        text-transform: uppercase;
        font-weight: var(--ts-font-weight-bold);
        font-size: clamp(var(--ts-font-size-lede)*2.2, var(--ts-font-size-lede) + 2.5vw, var(--ts-font-size-lede)*2.3);
        border: var(--ts-border)
    }

    [dir=rtl] :lang(en) [data-typesettings] header[role=banner] p:first-of-type:first-letter {
        float: right
    }

    @-moz-document url-prefix() {
        :lang(en) [data-typesettings] header[role=banner] p:first-of-type:first-letter {
            -webkit-margin-before: .1em;
            margin-block-start: .1em;
            -webkit-padding-before: .3em;
            padding-block-start: .3em;
            -webkit-padding-after: .3em;
            padding-block-end: .3em
        }
    }
}

[data-typesettings] {
    min-height: 100vh;
    color: var(--ts-color-body);
    line-height: var(--ts-line-height-body);
    letter-spacing: .01em;
    font-family: var(--ts-font-family-only-one, var(--ts-font-family-serif));
    font-weight: var(--ts-font-weight-regular);
    font-size: var(--ts-font-size);
    background-color: var(--ts-color-background)
}

[data-typesettings] a {
    text-decoration: none;
    border-bottom: var(--ts-border-single)
}

[data-typesettings] a:link {
    color: var(--ts-color-link)
}

[data-typesettings] a:visited {
    color: var(--ts-color-muted)
}

[data-typesettings] a:hover,
[data-typesettings] a:visited:hover,
[data-typesettings] a:focus {
    color: var(--ts-color-muted);
    border-bottom: 0
}

[data-typesettings] a:active {
    position: relative;
    top: 1px;
    z-index: 1
}

[data-typesettings] h1,
[data-typesettings] h2,
[data-typesettings] h3,
[data-typesettings] h4,
[data-typesettings] h5,
[data-typesettings] h6,
[data-typesettings] legend,
[data-typesettings] dt,
[data-typesettings] thead th,
[data-typesettings] figcaption,
[data-typesettings] blockquote {
    font-family: var(--ts-font-family-only-one, var(--ts-font-family-sans))
}

[data-typesettings] h1,
[data-typesettings] h2,
[data-typesettings] h3,
[data-typesettings] h4,
[data-typesettings] h5,
[data-typesettings] h6,
[data-typesettings] legend {
    -webkit-margin-before: var(--ts-paragraph-spacing);
    margin-block-start: var(--ts-paragraph-spacing);
    color: var(--ts-color-heading);
    font-weight: var(--ts-font-weight-bold)
}

[data-typesettings] h1:first-child,
[data-typesettings] h2:first-child,
[data-typesettings] h3:first-child,
[data-typesettings] h4:first-child,
[data-typesettings] h5:first-child,
[data-typesettings] h6:first-child,
[data-typesettings] legend:first-child {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

[data-typesettings] h1:last-child,
[data-typesettings] h2:last-child,
[data-typesettings] h3:last-child,
[data-typesettings] h4:last-child,
[data-typesettings] h5:last-child,
[data-typesettings] h6:last-child,
[data-typesettings] legend:last-child {
    -webkit-margin-after: 0;
    margin-block-end: 0
}

[data-typesettings] h2,
[data-typesettings] h3,
[data-typesettings] h4,
[data-typesettings] h5,
[data-typesettings] h6,
[data-typesettings] legend {
    -webkit-margin-after: calc(var(--ts-paragraph-spacing)/-2);
    margin-block-end: calc(var(--ts-paragraph-spacing)/-2);
    line-height: var(--ts-line-height-heading)
}

[data-typesettings] h1,
[data-typesettings] h2 {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

[data-typesettings] h1 {
    line-height: calc(var(--ts-line-height-heading)*.8);
    -webkit-margin-after: 0;
    margin-block-end: 0;
    letter-spacing: clamp(-0.01em, -1vw, -0.02em);
    font-size: clamp(var(--ts-font-size-xxlarge), var(--ts-font-size-xxlarge) + 1.5vw, var(--ts-font-size-xxlarge)*1.56)
}

[data-typesettings] h1:first-of-type+h2 {
    -webkit-margin-before: calc(var(--ts-paragraph-spacing)*.8);
    margin-block-start: calc(var(--ts-paragraph-spacing)*.8);
    -webkit-margin-after: 0;
    margin-block-end: 0;
    color: var(--ts-color-muted);
    letter-spacing: .06em;
    text-transform: uppercase;
    font-family: var(--ts-font-family-only-one, var(--ts-font-family-sans-alt));
    font-weight: var(--ts-font-weight-regular);
    font-size: clamp(var(--ts-font-size-xsmall), var(--ts-font-size-xsmall) + .15vw, var(--ts-font-size-xsmall)*1.29)
}

[data-typesettings] header h1:first-of-type {
    text-align: center
}

[data-typesettings] header h1:first-of-type+h2 {
    text-align: center
}

[data-typesettings] header p {
    color: var(--ts-color-heading);
    font-size: clamp(var(--ts-font-size-lede), var(--ts-font-size-lede) + .15vw, var(--ts-font-size-lede)*1.2)
}

[data-typesettings] h2 {
    letter-spacing: clamp(0em, -1vw, -0.01em);
    font-size: clamp(var(--ts-font-size-xlarge), var(--ts-font-size-xlarge) + .15vw, var(--ts-font-size-xlarge)*1.57)
}

[data-typesettings] h3 {
    font-size: clamp(var(--ts-font-size-large), var(--ts-font-size-large) + .15vw, var(--ts-font-size-large)*1.5)
}

[data-typesettings] h4 {
    font-size: clamp(var(--ts-font-size-medium), var(--ts-font-size-medium) + .15vw, var(--ts-font-size-medium)*1.4)
}

[data-typesettings] h5 {
    -webkit-margin-before: calc(var(--ts-paragraph-spacing)*1.28);
    margin-block-start: calc(var(--ts-paragraph-spacing)*1.28);
    font-size: clamp(var(--ts-font-size-small), var(--ts-font-size-small) + .15vw, var(--ts-font-size-small)*1.375)
}

@media(min-width: 50em) {
    [data-typesettings] h5 {
        -webkit-margin-before: calc(var(--ts-paragraph-spacing)*1.11);
        margin-block-start: calc(var(--ts-paragraph-spacing)*1.11)
    }
}

[data-typesettings] h6,
[data-typesettings] legend {
    -webkit-margin-before: calc(var(--ts-paragraph-spacing)*1.44);
    margin-block-start: calc(var(--ts-paragraph-spacing)*1.44);
    letter-spacing: .01em;
    font-size: clamp(var(--ts-font-size-xsmall), var(--ts-font-size-xsmall) + .15vw, var(--ts-font-size-xsmall)*1.14)
}

@media(min-width: 50em) {

    [data-typesettings] h6,
    [data-typesettings] legend {
        -webkit-margin-before: calc(var(--ts-paragraph-spacing)*1.28);
        margin-block-start: calc(var(--ts-paragraph-spacing)*1.28)
    }
}

@media(min-width: 62.5em) {

    [data-typesettings] h6,
    [data-typesettings] legend {
        -webkit-margin-before: calc(var(--ts-paragraph-spacing)*1.11);
        margin-block-start: calc(var(--ts-paragraph-spacing)*1.11)
    }
}
/* I added this footer section */
footer {
  text-align: center;
  padding: 2em;
}

[data-typesettings] p,
[data-typesettings] dl,
[data-typesettings] hr,
[data-typesettings] ol,
[data-typesettings] ul,
[data-typesettings] nav,
[data-typesettings] footer,
[data-typesettings] details,
[data-typesettings] fieldset,
[data-typesettings] progress,
[data-typesettings] article aside {
    -webkit-margin-before: var(--ts-paragraph-spacing);
    margin-block-start: var(--ts-paragraph-spacing);
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

[data-typesettings] p:first-child,
[data-typesettings] dl:first-child,
[data-typesettings] hr:first-child,
[data-typesettings] ol:first-child,
[data-typesettings] ul:first-child,
[data-typesettings] nav:first-child,
[data-typesettings] footer:first-child,
[data-typesettings] details:first-child,
[data-typesettings] fieldset:first-child,
[data-typesettings] progress:first-child,
[data-typesettings] article aside:first-child {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

[data-typesettings] blockquote,
[data-typesettings] figure,
[data-typesettings] header,
[data-typesettings] form,
[data-typesettings] pre {
    -webkit-margin-before: calc(var(--ts-paragraph-spacing)*1.25);
    margin-block-start: calc(var(--ts-paragraph-spacing)*1.25);
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

[data-typesettings] blockquote:first-child,
[data-typesettings] figure:first-child,
[data-typesettings] header:first-child,
[data-typesettings] form:first-child,
[data-typesettings] pre:first-child {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

[data-typesettings] ul,
[data-typesettings] ol {
    padding: 0
}

[data-typesettings] ul ul,
[data-typesettings] ul ol,
[data-typesettings] ol ul,
[data-typesettings] ol ol {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-padding-start: var(--ts-paragraph-indent);
    padding-inline-start: var(--ts-paragraph-indent)
}

[data-typesettings] li {
    -webkit-margin-before: calc(var(--ts-paragraph-spacing)/3);
    margin-block-start: calc(var(--ts-paragraph-spacing)/3)
}

[data-typesettings] li:first-child {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

[data-typesettings] ol[data-comfortable] li,
[data-typesettings] ul[data-comfortable] li {
    -webkit-margin-before: calc(var(--ts-paragraph-spacing)*1.5);
    margin-block-start: calc(var(--ts-paragraph-spacing)*1.5)
}

[data-typesettings] ol[data-comfortable] li:first-child,
[data-typesettings] ul[data-comfortable] li:first-child {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

[data-typesettings] dt {
    -webkit-margin-before: calc(var(--ts-paragraph-spacing)/2);
    margin-block-start: calc(var(--ts-paragraph-spacing)/2);
    font-weight: var(--ts-font-weight-bold)
}

[data-typesettings] dt:first-child {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

[data-typesettings] dd {
    margin: 0;
    -webkit-padding-start: var(--ts-paragraph-indent);
    padding-inline-start: var(--ts-paragraph-indent);
    letter-spacing: -0.02em;
    font-family: var(--ts-font-family-monospace);
    font-size: var(--ts-font-size-small);
    border-left: var(--ts-border)
}

[dir=rtl] [data-typesettings] dd {
    border-right: var(--ts-border);
    border-left: none
}

[data-typesettings] figure {
    display: block;
    width: 100%;
    text-align: center
}

[data-typesettings] figure img {
    display: block;
    max-width: 100%;
    height: auto
}

[data-typesettings] figure>div {
    position: relative;
    z-index: 0;
    height: 0;
    overflow: hidden;
    -webkit-padding-before: 30px;
    padding-block-start: 30px;
    -webkit-padding-after: 56.25%;
    padding-block-end: 56.25%
}

[data-typesettings] figure>div iframe,
[data-typesettings] figure>div object,
[data-typesettings] figure>div embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

[data-typesettings] figure figcaption {
    -webkit-margin-before: calc(var(--ts-paragraph-spacing)/4);
    margin-block-start: calc(var(--ts-paragraph-spacing)/4);
    color: var(--ts-color-muted);
    font-size: var(--ts-font-size-xsmall)
}

[data-typesettings] blockquote {
    -webkit-padding-before: var(--ts-paragraph-spacing);
    padding-block-start: var(--ts-paragraph-spacing);
    -webkit-padding-after: var(--ts-paragraph-spacing);
    padding-block-end: var(--ts-paragraph-spacing);
    -webkit-padding-start: var(--ts-paragraph-indent);
    padding-inline-start: var(--ts-paragraph-indent);
    -webkit-padding-end: var(--ts-paragraph-indent);
    padding-inline-end: var(--ts-paragraph-indent);
    color: var(--ts-color-heading);
    font-weight: var(--ts-font-weight-bold);
    border-top: var(--ts-border);
    border-bottom: var(--ts-border)
}

[data-typesettings] blockquote p {
    font-size: clamp(var(--ts-font-size-large), var(--ts-font-size-large) + .15vw, var(--ts-font-size-large)*1.25)
}

[data-typesettings] blockquote q:before,
[data-typesettings] blockquote q:after {
    color: var(--ts-color-muted);
    font-family: var(--ts-font-family-only-one, var(--ts-font-family-serif));
    font-weight: var(--ts-font-weight-bold)
}

:lang(en):not([dir=rtl]) [data-typesettings] blockquote p {
    max-width: 30ch
}

:lang(en):not([dir=rtl]) [data-typesettings] blockquote q:before,
:lang(en):not([dir=rtl]) [data-typesettings] blockquote q:after {
    z-index: 0
}

:lang(en):not([dir=rtl]) [data-typesettings] blockquote q:before {
    position: absolute;
    transform: translateX(-105%)
}

[dir=rtl] :lang(en):not([dir=rtl]) [data-typesettings] blockquote q:before {
    transform: translateX(105%)
}

:lang(en):not([dir=rtl]) [data-typesettings] blockquote q:after {
    transform: translateX(5%)
}

[dir=rtl] :lang(en):not([dir=rtl]) [data-typesettings] blockquote q:after {
    transform: translateX(-5%)
}

:lang(en):not([dir=rtl]) [data-typesettings] blockquote q q:before,
:lang(en):not([dir=rtl]) [data-typesettings] blockquote q q:after {
    position: static;
    transform: none
}

[data-typesettings] hr {
    display: block;
    height: 1px;
    padding: 0;
    border: 0;
    border-top: var(--ts-border)
}

[data-typesettings] code,
[data-typesettings] kbd {
    -webkit-padding-before: .2em;
    padding-block-start: .2em;
    -webkit-padding-after: .2em;
    padding-block-end: .2em;
    -webkit-padding-start: .4em;
    padding-inline-start: .4em;
    -webkit-padding-end: .4em;
    padding-inline-end: .4em;
    font-family: var(--ts-font-family-monospace);
    font-size: var(--ts-font-size-small)
}

[data-typesettings] code {
    color: var(--ts-color-heading);
    letter-spacing: .02em;
    vertical-align: baseline;
    font-style: normal;
    border: 1px solid var(--ts-color-background);
    background-color: var(--ts-color-subtle)
}

[data-typesettings] pre {
    white-space: nowrap
}

[data-typesettings] pre code {
    display: block;
    max-height: 80vh;
    margin: 0;
    -webkit-padding-before: var(--ts-paragraph-spacing);
    padding-block-start: var(--ts-paragraph-spacing);
    -webkit-padding-after: var(--ts-paragraph-spacing);
    padding-block-end: var(--ts-paragraph-spacing);
    -webkit-padding-start: var(--ts-paragraph-indent);
    padding-inline-start: var(--ts-paragraph-indent);
    -webkit-padding-end: var(--ts-paragraph-indent);
    padding-inline-end: var(--ts-paragraph-indent);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    text-align: left;
    white-space: inherit;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    -webkit-text-orientation: mixed;
    text-orientation: mixed;
    border-left: 4px solid var(--ts-color-muted)
}

[data-typesettings] address {
    display: inline-block
}

[data-typesettings] small {
    font-size: var(--ts-font-size-small)
}

[data-typesettings] strong {
    font-weight: var(--ts-font-weight-bold)
}

[data-typesettings] kbd {
    color: var(--ts-color-heading);
    border-radius: 3px;
    background-color: var(--ts-color-background);
    box-shadow: 0 1px 2px 1px var(--ts-color-muted)
}

[data-typesettings] abbr {
    position: relative;
    z-index: 0;
    color: var(--ts-color-heading);
    cursor: help;
    border-bottom: 3px dotted var(--ts-color-border)
}

[data-typesettings] abbr:after {
    content: attr(aria-label);
    display: none;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate3d(-50%, -100%, 0);
    -webkit-padding-before: .2em;
    padding-block-start: .2em;
    -webkit-padding-after: .2em;
    padding-block-end: .2em;
    -webkit-padding-start: .4em;
    padding-inline-start: .4em;
    -webkit-padding-end: .4em;
    padding-inline-end: .4em;
    color: var(--ts-color-background);
    line-height: var(--ts-line-height-heading);
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-family: var(--ts-font-family-only-one, var(--ts-font-family-sans-alt));
    font-size: var(--ts-font-size-xsmall);
    box-shadow: 0 0 0 2px var(--ts-color-background);
    background-color: var(--ts-color-heading)
}

[data-typesettings] abbr:hover:after {
    display: block
}

[data-typesettings] abbr a {
    border-bottom: none
}

[data-typesettings] button,
[data-typesettings] input,
[data-typesettings] optgroup,
[data-typesettings] select,
[data-typesettings] textarea {
    margin: 0;
    line-height: var(--ts-line-height-heading);
    font-size: var(--ts-font-size-medium)
}

[data-typesettings] input,
[data-typesettings] optgroup,
[data-typesettings] select,
[data-typesettings] textarea {
    font-family: var(--ts-font-family-monospace)
}

[data-typesettings] input[type=text],
[data-typesettings] input[type=color],
[data-typesettings] input[type=date],
[data-typesettings] input[type=datetime-local],
[data-typesettings] input[type=email],
[data-typesettings] input[type=month],
[data-typesettings] input[type=number],
[data-typesettings] input[type=password],
[data-typesettings] input[type=search],
[data-typesettings] input[type=tel],
[data-typesettings] input[type=time],
[data-typesettings] input[type=url],
[data-typesettings] input[type=week],
[data-typesettings] textarea,
[data-typesettings] optgroup,
[data-typesettings] select {
    -webkit-padding-before: 1px;
    padding-block-start: 1px;
    -webkit-padding-after: 2px;
    padding-block-end: 2px;
    -webkit-padding-start: 7px;
    padding-inline-start: 7px;
    -webkit-padding-end: 7px;
    padding-inline-end: 7px
}

[data-typesettings] input[type=text],
[data-typesettings] input[type=color],
[data-typesettings] input[type=date],
[data-typesettings] input[type=datetime-local],
[data-typesettings] input[type=email],
[data-typesettings] input[type=month],
[data-typesettings] input[type=number],
[data-typesettings] input[type=password],
[data-typesettings] input[type=search],
[data-typesettings] input[type=tel],
[data-typesettings] input[type=time],
[data-typesettings] input[type=url],
[data-typesettings] input[type=week],
[data-typesettings] textarea {
    display: inline-block;
    max-width: 100%;
    vertical-align: baseline;
    border-width: 1px;
    border-style: solid;
    border-color: #d8d8d8 #d1d1d1 #bababa
}

[data-typesettings] button,
[data-typesettings] input {
    overflow: visible
}

[data-typesettings] button,
[data-typesettings] select {
    text-transform: none
}

[data-typesettings] button,
[data-typesettings] [type=button],
[data-typesettings] [type=reset],
[data-typesettings] [type=submit],
[data-typesettings] ::-webkit-file-upload-button {
    letter-spacing: -0.02em;
    cursor: pointer;
    font-family: var(--ts-font-family-monospace);
    font-weight: var(--ts-font-weight-regular);
    -webkit-appearance: button
}

[data-typesettings] button::-moz-focus-inner,
[data-typesettings] [type=button]::-moz-focus-inner,
[data-typesettings] [type=reset]::-moz-focus-inner,
[data-typesettings] [type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

[data-typesettings] button:-moz-focusring,
[data-typesettings] [type=button]:-moz-focusring,
[data-typesettings] [type=reset]:-moz-focusring,
[data-typesettings] [type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

[data-typesettings] form {
    font-family: var(--ts-font-family-monospace)
}

[data-typesettings] form ol,
[data-typesettings] form ul {
    list-style: none
}

[data-typesettings] fieldset {
    -webkit-padding-before: var(--ts-paragraph-spacing);
    padding-block-start: var(--ts-paragraph-spacing);
    -webkit-padding-after: var(--ts-paragraph-spacing);
    padding-block-end: var(--ts-paragraph-spacing);
    -webkit-padding-start: var(--ts-paragraph-indent);
    padding-inline-start: var(--ts-paragraph-indent);
    -webkit-padding-end: var(--ts-paragraph-indent);
    padding-inline-end: var(--ts-paragraph-indent);
    border: var(--ts-border)
}

[data-typesettings] legend {
    display: table;
    max-width: 100%;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: -3px;
    margin-inline-start: -3px;
    -webkit-margin-end: -3px;
    margin-inline-end: -3px;
    -webkit-padding-before: 1px;
    padding-block-start: 1px;
    -webkit-padding-after: 1px;
    padding-block-end: 1px;
    -webkit-padding-start: 3px;
    padding-inline-start: 3px;
    -webkit-padding-end: 3px;
    padding-inline-end: 3px;
    color: var(--ts-color-heading);
    white-space: normal;
    line-height: 1
}

[data-typesettings] legend+* {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

[data-typesettings] textarea {
    width: 100%;
    overflow: auto
}

[data-typesettings] [type=checkbox],
[data-typesettings] [type=radio] {
    padding: 0;
    transform: scale(var(--ts-line-height-body)) translateY(-0.1em)
}

[data-typesettings] [type=number]::-webkit-inner-spin-button,
[data-typesettings] [type=number]::-webkit-outer-spin-button {
    height: auto
}

[data-typesettings] [type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

[data-typesettings] [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

[data-typesettings] label {
    cursor: pointer;
    letter-spacing: -0.02em
}

[data-typesettings] progress {
    width: 100%
}

[data-typesettings] summary {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none
}

[data-typesettings] summary::-webkit-details-marker {
    display: none
}

[data-typesettings] summary:before {
    content: "❯";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate3d(calc(-100% - var(--ts-paragraph-indent) / 2), -50%, 0) rotate(0deg);
    color: var(--ts-color-muted);
    font-size: .8em
}

[dir=rtl] [data-typesettings] summary:before {
    right: 0;
    left: auto;
    transform: translate3d(calc(100% + var(--ts-paragraph-indent) / 2), -50%, 0) rotate(0deg)
}

[data-typesettings] summary:focus {
    border: 1px dashed var(--ts-color-muted)
}

[data-typesettings] details[open]>summary {
    -webkit-margin-after: calc(var(--ts-paragraph-spacing)/-2);
    margin-block-end: calc(var(--ts-paragraph-spacing)/-2)
}

[data-typesettings] details[open]>summary:before {
    transform: translate3d(calc(-100% - var(--ts-paragraph-indent) / 2), -50%, 0) rotate(90deg)
}

[dir=rtl] [data-typesettings] details[open]>summary:before {
    transform: translate3d(calc(100% + var(--ts-paragraph-indent) / 2), -50%, 0) rotate(270deg)
}

[data-typesettings] template,
[data-typesettings] [hidden] {
    display: none
}

[data-typesettings] table {
    min-width: calc(100% + var(--ts-paragraph-indent));
    -webkit-margin-start: calc(var(--ts-paragraph-indent)/-2);
    margin-inline-start: calc(var(--ts-paragraph-indent)/-2);
    -webkit-margin-end: calc(var(--ts-paragraph-indent)/-2);
    margin-inline-end: calc(var(--ts-paragraph-indent)/-2);
    font-family: var(--ts-font-family-monospace);
    font-size: var(--ts-font-size-xsmall)
}

[data-typesettings] tbody tr:hover {
    background-color: var(--ts-color-subtle)
}

[data-typesettings] th,
[data-typesettings] td {
    -webkit-padding-before: calc(var(--ts-paragraph-spacing)/2);
    padding-block-start: calc(var(--ts-paragraph-spacing)/2);
    -webkit-padding-after: calc(var(--ts-paragraph-spacing)/2);
    padding-block-end: calc(var(--ts-paragraph-spacing)/2);
    -webkit-padding-start: calc(var(--ts-paragraph-indent)/2);
    padding-inline-start: calc(var(--ts-paragraph-indent)/2);
    -webkit-padding-end: calc(var(--ts-paragraph-indent)/2);
    padding-inline-end: calc(var(--ts-paragraph-indent)/2);
    text-align: start;
    vertical-align: baseline;
    border-bottom: var(--ts-border-single)
}

[data-typesettings] th {
    -webkit-padding-before: 0;
    padding-block-start: 0;
    color: var(--ts-color-heading);
    white-space: nowrap;
    font-weight: var(--ts-font-weight-bold)
}

[data-typesettings] thead th {
    border-bottom-color: currentColor
}

[data-typesettings] nav {
    text-align: center
}

@media(min-width: 50em) {
    [data-typesettings] nav {
        line-height: var(--ts-line-height-heading)
    }
}

[data-typesettings] nav ul {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    padding: 0;
    list-style: none;
    white-space: nowrap
}

[data-typesettings] nav ul li {
    margin: 0
}

[data-typesettings] nav>ul {
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    -webkit-padding-before: calc(var(--ts-paragraph-spacing)/2);
    padding-block-start: calc(var(--ts-paragraph-spacing)/2);
    -webkit-padding-after: calc(var(--ts-paragraph-spacing)/2);
    padding-block-end: calc(var(--ts-paragraph-spacing)/2);
    -webkit-padding-start: calc(var(--ts-paragraph-indent)/2);
    padding-inline-start: calc(var(--ts-paragraph-indent)/2);
    -webkit-padding-end: calc(var(--ts-paragraph-indent)/2);
    padding-inline-end: calc(var(--ts-paragraph-indent)/2);
    -webkit-backdrop-filter: blur(0.3em) saturate(6);
    backdrop-filter: blur(0.3em) saturate(6)
}

[data-typesettings] nav>ul:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: var(--ts-color-background);
    opacity: .8
}

[data-typesettings] nav>ul>li {
    width: 100%
}

@media(min-width: 50em) {
    [data-typesettings] nav>ul>li {
        width: auto
    }
}

[data-typesettings] nav>ul>li:nth-of-type(1) h1 {
    display: flex;
    align-items: baseline;
    justify-content: center
}

[data-typesettings] nav>ul>li:nth-of-type(1) a {
    -webkit-padding-start: calc(var(--ts-paragraph-indent)/2);
    padding-inline-start: calc(var(--ts-paragraph-indent)/2);
    -webkit-padding-end: calc(var(--ts-paragraph-indent)/2);
    padding-inline-end: calc(var(--ts-paragraph-indent)/2);
    border: 0
}

[data-typesettings] nav>ul>li:nth-of-type(2)>ul {
    justify-content: center
}

[data-typesettings] nav>ul>li>ul a {
    -webkit-padding-before: calc(var(--ts-paragraph-spacing)/2);
    padding-block-start: calc(var(--ts-paragraph-spacing)/2);
    -webkit-padding-after: calc(var(--ts-paragraph-spacing)/2);
    padding-block-end: calc(var(--ts-paragraph-spacing)/2);
    -webkit-padding-start: calc(var(--ts-paragraph-indent)/2);
    padding-inline-start: calc(var(--ts-paragraph-indent)/2);
    -webkit-padding-end: calc(var(--ts-paragraph-indent)/2);
    padding-inline-end: calc(var(--ts-paragraph-indent)/2)
}

@media(min-width: 50em) {
    [data-typesettings] nav>ul>li>ul a {
        -webkit-margin-start: calc(var(--ts-paragraph-indent)/2);
        margin-inline-start: calc(var(--ts-paragraph-indent)/2);
        -webkit-margin-end: calc(var(--ts-paragraph-indent)/2);
        margin-inline-end: calc(var(--ts-paragraph-indent)/2);
        -webkit-padding-start: 0;
        padding-inline-start: 0;
        -webkit-padding-end: 0;
        padding-inline-end: 0
    }

    [data-typesettings] nav>ul>li>ul>li:last-of-type>a {
        -webkit-padding-before: calc(var(--ts-paragraph-spacing)/2);
        padding-block-start: calc(var(--ts-paragraph-spacing)/2);
        -webkit-padding-after: calc(var(--ts-paragraph-spacing)/2);
        padding-block-end: calc(var(--ts-paragraph-spacing)/2);
        -webkit-padding-start: var(--ts-paragraph-indent);
        padding-inline-start: var(--ts-paragraph-indent);
        -webkit-padding-end: var(--ts-paragraph-indent);
        padding-inline-end: var(--ts-paragraph-indent);
        border: 6px solid var(--ts-color-border);
        background-color: var(--ts-color-background)
    }
}

[data-typesettings] nav a {
    display: block;
    line-height: var(--ts-line-height-heading);
    letter-spacing: .05em;
    text-transform: uppercase;
    text-shadow: 0 0 .1em var(--ts-color-background), .1em 0 .1em var(--ts-color-background), 0 .1em .1em var(--ts-color-background), 0 -0.1em .1em var(--ts-color-background), -0.1em 0 .1em var(--ts-color-background);
    font-family: var(--ts-font-family-only-one, var(--ts-font-family-sans-alt));
    font-size: var(--ts-font-size-xsmall)
}

@media(min-width: 50em) {
    [data-typesettings] nav a {
        border: 0
    }
}

[data-typesettings] nav a:hover {
    text-decoration: underline;
    text-underline-offset: .2em
}

[data-typesettings] nav a:visited {
    color: var(--ts-color-link)
}

[data-typesettings] nav h1 {
    font-size: var(--ts-font-size-small)
}

[data-typesettings] nav h1 a {
    font-family: inherit;
    font-size: inherit
}

[data-typesettings]>nav:first-child {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 99999
}

[data-typesettings] main {
    -webkit-padding-before: calc(var(--ts-paragraph-spacing)*3);
    padding-block-start: calc(var(--ts-paragraph-spacing)*3);
    -webkit-padding-after: calc(var(--ts-paragraph-spacing)*4);
    padding-block-end: calc(var(--ts-paragraph-spacing)*4);
    -webkit-padding-start: var(--ts-main-padding-inline);
    padding-inline-start: var(--ts-main-padding-inline);
    -webkit-padding-end: var(--ts-main-padding-inline);
    padding-inline-end: var(--ts-main-padding-inline)
}

[data-typesettings] article {
    max-width: 75em;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto
}

[data-typesettings] article:after,
[data-typesettings] header[role=banner]:after {
    content: "";
    display: block;
    clear: both
}

[data-typesettings] header[role=banner] {
    -webkit-filter: invert(1);
    filter: invert(1);
    -webkit-margin-start: calc(var(--ts-banner-padding-inline)*-1);
    margin-inline-start: calc(var(--ts-banner-padding-inline)*-1);
    -webkit-margin-end: calc(var(--ts-banner-padding-inline)*-1);
    margin-inline-end: calc(var(--ts-banner-padding-inline)*-1);
    -webkit-padding-before: calc(var(--ts-paragraph-spacing)*3);
    padding-block-start: calc(var(--ts-paragraph-spacing)*3);
    -webkit-padding-after: calc(var(--ts-paragraph-spacing)*3);
    padding-block-end: calc(var(--ts-paragraph-spacing)*3);
    -webkit-padding-start: var(--ts-banner-padding-inline);
    padding-inline-start: var(--ts-banner-padding-inline);
    -webkit-padding-end: var(--ts-banner-padding-inline);
    padding-inline-end: var(--ts-banner-padding-inline);
    color: var(--ts-color-body);
    background-color: var(--ts-color-background)
}

[data-typesettings] header[role=banner] img:not([src*=".svg"]),
[data-typesettings] header[role=banner] video,
[data-typesettings] header[role=banner] embed,
[data-typesettings] header[role=banner] iframe {
    -webkit-filter: invert(1);
    filter: invert(1)
}

[data-typesettings] header[role=banner] [role=banner] img:not([src*=".svg"]),
[data-typesettings] header[role=banner] [role=banner] video,
[data-typesettings] header[role=banner] [role=banner] embed,
[data-typesettings] header[role=banner] [role=banner] iframe {
    -webkit-filter: invert(0);
    filter: invert(0)
}

@media(min-width: 50em) {
    [data-typesettings] header[role=banner] {
        --ts-banner-padding-inline: calc(var(--ts-main-padding-inline) - var(--ts-paragraph-indent))
    }
}

[data-typesettings] article aside {
    -webkit-padding-before: calc(var(--ts-paragraph-spacing)/2);
    padding-block-start: calc(var(--ts-paragraph-spacing)/2);
    -webkit-padding-after: calc(var(--ts-paragraph-spacing)/2);
    padding-block-end: calc(var(--ts-paragraph-spacing)/2);
    -webkit-padding-start: calc(var(--ts-paragraph-indent)/2);
    padding-inline-start: calc(var(--ts-paragraph-indent)/2);
    -webkit-padding-end: calc(var(--ts-paragraph-indent)/2);
    padding-inline-end: calc(var(--ts-paragraph-indent)/2);
    border: var(--ts-border)
}

@media(min-width: 50em) {
    [data-typesettings] article aside {
        transform: translateY(calc(var(--ts-paragraph-spacing) / 4));
        float: right;
        width: 13em;
        max-width: 16em;
        min-width: 13em;
        -webkit-margin-start: var(--ts-paragraph-indent);
        margin-inline-start: var(--ts-paragraph-indent);
        -webkit-margin-after: calc(var(--ts-paragraph-spacing)/2);
        margin-block-end: calc(var(--ts-paragraph-spacing)/2);
        background-color: var(--ts-color-background)
    }

    [dir=rtl] [data-typesettings] article aside {
        float: left
    }
}

[data-typesettings] article aside>* {
    font-size: var(--ts-font-size-small)
}

[data-typesettings] *+section,
[data-typesettings] section+hr {
    -webkit-margin-before: calc(var(--ts-paragraph-spacing)*5);
    margin-block-start: calc(var(--ts-paragraph-spacing)*5)
}

[data-typesettings] *+section *+section,
[data-typesettings] *+section section+hr,
[data-typesettings] section+hr *+section,
[data-typesettings] section+hr section+hr {
    -webkit-margin-before: calc(var(--ts-paragraph-spacing)*3);
    margin-block-start: calc(var(--ts-paragraph-spacing)*3)
}

[data-typesettings] *+section>*[id]:first-child,
[data-typesettings] section+hr>*[id]:first-child {
    -webkit-margin-before: -5rem;
    margin-block-start: -5rem;
    -webkit-padding-before: 5rem;
    padding-block-start: 5rem
}

[data-typesettings][data-typesettings*=dark] {
    -webkit-filter: invert(1);
    filter: invert(1);
    color: var(--ts-color-body) !important;
    background-color: var(--ts-color-background) !important
}

[data-typesettings][data-typesettings*=dark] img:not([src*=".svg"]),
[data-typesettings][data-typesettings*=dark] video,
[data-typesettings][data-typesettings*=dark] embed,
[data-typesettings][data-typesettings*=dark] iframe {
    -webkit-filter: invert(1);
    filter: invert(1)
}

[data-typesettings][data-typesettings*=dark] [role=banner] img:not([src*=".svg"]),
[data-typesettings][data-typesettings*=dark] [role=banner] video,
[data-typesettings][data-typesettings*=dark] [role=banner] embed,
[data-typesettings][data-typesettings*=dark] [role=banner] iframe {
    -webkit-filter: invert(0);
    filter: invert(0)
}

@media(prefers-color-scheme: dark) {
    [data-typesettings][data-typesettings*=auto] {
        -webkit-filter: invert(1);
        filter: invert(1);
        color: var(--ts-color-body) !important;
        background-color: var(--ts-color-background) !important
    }

    [data-typesettings][data-typesettings*=auto] img:not([src*=".svg"]),
    [data-typesettings][data-typesettings*=auto] video,
    [data-typesettings][data-typesettings*=auto] embed,
    [data-typesettings][data-typesettings*=auto] iframe {
        -webkit-filter: invert(1);
        filter: invert(1)
    }

    [data-typesettings][data-typesettings*=auto] [role=banner] img:not([src*=".svg"]),
    [data-typesettings][data-typesettings*=auto] [role=banner] video,
    [data-typesettings][data-typesettings*=auto] [role=banner] embed,
    [data-typesettings][data-typesettings*=auto] [role=banner] iframe {
        -webkit-filter: invert(0);
        filter: invert(0)
    }
}

[data-typesettings][data-typesettings*=sans-serif] {
    letter-spacing: -0.01em;
    font-family: var(--ts-font-family-only-one, var(--ts-font-family-sans));
    font-size: calc(var(--ts-font-size)*.95)
}

[data-typesettings][data-typesettings*=sans-serif] h1,
[data-typesettings][data-typesettings*=sans-serif] h2,
[data-typesettings][data-typesettings*=sans-serif] h3,
[data-typesettings][data-typesettings*=sans-serif] h4,
[data-typesettings][data-typesettings*=sans-serif] h5,
[data-typesettings][data-typesettings*=sans-serif] h6,
[data-typesettings][data-typesettings*=sans-serif] legend,
[data-typesettings][data-typesettings*=sans-serif] dt,
[data-typesettings][data-typesettings*=sans-serif] legend figcaption,
[data-typesettings][data-typesettings*=sans-serif] blockquote {
    font-family: var(--ts-font-family-only-one, var(--ts-font-family-serif))
}

[data-typesettings][data-typesettings*=indented] p:first-of-type {
    text-indent: 0
}

[data-typesettings][data-typesettings*=indented] p+p,
[data-typesettings][data-typesettings*=indented] figure+p,
[data-typesettings][data-typesettings*=indented] blockquote+p,
[data-typesettings][data-typesettings*=indented] aside+p,
[data-typesettings][data-typesettings*=indented] pre+p,
[data-typesettings][data-typesettings*=indented] ul+p,
[data-typesettings][data-typesettings*=indented] ol+p {
    text-indent: var(--ts-paragraph-indent)
}

[data-typesettings][data-typesettings*=indented] p+p {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

@media(min-width: 50em) {

    [data-typesettings][data-typesettings*=indented] p+aside,
    [data-typesettings][data-typesettings*=indented] aside+p {
        -webkit-margin-before: 0;
        margin-block-start: 0
    }
}

@media(min-width: 62.5em) {
    [data-typesettings][data-typesettings*=golden] {
        --ts-main-padding-inline: 19vw
    }

    [data-typesettings][data-typesettings*=golden] article {
        max-width: 66ch
    }

    [data-typesettings][data-typesettings*=golden] header[role=banner] {
        -webkit-padding-start: calc(var(--ts-main-padding-inline)/2 - var(--ts-paragraph-indent));
        padding-inline-start: calc(var(--ts-main-padding-inline)/2 - var(--ts-paragraph-indent));
        -webkit-padding-end: calc(var(--ts-main-padding-inline)/2 - var(--ts-paragraph-indent));
        padding-inline-end: calc(var(--ts-main-padding-inline)/2 - var(--ts-paragraph-indent))
    }

    [data-typesettings][data-typesettings*=golden] article aside {
        width: calc(var(--ts-main-padding-inline)*1.25);
        -webkit-margin-end: calc((var(--ts-main-padding-inline) - var(--ts-paragraph-indent)*2)*-1);
        margin-inline-end: calc((var(--ts-main-padding-inline) - var(--ts-paragraph-indent)*2)*-1)
    }

    [data-typesettings][data-typesettings*=golden] blockquote {
        -webkit-margin-start: calc(var(--ts-paragraph-indent)*-1);
        margin-inline-start: calc(var(--ts-paragraph-indent)*-1);
        -webkit-margin-end: calc(var(--ts-paragraph-indent)*-1);
        margin-inline-end: calc(var(--ts-paragraph-indent)*-1)
    }
}

[data-typesettings][data-typesettings*=vertical-rl] {
    --ts-paragraph-indent: 2em;
    --ts-main-padding-inline: var(--ts-paragraph-indent);
    width: 100vw;
    height: 100vh;
    min-height: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    text-align: justify;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
    text-orientation: upright
}

[data-typesettings][data-typesettings*=vertical-rl] a {
    border-bottom: 0;
    border-left: var(--ts-border-single)
}

[data-typesettings][data-typesettings*=vertical-rl] header h1:first-of-type {
    text-align: justify
}

[data-typesettings][data-typesettings*=vertical-rl] header h1:first-of-type+h2 {
    text-align: justify
}

[data-typesettings][data-typesettings*=vertical-rl] dd {
    border-top: var(--ts-border);
    border-right: 0;
    border-left: 0
}

[data-typesettings][data-typesettings*=vertical-rl] pre code {
    max-width: 50vw;
    min-width: 320px;
    max-height: 100%
}

[data-typesettings][data-typesettings*=vertical-rl] figure img {
    width: auto;
    height: 100%
}

[data-typesettings][data-typesettings*=vertical-rl] blockquote {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

[data-typesettings][data-typesettings*=vertical-rl] nav {
    text-align: justify
}

[data-typesettings][data-typesettings*=vertical-rl] nav>ul {
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

[data-typesettings][data-typesettings*=vertical-rl] nav>ul>li:nth-of-type(1) a {
    -webkit-padding-before: calc(var(--ts-paragraph-spacing)/2);
    padding-block-start: calc(var(--ts-paragraph-spacing)/2);
    -webkit-padding-after: calc(var(--ts-paragraph-spacing)/2);
    padding-block-end: calc(var(--ts-paragraph-spacing)/2)
}

[data-typesettings][data-typesettings*=vertical-rl]>nav:first-child {
    position: static;
    top: auto;
    z-index: 0
}

[data-typesettings][data-typesettings*=vertical-rl] article {
    max-width: 100%;
    max-height: 100%;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

@media(min-width: 62.5em) {
    [data-typesettings][data-typesettings*=vertical-rl][data-typesettings*=golden] article {
        max-height: 33ch;
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        -webkit-margin-end: auto;
        margin-inline-end: auto
    }
}

[data-typesettings][data-typesettings*=vertical-rl] header[role=banner] {
    -webkit-margin-start: calc(var(--ts-paragraph-indent)*-1);
    margin-inline-start: calc(var(--ts-paragraph-indent)*-1);
    -webkit-margin-end: calc(var(--ts-paragraph-indent)*-1);
    margin-inline-end: calc(var(--ts-paragraph-indent)*-1);
    -webkit-padding-start: var(--ts-paragraph-indent);
    padding-inline-start: var(--ts-paragraph-indent);
    -webkit-padding-end: var(--ts-paragraph-indent);
    padding-inline-end: var(--ts-paragraph-indent)
}

[data-typesettings][data-typesettings*=vertical-rl] article aside {
    float: none;
    width: auto;
    max-width: auto;
    min-width: auto;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

@media all and (-webkit-min-device-pixel-ratio: 0)and (min-resolution: 0.001dpcm) {

    [data-typesettings] [type=checkbox]:not(*:root),
    [data-typesettings] [type=radio]:not(*:root) {
        transform: translateY(-0.05ex)
    }

    [data-typesettings] form:not(*:root) {
        line-height: var(--ts-line-height-heading);
        font-size: inherit
    }
}

/*# sourceMappingURL=typesettings.css.map */