.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@layer astro.images{:where([data-astro-image]){height:auto}:where([data-astro-image=full-width]){width:100%}:where([data-astro-image=constrained]){max-width:100%}[data-astro-image-fit=fill]{object-fit:fill}[data-astro-image-fit=contain]{object-fit:contain}[data-astro-image-fit=cover]{object-fit:cover}[data-astro-image-fit=scale-down]{object-fit:scale-down}[data-astro-image-pos=top]{object-position:top}[data-astro-image-pos=bottom]{object-position:bottom}[data-astro-image-pos=left]{object-position:left}[data-astro-image-pos=right]{object-position:right}[data-astro-image-pos=center]{object-position:center}[data-astro-image-pos=top-bottom]{object-position:top bottom}[data-astro-image-pos=top-left]{object-position:top left}[data-astro-image-pos=top-right]{object-position:top right}[data-astro-image-pos=top-center]{object-position:top center}[data-astro-image-pos=bottom-top]{object-position:bottom top}[data-astro-image-pos=bottom-left]{object-position:bottom left}[data-astro-image-pos=bottom-right]{object-position:bottom right}[data-astro-image-pos=bottom-center]{object-position:bottom center}[data-astro-image-pos=left-top]{object-position:left top}[data-astro-image-pos=left-bottom]{object-position:left bottom}[data-astro-image-pos=left-right]{object-position:left right}[data-astro-image-pos=left-center]{object-position:left center}[data-astro-image-pos=right-top]{object-position:right top}[data-astro-image-pos=right-bottom]{object-position:right bottom}[data-astro-image-pos=right-left]{object-position:right left}[data-astro-image-pos=right-center]{object-position:right center}[data-astro-image-pos=center-top]{object-position:center top}[data-astro-image-pos=center-bottom]{object-position:center bottom}[data-astro-image-pos=center-left]{object-position:center left}[data-astro-image-pos=center-right]{object-position:center right}}.visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}:root{--woko-size-gap:10px;--woko-size-border:3px;--woko-size-logo:60px;--woko-size-h1:3rem;--woko-size-max-object-length:50ch;--woko-size-max-line-length:80ch;--woko-color-primary:#19379b;--woko-color-secondary:#fac8dc;--woko-color-text:black;--woko-color-background:white}body{font-family:var(--font-inter);hyphens:auto}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--font-gunter)}details>summary{font-size:1rem;font-weight:400;font-family:var(--font-inter);color:var(--woko-color-text);border:var(--woko-size-border) solid var(--woko-color-text);outline:var(--woko-size-border) solid var(--woko-color-background);cursor:pointer;background:#fff6;margin-bottom:.5em;padding:.75rem 1rem;font-weight:700;line-height:1.2}details{margin:1rem;line-height:1.5}page-header,.page-header{font-weight:100;font-family:var(--font-inter)}p{color:var(--woko-color-text);margin:.8rem 0;line-height:1.5rem}a{color:var(--woko-color-text);box-shadow:0 var(--woko-size-border) 0 0 var(--woko-color-text), 0 calc(var(--woko-size-border) * 2) 0 0 var(--woko-color-background);font-weight:700;text-decoration:none}button{color:var(--woko-color-text);border:var(--woko-size-border) solid var(--woko-color-text);outline:var(--woko-size-border) solid var(--woko-color-background);cursor:pointer;background:0 0;font-weight:700}.startpage-button{width:90%;color:var(--woko-color-text);background:color-mix(in srgb, var(--woko-color-secondary) 70%, transparent);border:var(--woko-size-border) solid var(--woko-color-text);outline:var(--woko-size-border) solid var(--woko-color-background);hyphens:none;box-shadow:none;margin-bottom:1em;padding:.75rem 1rem;font-size:.9rem;font-weight:600}ul{list-style-type:square}ul li{margin-bottom:.3rem}body{margin:0;top:0;& .header-background-image,& .background-image{z-index:-10;background-color:#fff;width:100vw;height:100vh;position:fixed;inset-block-start:0}& .header-background-image{clip-path:inset(0 0 calc(100vh - var(--woko-size-logo) - 4 * var(--woko-size-border) - var(--woko-size-gap)) 0);z-index:0}}main[data-astro-cid-z4jru4n3]{max-width:var(--woko-size-max-line-length);padding:var(--woko-size-gap);margin-inline:auto}nav[data-astro-cid-fcezbbku]{background-color:var(--woko-color-background);width:var(--woko-size-logo);height:var(--woko-size-logo);z-index:100;border:var(--woko-size-border) solid var(--woko-color-text);outline:var(--woko-size-border) solid var(--woko-color-background);flex-direction:column;transition:none .2s ease-in-out;display:flex;position:fixed;inset-block-start:var(--woko-size-gap);inset-inline-end:var(--woko-size-gap);@media (prefers-reduced-motion:no-preference){transition-property:width,height}&:has(.nav-toggle[aria-expanded=true]){width:var(--woko-size-max-object-length);height:calc(100vh - 2 * var(--woko-size-gap) - 2 * var(--woko-size-border));max-width:calc(100vw - 2 * var(--woko-size-gap) - 2 * var(--woko-size-border))}& .nav-toggle{width:var(--woko-size-logo);cursor:pointer;background:0 0;border:none;outline:none;align-self:end;margin:0;padding:0;display:flex}& .nav-panel{opacity:1;display:block;&.hidden{opacity:0;display:none}}}header[data-astro-cid-nen7h5rs]{height:var(--woko-size-logo);width:calc(100vw - var(--woko-size-logo) - 2 * var(--woko-size-gap));min-height:calc(var(--woko-size-logo) + 2 * var(--woko-size-gap));width:fit-content;max-width:calc(100% - var(--woko-size-logo) - 2 * var(--woko-size-gap));align-items:center;font-size:.8rem;display:flex;position:sticky;inset-block-start:var(--woko-size-gap);& h1{font-family:var(--font-gunter);text-shadow:-1px -1px 0 var(--woko-color-background), 1px -1px 0 var(--woko-color-background), -1px 1px 0 var(--woko-color-background), 1px 1px 0 var(--woko-color-background);margin:0;padding:0}& .logo{font-family:var(--font-inter);font-size:var(--woko-size-logo);height:var(--woko-size-logo);width:fit-content;height:var(--woko-size-logo);text-shadow:-3px -3px 0 var(--woko-color-background), 3px -3px 0 var(--woko-color-background), -3px 3px 0 var(--woko-color-background), 3px 3px 0 var(--woko-color-background);inset-block-start:var(--woko-size-gap)}& .sub-logo{font-family:var(--font-inter);text-shadow:-1px -1px 0 var(--woko-color-background), 1px -1px 0 var(--woko-color-background), -1px 1px 0 var(--woko-color-background), 1px 1px 0 var(--woko-color-background);margin-top:0;font-size:1.1em}}
