@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";nav{ul{display:flex;gap:1em}li,a{display:block}a{text-decoration:none;color:purple;font-weight:700;padding:.3em .6em;border-radius:.3em;&:hover{background:#eee}}.selected a{background:purple;color:#fff}details{summary{display:none}&::details-content{display:block;content-visibility:visible}}@media (hover: none){details{summary{display:block;background:purple;color:#fff;padding:.3em .6em;border-radius:.3em}&::details-content{content-visibility:hidden}&[open]{summary{position:relative;z-index:1000}&::details-content{z-index:200;position:fixed;inset:0;background:#fffc;content-visibility:visible;display:flex;align-items:center;justify-content:center}ul{background:#fff;max-width:20ch;margin:0 auto;padding:2em;flex-direction:column}li{text-align:center}}}}}*{margin:0;padding:0}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box}img{display:block;width:100%;height:auto}:root{--fs-body: clamp(.75rem, .6667rem + .4167vw, 1rem);--fs-heading-6: clamp(.8438rem, .725rem + .5938vw, 1.2rem);--fs-heading-5: clamp(.9492rem, .7856rem + .818vw, 1.44rem);--fs-heading-4: clamp(1.0679rem, .8478rem + 1.1002vw, 1.728rem);--fs-heading-3: clamp(1.2014rem, .9106rem + 1.4537vw, 2.0736rem);--fs-heading-2: clamp(1.3515rem, .9726rem + 1.8947vw, 2.4883rem);--fs-heading-1: clamp(1.5205rem, 1.032rem + 2.4425vw, 2.986rem)}html{font-family:Lato,sans-serif;font-size:var(--fs-body);line-height:1.4}body,input,textarea,button,select,option{font:inherit}:is(p,ul,ol,table):not(:last-child){margin-bottom:1.5em}ul,ol{padding-left:2em;line-height:1.3}ul li,ol li{padding-bottom:.3em}h1,h2,h3,h4,h5,h6{margin-bottom:.4em;line-height:1.1}:where(h1,h2,h3,h4,h5,h6):where(:not(:first-child)){margin-top:1em}section header :is(h1,h2,h3,h4,h5,h6)+:is(h1,h2,h3,h4,h5,h6){margin-top:0}h1{font-size:var(--fs-heading-1)}h2{font-size:var(--fs-heading-2)}h3{font-size:var(--fs-heading-3)}h4{font-size:var(--fs-heading-4)}h5{font-size:var(--fs-heading-5)}h6{font-size:var(--fs-heading-6)}blockquote{border-left:4px solid #CCC;margin-bottom:1.5em;padding-left:2em;font-style:italic}blockquote p:last-child{padding:0}hr{border:1px solid #CCC;margin:2em 0 1em}body{padding:var(--fs-heading-1);background:#eee;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5em;>*{width:100%}}.button{display:inline-block;border:none;background:purple;color:#fff;text-decoration:none;outline:none;padding:.5em 1.2em;border-radius:.3em;cursor:pointer;position:relative}.button+.button{margin-left:1em}.button:hover{background:orange}.button:focus-visible{outline:2px solid orange;outline-offset:2px}.button.secondary{background:#ddd;color:#666}.button.secondary:hover{background:orange;color:#fff}.button:active,.button.secondary:active{background:#000;color:#fff;top:1px}body:has(.button:focus-visible) .button:not(:focus-visible){opacity:.4}table{width:100%;border-collapse:collapse}table :is(th,td){border:1px solid #CCC;padding:.5em .8em}table th{background:#ddd;text-align:left}table tr:nth-last-of-type(2n){background:#eee}form{--clr-error: #C00;--clr-success: #060;--clr-focus: orange;--clr-border: #DDD;--clr-input-text: #333;--clr-label-text: #333;--size-border-radius: .3em;padding-bottom:1em;fieldset{border:2px solid var(--clr-border);padding-inline:1.5em;padding-block:1em;padding-block-end:1.5em;border-radius:var(--size-border-radius);margin-bottom:1.5em;legend{padding-inline:.5em;margin-inline:1em;font-weight:700}}.field{padding-bottom:1.5em;position:relative;>label{display:block;font-weight:700;color:var(--clr-label-text)}textarea,input[type=text],input[type=password],input[type=email],input[type=number]{display:block;width:100%;padding:.5rem .8em;border:2px solid var(--clr-border);border-radius:var(--size-border-radius);outline:none;&:focus{--clr-border: var(--clr-focus)}}.info{font-size:.9em;font-style:italic;opacity:.6}.input-wrapper{ul{display:flex;flex-direction:column;gap:.5em;margin-block:.5em;padding-left:0;li{display:flex;align-items:center;gap:.5em;padding:0}}}&:has(:user-invalid){--clr-border: var(--clr-error);--clr-label-text: var(--clr-error)}&:has(:user-valid){--clr-border: var(--clr-success);--clr-label-text: var(--clr-success)}&:has(:focus){--clr-border: var(--clr-focus);--clr-label-text: var(--clr-focus)}input[type=radio],input[type=checkbox]{&:focus+label{font-weight:700;color:var(--clr-focus)}&:checked+label{font-weight:700;color:var(--clr-success)}}.input-wrapper:has(ul input[type=radio],ul input[type=checkbox]):not(:focus-within) li{opacity:.2;&:has(:checked){opacity:1}}&.custom{input[type=radio]{appearance:none;width:1.5em;aspect-ratio:1;border:2px solid var(--clr-border);border-radius:50%;position:relative;overflow:hidden;&:before{display:block;content:"";position:absolute;inset:.2em;background:#060;border-radius:inherit;translate:0 -150%;transition:translate .3s ease-in}&:checked:before{translate:0}}input[type=checkbox]{appearance:none;width:3em;aspect-ratio:3/1.5;border:2px solid var(--clr-border);border-radius:1em;position:relative;overflow:hidden;transition:background-color .3s ease-in,border-color .3s ease-in;&:before{display:block;content:"";position:absolute;width:1em;aspect-ratio:1;top:.1em;left:.1em;background:#ccc;border-radius:inherit;transition:background-color .3s ease-in,left .3s ease-in}&:checked{background:#20b2aa;border-color:#090;&:before{left:1.6em;background-color:#fff}}}}}}form .field.floating-label{>label{display:block;font-weight:700;position:absolute;padding:.5rem 0;font-size:.9em;translate:0 -50%;transition:translate .3s ease-in;pointer-events:none}textarea,input[type=text],input[type=password],input[type=email],input[type=number]{display:block;width:100%;padding:.5rem 0;border:none;border-bottom:2px solid var(--clr-border);outline:none;border-radius:0;&::placeholder{color:transparent}}&:has(:placeholder-shown)>label{translate:0}}.section .inner{background:#fff;border-radius:.3em;box-shadow:0 0 1em #0000001a;max-width:120ch;margin:0 auto;padding:var(--fs-heading-6) var(--fs-heading-3)}.section.site-header{.inner{display:flex;align-items:center}h1,p{margin:0;padding:0;line-height:1}.site-title{background:purple;padding:.3em .6em;border-radius:.1em;margin-right:.5em;a{display:block;text-decoration:none;color:#fff;font-size:var(--fs-heading-4);font-weight:700}}nav{margin-left:auto}}.section.site-footer{.columns{display:flex;margin-bottom:1.5em;>.column{flex:1 1 auto}ul{padding-left:1em}}}.section-banner{.inner{display:flex;flex-direction:column;gap:2em;text-align:center;padding-block:6em}}.section.banner .section.banner .media{flex:0 0 30ch;background:#eee;border-radius:.3em;border:1px solid #CCC;aspect-ratio:1;overflow:hidden;order:-1}.section.banner .media img{height:100%;object-fit:cover}@media (width > 650px){.section.banner .inner{flex-direction:row}.section.banner .media{order:initial}}.section-listing{.inner{padding-block:2em;display:flex;flex-wrap:wrap;gap:2em;&:before,&:after{display:block;content:"";order:999}&:before,&:after,>article{flex:1 1 30ch}}article{.media{overflow:hidden;border-radius:.3em;box-shadow:0 0 1em #0003}.content{padding-top:.5em;h3{font-size:1.35em;line-height:1}p.date{font-size:.9em;font-style:italic;opacity:.65;line-height:1}a{text-decoration:none;color:inherit}.read-more{color:purple;&:hover{text-decoration:underline}}}}}