*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}a{color:inherit}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;background-size:cover}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth}body{display:flex;flex-direction:column}body>*{width:100%}body>main{flex:1}hr{border:none;border-top:solid 1px #0001}ul,ol{margin-left:2rem}:root{--saturation:60%;--lightness:50%;--default: lch(50% 0 0);--primary: lch(30% 80 320);--success: lch(40% 70 136);--danger: lch(50% 70 27);--warning: lch(50% 70 70);--info: lch(50% 70 282);--admin:orangered;scrollbar-gutter:stable;font-family:system-ui,sans-serif;font-weight:400}.container{max-width:1200px;margin-left:auto;margin-right:auto;padding:1rem}.container.middle{display:flex;justify-content:center;align-items:center}.container.middle>*{width:100%}.group{display:flex;gap:1rem;align-items:center}.group.r{justify-content:flex-end}.group.c{justify-content:center}.p{line-height:1.6;font-size:1.1em}.p :is(img.float){display:block;margin-bottom:1rem}@media (min-width: 768px){.p :is(img.float){float:left;margin-right:1rem;margin-bottom:0rem}}.c{text-align:center}.r{text-align:right}.rounded{border-radius:.5rem}.btn,[class|=btn-],[class^=btn-]{display:inline-block;padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;transition:background-color .3s;background-color:var(--default);color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:hover,[class|=btn-]:hover,[class^=btn-]:hover{filter:brightness(.9);text-decoration:none!important}.btn:active,[class|=btn-]:active,[class^=btn-]:active{filter:brightness(1.1);transform:translateY(1px)}.btn:focus,[class|=btn-]:focus,[class^=btn-]:focus{outline:none;box-shadow:0 0 0 3px #0000001a}.btn[disabled],[class|=btn-][disabled],[class^=btn-][disabled]{opacity:.5;cursor:not-allowed}.btn.btn-primary,[class|=btn-].btn-primary,[class^=btn-].btn-primary{background-color:var(--primary);color:#fff}.btn.btn-success,[class|=btn-].btn-success,[class^=btn-].btn-success{background-color:var(--success);color:#fff}.btn.btn-danger,[class|=btn-].btn-danger,[class^=btn-].btn-danger{background-color:var(--danger);color:#fff}.btn.btn-warning,[class|=btn-].btn-warning,[class^=btn-].btn-warning{background-color:var(--warning);color:#fff}.btn.btn-info,[class|=btn-].btn-info,[class^=btn-].btn-info{background-color:var(--info);color:#fff}.btn.btn-trans,[class|=btn-].btn-trans,[class^=btn-].btn-trans{background-color:#0003;color:inherit}.btn.c,[class|=btn-].c,[class^=btn-].c{display:block;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.alert,[class|=alert-],[class^=alert-]{padding:1rem;border-radius:.25rem;margin-bottom:1rem;font-size:1rem;font-weight:700;text-align:center;display:flex;gap:1rem;align-items:center}.alert.c,[class|=alert-].c,[class^=alert-].c{justify-content:center}.alert.alert-primary,[class|=alert-].alert-primary,[class^=alert-].alert-primary{background-color:color-mix(in srgb,var(--primary) 30%,white);color:color-mix(in srgb,var(--primary) 50%,black)}.alert.alert-success,[class|=alert-].alert-success,[class^=alert-].alert-success{background-color:color-mix(in srgb,var(--success) 30%,white);color:color-mix(in srgb,var(--success) 50%,black)}.alert.alert-danger,.alert.alert-error,[class|=alert-].alert-danger,[class|=alert-].alert-error,[class^=alert-].alert-danger,[class^=alert-].alert-error{background-color:color-mix(in srgb,var(--danger) 30%,white);color:color-mix(in srgb,var(--danger) 50%,black)}.alert.alert-warning,[class|=alert-].alert-warning,[class^=alert-].alert-warning{background-color:color-mix(in srgb,var(--warning) 30%,white);color:color-mix(in srgb,var(--warning) 50%,black)}.alert.alert-info,[class|=alert-].alert-info,[class^=alert-].alert-info{background-color:color-mix(in srgb,var(--info) 30%,white);color:color-mix(in srgb,var(--info) 50%,black)}form.narrow{max-width:400px;margin-left:auto;margin-right:auto}form :is(fieldset){border:none;padding:0;margin:0}form :is(fieldset) :is(label){display:block;font-weight:700;color:#666}form :is(fieldset) :is(label):not(:last-child){margin-bottom:.5rem}form :is(fieldset) :is(label) :is(i){font-size:.8em;font-weight:400;color:var(--info)}form :is(fieldset):has([required]) label:after{content:"*";color:var(--danger)}form :is(fieldset) :is(label.btn:has(input[type=radio]),label[class*=btn-]:has(input[type=radio])):has(input[type=radio]:not(:checked)){opacity:.5}form :is(fieldset) :is(label.btn:has(input[type=radio]),label[class*=btn-]:has(input[type=radio])) :is(input[type=radio]){display:none}form :is(fieldset) :is(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],textarea){width:100%;padding:.5rem;margin-bottom:1rem;border-radius:.25rem;border:solid 1px #0003}form :is(fieldset) :is(input[type=checkbox],input[type=radio]){accent-color:var(--primary)}form :is(fieldset) :is(textarea){resize:vertical}form :is(fieldset) :is(select){width:100%;padding:.5rem;margin-bottom:1rem;border-radius:.25rem;border:solid 1px #0003}form :is(fieldset)>div{display:flex;gap:.5rem;align-items:stretch}form :is(fieldset)>div>*{margin-block:0}form :is(fieldset+fieldset){margin-top:1rem}table{width:100%;border-collapse:collapse}table :is(th,td){padding:.5rem;border-bottom:solid 1px #0001;text-align:left}table :is(th){background-color:#0001;font-weight:700}nav.site-navigation{padding:2rem 1rem;max-width:1200px;margin-inline:auto;display:flex;align-items:center;gap:2rem}nav.site-navigation :is(a){text-decoration:none;font-weight:600}nav.site-navigation :is(a):hover{text-decoration:underline}nav.site-navigation :is(img.logo){height:100px}nav.site-navigation .btn-primary{padding:1rem}footer.site-footer{padding:2rem 1rem;text-align:center;color:#666;max-width:1200px;margin-inline:auto}footer.site-footer .footer-content{border-top:solid 1px #0001;border-bottom:solid 1px #0001;padding:3rem 0;display:flex;justify-content:space-between}footer.site-footer .footer-content .footer-nav{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}footer.site-footer .footer-content .footer-nav :is(a){font-size:1rem;line-height:1.5}nav[aria-label=breadcrumb]{padding:1rem 0;max-width:1200px;margin-inline:auto;display:flex;gap:1rem;align-items:center;color:#666}nav[aria-label=breadcrumb] :is(ol){display:flex;gap:.5rem;align-items:center;list-style-type:none;li:not(:last-child) {&::after {content: "⟩"; opacity:.5; font-size:.5rem; margin: 0 .5rem;}}}nav[aria-label=breadcrumb] :is(ol) :is(li){display:flex;gap:.5rem;align-items:center}nav[aria-label=breadcrumb] :is(a){text-decoration:none;font-weight:600}nav[aria-label=breadcrumb] :is(a):hover{text-decoration:underline}nav>ul.pagination{list-style-type:none;margin-block:1rem;display:flex;gap:.5rem;color:#666;-webkit-user-select:none;-moz-user-select:none;user-select:none;span:not([aria-hidden]) {background-color: #0003; &:hover {background-color: #0003;}}}nav>ul.pagination :is(a){display:block;padding:.5rem 1rem;text-decoration:none;border-radius:.25rem}nav>ul.pagination :is(a):hover{background-color:#0003}nav>ul.pagination :is(a).current{background-color:#0003}nav>ul.pagination :is(span){display:block;padding:.5rem 1rem;border-radius:.25rem}nav>ul.pagination :is(span)[aria-hidden]{opacity:.5;pointer-events:none}.page-notifications .alert{display:flex;gap:1rem;align-items:center;position:fixed;top:1rem;left:50%;translate:-50%;animation:slide-down .5s ease-out;margin:0}.page-notifications .alert.dismissed{display:none}@keyframes slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.dialog[open]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:1rem;border-radius:.25rem;max-width:600px;width:calc(100% - 1rem);text-align:left;border:solid 1px #0001}.dialog :is(footer){position:sticky;bottom:-1rem;display:flex;gap:1rem;justify-content:flex-end;background-color:color-mix(in srgb,var(--default) 30%,transparent);margin:1rem -1rem -1rem;padding:1rem}::backdrop{background-color:#00000080}details.details{background-color:#00000008}details.details>summary{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:700;cursor:pointer;padding:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#666;background-color:#0001}details.details>summary:hover{background-color:#0003}details.details>summary::-webkit-details-marker{display:none}details.details[open]{padding:1rem}details.details[open]>summary{margin:-1rem -1rem 1rem}.card,[class|=card-],[class^=card-]{border-radius:.25rem;border:solid 1px color-mix(in srgb,var(--card-accent-color) 10%,transparent);padding:1rem;background-color:#fff;box-shadow:0 0 1rem #0000001a;transition:box-shadow .3s;--card-accent-color:#000}.card.card-primary,[class|=card-].card-primary,[class^=card-].card-primary{--card-accent-color: var(--primary)}.card.card-success,[class|=card-].card-success,[class^=card-].card-success{--card-accent-color: var(--success)}.card.card-danger,[class|=card-].card-danger,[class^=card-].card-danger{--card-accent-color: var(--danger)}.card.card-warning,[class|=card-].card-warning,[class^=card-].card-warning{--card-accent-color: var(--warning)}.card.card-info,[class|=card-].card-info,[class^=card-].card-info{--card-accent-color: var(--info)}.card:hover,[class|=card-]:hover,[class^=card-]:hover{box-shadow:0 0 1rem #0003}.card>header,[class|=card-]>header,[class^=card-]>header{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;background-color:color-mix(in srgb,var(--card-accent-color) 10%,transparent);padding:1rem;margin:-1rem -1rem 1rem}.card>header :is(h1,h2,h3,h4,h5,h6),[class|=card-]>header :is(h1,h2,h3,h4,h5,h6),[class^=card-]>header :is(h1,h2,h3,h4,h5,h6){margin:0}.card>footer,[class|=card-]>footer,[class^=card-]>footer{margin-top:1rem;background-color:color-mix(in srgb,var(--card-accent-color) 10%,transparent)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cover-image-container img{min-height:20vh}
