:root{--fs-base: 1.25rem;--fs-h1: calc(var(--fs-base) * 2);--fs-h2: var(--fs-base);--lh-base: 1.3;--lh-h1: 1.1;--lh-h2: var(--lh-h1);--color-bg: #fff;--color-text: #000;--color-theme: rgb(44 85 96 / .5);--site-gutter: var(--fs-base);--max-content-width: 560px;--border-width: var(--fs-base)}@media only screen and (min-width: 768px){:root{--site-gutter: calc(var(--fs-base) * 2)}}*,*::before,*::after{box-sizing:border-box}html{margin:0;height:100%}body{margin:0;min-height:100%}h1,h2,h3,p{margin-block-start:0}figure{margin:0}img{display:block}ul{padding-inline-start:1em}::-moz-selection{background:var(--color-theme)}::selection{background:var(--color-theme)}body{position:relative;font-family:sans-serif;font-size:var(--fs-base);line-height:var(--lh-base);background:var(--color-bg)}h1{font-size:var(--fs-h1);line-height:var(--lh-h1);margin-block-end:var(--fs-base)}h2,h3{font-size:var(--fs-h2);line-height:var(--lh-h2)}h3,.h3{margin-block-end:0}a{color:inherit}.unstyled-list{padding:0;margin:0;list-style:none}.btn{display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;text-decoration:none;color:inherit;border:1px solid currentColor;border-radius:.5em;padding:.3em .5em calc(.3em - 1px) .5em;line-height:1}@media(pointer: fine){.btn:hover{background:rgba(44,85,96,.75);border-color:#2c5560;color:#fff}}.header a{display:flex;justify-content:center;padding:var(--site-gutter)}.logo{width:100%;height:auto;max-width:var(--max-content-width)}.article{--color-bg: white;--border-color: rgb(44 85 96 / .5);--border-width-top: 0;--border-width-right: 0;--border-width-bottom: 0;--border-width-left: 0;--border-base-width: 100%;--border-base-height: 100%;--gutter-block-end: .1px;--pullout-start: .1px;--pullout-end: .1px;--offset-top: calc(var(--border-width) * var(--border-width-top));--offset-right: calc(var(--border-width) * var(--border-width-right));--offset-bottom: calc(var(--border-width) * var(--border-width-bottom));--offset-left: calc(var(--border-width) * var(--border-width-left));position:relative;display:grid;gap:1em;padding-block:calc(var(--border-width)*2);padding-inline-start:calc(var(--border-width) + var(--pullout-start));padding-inline-end:calc(var(--border-width) + var(--pullout-end));background:var(--color-bg);margin-inline-start:calc(var(--site-gutter) - var(--pullout-start, 0));margin-inline-end:calc(var(--site-gutter) - var(--pullout-end, 0));margin-block-start:var(--offset-top, 0);margin-block-end:calc(var(--offset-bottom, 0) + var(--gutter-block-end, 0))}.article::before{content:"";position:absolute;background:var(--border-color);top:calc(var(--offset-top)*-1);left:calc(var(--offset-left)*-1 + var(--pullout-start));right:calc(var(--offset-right)*-1);width:calc(var(--border-base-width) + var(--offset-left, 0) + var(--offset-right, 0) - var(--pullout-end));height:calc(var(--border-base-height) + var(--offset-top) + var(--offset-bottom));max-width:calc(50svw + var(--max-content-width)*.5);z-index:-1}@media only screen and (min-width: 768px){.article{padding-inline-start:calc(var(--border-width)*2 + var(--pullout-start));padding-inline-end:calc(var(--border-width)*2 + var(--pullout-end))}}.section{width:100%;max-width:var(--max-content-width);margin-inline:auto;background:var(--color-bg)}.b1{--border-width-top: 3;--border-width-bottom: 3;--border-width-left: 1;margin-inline-start:var(--offset-left)}@media only screen and (min-width: 768px){.b1{--border-width-left: 2;--border-width-top: 4}}.b2{--border-width-top: 1;--border-width-bottom: 15;--border-width-right: 1;--border-base-width: 75%;--gutter-block-start: calc(var(--site-gutter) * 2);--pullout-start: var(--site-gutter)}.b2::before{left:auto;width:100%;max-width:none}@media only screen and (min-width: 768px){.b2{--border-width-right: 2}.b2::before{width:calc(50svw + var(--max-content-width)*.5 + var(--site-gutter))}}.footer{width:100%;margin-inline:auto;line-height:1;padding-inline-start:calc(var(--border-width) + var(--site-gutter));padding-inline-end:calc(var(--border-width) + var(--site-gutter));position:absolute;bottom:-2em}@media only screen and (min-width: 768px){.footer{max-width:var(--max-content-width);padding-inline-start:0;padding-inline-end:calc(var(--border-width)*2 + var(--site-gutter));left:calc((100svw - var(--max-content-width))/2)}}

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