:root{--font-base:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.5rem;--text-2xl:1.75rem;--clr-bg:#efe9e6;--clr-bg-alt:#d7c9c1;--clr-light:white;--clr-dark:#333;--clr-grey:#666;--clr-text:var(--clr-dark);--border:1px solid var(--clr-dark);--page-padding-inline:2rem;--container-lg-width:min(100%, 64rem);--container-md-width:min(100%, 50rem);--container-sm-width:min(100%, 32rem);--section-content-gap:2.5rem;--section-padding:4.5rem var(--page-padding-inline)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-base);background-color:var(--clr-bg);color:var(--clr-text);flex-direction:column;min-height:100svh;display:flex}body>footer{margin-top:auto}h1,h2,h3,h4{text-wrap:balance}p,li{text-wrap:pretty}a{color:var(--clr-text)}img{vertical-align:middle;max-width:100%;height:auto;font-style:italic}.back-link{color:var(--clr-text);font-size:1rem;text-decoration:none;display:inline-block}.back-link:before{content:"← "}.back-link:hover{text-decoration:underline}.page-section{padding:var(--section-padding);gap:var(--section-content-gap);flex-flow:column;display:flex}.container-large>*{width:var(--container-lg-width);margin-inline:auto}.container-medium>*{width:var(--container-md-width);margin-inline:auto}.container-small>*{width:var(--container-sm-width);text-align:center;margin-inline:auto}.section-header{text-align:center;font-size:2rem}.card-list{justify-content:center;gap:var(--section-content-gap);flex-flow:wrap;display:flex}.card{background-color:var(--clr-light);border:var(--border);border-bottom-width:2px;border-radius:20px;text-decoration:none;transition:transform .12s ease-out}.card:hover,.card:focus-visible{transform:translateY(-2px)}.card:active{transform:translateY(0)}@media (width<=700px){:root{--page-padding-inline:1.625rem;--section-padding:3rem var(--page-padding-inline)}}@media (width<=400px){h1{margin-bottom:1rem;font-size:2.375rem}}header.app-header.header-dark{--clr-header-bg:var(--clr-dark);--clr-header-text:var(--clr-bg);--clr-header-border:#ffffff24}header.app-header{--clr-header-bg:var(--clr-bg);--clr-header-text:var(--clr-text);--clr-header-border:#0000001f;z-index:20;background-color:var(--clr-header-bg);border-bottom:1px solid var(--clr-header-border);padding-inline:0;position:sticky;top:0}header.app-header a{color:var(--clr-header-text);text-decoration:none}.header-container{max-width:var(--container-md-width);margin-inline:max(var(--page-padding-inline), calc((100% - var(--container-md-width)) / 2));flex-direction:row;justify-content:space-between;align-items:center;gap:1.5rem;padding-block:1.25rem 1rem;display:flex}.header-nav{font-size:var(--text-md);font-family:var(--font-base);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;font-weight:400;display:flex}.header-nav a{flex-direction:column;align-items:center;padding-block:.25rem;display:inline-flex}.header-nav a:after{content:attr(data-label);visibility:hidden;user-select:none;pointer-events:none;height:0;font-weight:700;overflow:hidden}.header-nav a:hover{text-underline-offset:3px;text-decoration:underline 1.5px}.header-nav a.is-active{font-weight:700}@media (width<=700px),(height<=500px){.header-container{padding-block:1rem .75rem}}@media (width<345px){.header-container{gap:1rem}.header-nav{gap:.75rem}}.header-brand{font-family:var(--font-base);font-size:var(--text-lg);white-space:nowrap;font-weight:700}.header-name-short{display:none}@media (width<=550px){.header-name-full{display:none}.header-name-short{display:inline}}footer{background-color:var(--clr-bg);color:var(--clr-text);border-top:1px solid #0000001f;flex-flow:column;justify-content:center;align-items:center;gap:2rem;padding-block:2.5rem;display:flex}footer .link-container{flex-flow:wrap;justify-content:center;align-items:center;column-gap:1.75rem;display:flex}.footer-link{color:var(--clr-text);text-underline-offset:3px;text-decoration:underline 1px}.footer-link:hover,.footer-link:focus-visible{text-decoration-thickness:2px}.footer-bottom{text-align:center;flex-flow:column;align-items:center;gap:1rem;display:flex}