:root{--design-webpage-article-width:774px}#app{grid-template-rows:[header-start]144px[header-end main-start]minmax(calc(100vh - 401px),1fr)[main-end footer-start]max-content[footer-end];grid-template-columns:16px[main-start]1fr[header-start footer-start]minmax(0,1240px)[header-end footer-end]1fr[main-end]16px;min-height:100vh;font-size:20px;line-height:35px;display:grid}#app>footer{grid-area:footer-start/footer-start/footer-end/footer-end;width:100%;margin:60px auto 20px}#app>footer>.logo{color:#757575;text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px;font-size:26px;display:flex}#app>footer>.logo:focus-visible,#app>footer>.logo:hover{color:oklch(54.76% .1944 256.31)}#app>footer>nav>ul{color:#767676;flex-direction:row;justify-content:center;align-items:center;gap:24px;display:flex}#app>footer>nav>ul>li{cursor:pointer;letter-spacing:.05em;text-transform:uppercase;font-size:13px;font-weight:500;font-stretch:115%;line-height:24px}#app>footer>nav>ul>li:focus-visible,#app>footer>nav>ul>li:hover{color:oklch(54.76% .1944 256.31)}#app>header:not(.utility-mobile-only){flex-direction:row;grid-area:header-start/header-start/header-end/header-end;justify-content:space-between;align-items:baseline;width:100%;margin:0 auto 60px;display:flex}#app>header:not(.utility-mobile-only)>.logo{color:#757575;font-size:26px}#app>header:not(.utility-mobile-only)>.logo:focus-visible,#app>header:not(.utility-mobile-only)>.logo:hover{color:oklch(54.76% .1944 256.31)}#app>header:not(.utility-mobile-only)>nav{flex-direction:row;justify-content:space-between;align-items:baseline;margin-top:40px;margin-bottom:20px;display:flex}#app>header:not(.utility-mobile-only)>nav>ul{color:#767676;align-items:center;gap:20px;display:flex}#app>header:not(.utility-mobile-only)>nav>ul>li{cursor:pointer;letter-spacing:.05em;text-transform:uppercase;font-size:13px;font-weight:500;font-stretch:115%;line-height:24px}#app>header:not(.utility-mobile-only)>nav>ul>li:focus-visible,#app>header:not(.utility-mobile-only)>nav>ul>li:hover{color:oklch(54.76% .1944 256.31)}#app>main{grid-area:main-start/main-start/main-end/main-end;width:100%}#app>main.action{align-content:center;height:100%}#app>main.action>.options{grid-auto-columns:1fr;grid-auto-flow:column;justify-content:center;gap:20px;margin:0 auto;display:grid}#app>main.action>.options.wide{gap:96px}#app>main.article{height:100%}#app>main.article>nav.related>ul{text-align:center;grid-template-columns:repeat(4,1fr);gap:14px;width:1240px;margin:30px auto;display:grid}@media (width<1240px){body{grid-template-rows:[header-start]64px[header-end]24px[main-start]minmax(calc(100vh - 401px),1fr)[main-end footer-start]max-content[footer-end]}body>footer>nav>ul{flex-direction:column;gap:8px;margin-top:16px}body>footer>nav>ul>li{font-size:12px!important}#app>header{flex-direction:row;grid-area:header-start/header-start/header-end/header-end;justify-content:space-between;align-items:center;display:flex}#app>header>.logo{color:#757575;font-size:20px;line-height:22px}#app>header>.logo:focus-visible,#app>header>.logo:hover{color:oklch(54.76% .1944 256.31)}main{align-content:start}footer{text-align:center}footer>:nth-child(3){align-items:center;flex-direction:column-reverse!important;width:auto!important}footer>:nth-child(3)>:nth-child(2){width:auto!important;margin-bottom:24px!important}footer>.logo{font-size:20px!important}footer>nav>ul{flex-wrap:wrap;flex-direction:column!important}}