@import"https://fonts.googleapis.com/css2?family=Lora&display=swap";@import"https://fonts.googleapis.com/css2?family=Lora:wght@700&display=swap";:root{--colour: black;--background: white;--image-overlay-colour: white;--image-overlay-colour-alt: black;--image-overlay-background: white;--spacer-s: 4px;--spacer: 8px;--spacer-l: 16px;--spacer-xl: 64px;--border-style: 1px dotted var(--colour);--font-size-m: 15px;--font-size-s: .9rem;--font-size-l: 1.2rem;--font-size-xl: 1.8rem;font-size:var(--font-size-m);font-family:Lora,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color:var(--colour);line-height:1.45}@media (prefers-color-scheme: dark){:root{--colour: white;--background: black}}:root.dark{--colour: white;--background: black}:root.light{--colour: black;--background: white}@media (min-width: 1080px){:root{--font-size-m: 18px}}html{display:flex;flex-direction:column;align-items:center;height:100%;background:var(--background)}body{width:1200px;height:100%;max-width:100%;padding:0 var(--spacer-l);display:flex;flex-direction:column}a,.clickable{border-bottom:var(--border-style)}a:hover,a:focus,.clickable:hover,.clickable:focus{border-color:#0000;color:var(--background);position:relative}a:hover:after,a:focus:after,.clickable:hover:after,.clickable:focus:after{content:" ";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;transform:scale(1.025);background:var(--colour)}nav{width:100%;border-bottom:var(--border-style)}nav>ol{display:flex;flex-direction:row;margin:var(--spacer) 0}nav>ol>li{padding:var(--spacer);display:block;width:fit-content}@media (min-width: 1080px){nav>ol>li{font-size:var(--font-size-s)}}nav>ol>li:first-child{flex-basis:100%}nav>ol>li>a.active{border-bottom-style:solid}picture>img{margin:auto;width:auto;height:auto;max-width:100%;max-height:100%}main{display:flex;flex-direction:column;align-items:center;justify-content:start;padding:var(--spacer-l) 0}main>section{width:600px;max-width:100%;text-align:center;margin:var(--spacer-l) 0}main>section>h1{margin:var(--spacer) 0;font-size:var(--font-size-xl)}main>section>h1>strong{font-weight:700}main>section>p{margin:var(--spacer-l) 0}main>section>ul{margin:var(--spacer-l) 0;padding:var(--spacer) 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:600px;max-width:100%;gap:var(--spacer-s)}main>section>ul>li>button{padding:0 var(--spacer-s);border-radius:var(--spacer);border:1px dotted var(--colour)}@media (min-width: 1080px){main>section>ul>li>button{font-size:var(--font-size-s)}}main>section>ul>li.selected>button,main>section>ul>li>button:hover,main>section>ul>li>button:focus{color:var(--background);background:var(--colour)}main>ol{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;margin-bottom:var(--spacer-xl)}main>ol>li{flex-basis:100%;display:grid;grid-template-columns:auto 96px;grid-template-rows:auto auto auto;grid-column-gap:var(--spacer);grid-row-gap:0px;margin-bottom:var(--spacer-s);padding:var(--spacer-l) 0;border-top:1px dotted var(--colour)}@media (min-width: 1080px){main>ol>li{flex-basis:50%}}@media (min-width: 1080px){main>ol>li{grid-template-columns:auto 1fr auto;grid-template-rows:1fr auto 1fr;grid-column-gap:var(--spacer-l)}}main>ol>li.hidden{display:none}@media (min-width: 1080px){main>ol>li{padding:var(--spacer-l);border-top:none}}main>ol>li>h2{grid-area:1/1/2/2;align-self:end;font-weight:700;font-size:var(--font-size-l)}@media (min-width: 1080px){main>ol>li>h2{grid-area:1/2/2/3}}main>ol>li>picture{grid-area:2/2/4/3;margin-top:var(--spacer);align-self:center;justify-self:start;object-fit:contain;display:flex;align-items:center;width:96px;max-width:100%;height:96px}@media (min-width: 1080px){main>ol>li>picture{grid-area:1/1/4/2}}@media (min-width: 1080px){main>ol>li>picture{width:128px;height:128px}}main>ol>li>a{grid-area:1/2/2/3;align-self:center;justify-self:center;font-size:var(--font-size-s);width:fit-content;white-space:nowrap}@media (min-width: 1080px){main>ol>li>a{grid-area:1/3/2/4;justify-self:end;align-self:end}}main>ol>li>p{grid-area:2/1/3/2;align-self:center;margin:var(--spacer) 0}@media (min-width: 1080px){main>ol>li>p{grid-area:2/2/3/4}}main>ol>li>ul{grid-area:3/1/4/2;align-self:start;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacer-s);font-size:var(--font-size-s)}@media (min-width: 1080px){main>ol>li>ul{grid-area:3/2/4/4}}main>ol>li>ul>li{padding:0 var(--spacer-s);border-radius:var(--spacer);border:1px dotted var(--colour)}@media (min-width: 1080px){main>ol>li>ul>li{font-size:var(--font-size-s)}}:root.dark .light-image,:root.light .dark-image{display:none}:root.null .dark-image{display:none}@media (prefers-color-scheme: dark){:root.null .dark-image{display:block}:root.null .light-image{display:none}}