/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,*::before,*::after{box-sizing:border-box}:root{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}hr{border-width:1px}*,::before,::after{border-width:0;border-style:solid;border-color:#555}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],select,textarea{appearance:none;-moz-appearance:none;background-color:#fff;border-color:#787870;border-width:1px;border-radius:0;padding:.2rem .6rem;font-size:1rem;line-height:1.2rem
}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,select:focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;border-color:#2563eb
}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.2em 1.2em;padding-right:1.5rem;color-adjust:exact
}@font-face {
    font-family: "gull";
    src: url("/font/gull.woff2") format("woff2"),
      url("/font/gull.woff") format("woff"),
      url("/font/gull.ttf") format("truetype");
}.icon{font-family:"gull" !important;font-size:inherit;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.js-hide{display:revert;display:inherit}.js-only{display:none}*,::before,::after{border-width:0;border-style:solid;border-color:#495057}.btn {border-width: 1px;border-radius: .25rem;box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);padding-top: 0.5rem; padding-bottom: 0.5rem;padding-left: 0.75rem; padding-right: 0.75rem;text-align: center}
.btn-primary {background-color: #228be6;color: #fff;background-image:linear-gradient(to bottom, #0ea5e9, #0284c7)}
.btn-primary:hover {background-color: #1971c2}
.btn-secondary {background-color: #e9ecef}
.btn-secondary:hover {background-color: #dee2e6}
.tab-btn {border-color: #dee2e6;border-width: 1px;border-radius: .25rem;padding-top: 0.25rem; padding-bottom: 0.25rem;padding-left: 0.75rem; padding-right: 0.75rem;margin-left: 0.75rem;color: #212529;text-decoration: none}
.sidebar-item {}
.sidebar-section-heading {padding-top: 0.25rem; padding-bottom: 0.25rem;margin-top: 1rem;margin-bottom: 0.25rem;color: #000;font-size: 1rem;  line-height: 1.5rem   /* 16px, +8px */;font-weight: bold;font-variant: small-caps}
.sidebar-list {list-style-type: none;padding-left: 0;margin-top: 0; margin-bottom: 0}
.sidebar-link {width: 100%;padding-top: 0.5rem; padding-bottom: 0.5rem;color: #000;text-decoration: none;display: block}
.sidebar-link:hover {background-color: #e9ecef}
.container-nojs {display: flex;flex-direction: column-reverse}
.container {display: flex}
.nav-nojs {top: 0}
.nav {background-color: #f1f3f5;height: 100vh;width: 12rem;flex-shrink: 0;position: fixed;top: 0;margin-left: -12rem;display: block}
.sidebar-nojs {display: flex}
.sidebar {display: flex;flex-direction: column}
.content-nojs {}
.content {min-width: 0rem;flex-grow: 1}
.article h1 {margin-top: 0.5rem;margin-bottom: 0.25rem;font-size: 1.125rem;  line-height: 1.75rem /* 18px, +10px */}
.article h2 {margin-top: 0.25rem;margin-bottom: 0.25rem;font-size: 1.25rem; line-height: 1.875rem  /* 20px, +10px */}
.article pre {border-color: #099268;border-left-width: 4px;max-width: 100%;padding-top: 0.5rem; padding-bottom: 0.5rem;padding-left: 1rem; padding-right: 1rem;overflow-x: scroll;font-size: 1rem;  line-height: 1.5rem   /* 16px, +8px */}
.article code {font-size: 1rem;  line-height: 1.5rem   /* 16px, +8px */}
.article ul {padding-left: 1rem}
.article li {margin-top: 0.25rem; margin-bottom: 0.25rem}
.article dt {font-weight: bold}
.article dd p {margin-top: 0}
.article img {display: block;margin-bottom: 0.5rem;max-width:100%;height:auto}
.article figure {margin-left: 0; margin-right: 0}
.article blockquote:has(pre) {margin-left: 0}
.align-middle {vertical-align: middle}
.bg-background {background-color: #f1f3f5}
.bg-surface {background-color: white}
.bg-accent-pale {background-color: #e6fcf5}
.bg-transparent {background-color: transparent}
.bg-white {background-color: #fff}
.bg-black {background-color: #000}
.hover\:bg-background:hover {background-color: #f1f3f5}
.hover\:bg-accent-pale:hover {background-color: #e6fcf5}
.border-background-2 {border-color: #e9ecef}
.border-background-3 {border-color: #dee2e6}
.border-secondary {border-color: #6cd546}
.focus\:border-primary:focus {border-color: #228be6}
.b-0 {border-width: 0}
.b-1 {border-width: 1px}
.b-2 {border-width: 2px}
.bt-1 {border-top-width: 1px}
.bb-1 {border-bottom-width: 1px}
.rounded-2 {border-radius: .25rem}
.rounded-3 {border-radius: .5rem}
.h-0 {height: 0}
.h-12 {height: 3rem}
.h-100p {height: 100%}
.h-screen {height: 100vh}
.w-0 {width: 0}
.w-16 {width: 4rem}
.w-32 {width: 8rem}
.w-56 {width: 14rem}
.w-100p {width: 100%}
.w-full {width: 100%}
.w-screen {width: 100vw}
.min-w-0 {min-width: 0}
.min-w-0 {min-width: 0rem}
.max-w-16 {max-width: 4rem}
.max-w-20 {max-width: 5rem}
.dn {display: none}
.block {display: block}
.db {display: block}
.flex {display: flex}
.flex-column {flex-direction: column}
.flex-row {flex-direction: row}
.justify-end {justify-content: flex-end}
.justify-center {justify-content: center}
.justify-between {justify-content: space-between}
.justify-self-start {justify-self: start}
.items-start {align-items: flex-start}
.items-center {align-items: center}
.items-baseline {align-items: baseline}
.self-start {align-self: flex-start}
.self-end {align-self: flex-end}
.flex-grow {flex-grow: 1}
.flex-shrink-0 {flex-shrink: 0}
.gap-1 {gap: 0.25rem}
.gap-3 {gap: 0.75rem}
.gap-4 {gap: 1rem}
.gap-y-8 {row-gap: 2rem}
.fn {float: none}
.grid {display: grid}
.pointer-events-none {pointer-events: none}
.pointer-events-auto {pointer-events: auto}
.opacity-10 {opacity: .1}
.outline-none {outline: 2px solid transparent; outline-offset: 2px}
.absolute {position: absolute}
.relative {position: relative}
.sticky {position: sticky}
.z-10 {z-index: 10}
.top-0 {top: 0}
.top-6 {top: 1.5rem}
.top-7 {top: 1.75rem}
.-top-20 {top: -5rem}
.focus\:top-0:focus {top: 0}
.left-0 {left: 0}
.inset-0 {inset: 0}
.inset-h-0 {left: 0; right: 0}
.shadow-2xl {box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25)}
.p-2 {padding: 0.5rem}
.p-3 {padding: 0.75rem}
.p-6 {padding: 1.5rem}
.pv-1 {padding-top: 0.25rem; padding-bottom: 0.25rem}
.pv-2 {padding-top: 0.5rem; padding-bottom: 0.5rem}
.pv-3 {padding-top: 0.75rem; padding-bottom: 0.75rem}
.pv-5 {padding-top: 1.25rem; padding-bottom: 1.25rem}
.ph-1 {padding-left: 0.25rem; padding-right: 0.25rem}
.ph-2 {padding-left: 0.5rem; padding-right: 0.5rem}
.ph-3 {padding-left: 0.75rem; padding-right: 0.75rem}
.ph-4 {padding-left: 1rem; padding-right: 1rem}
.pt-1 {padding-top: 0.25rem}
.pb-1 {padding-bottom: 0.25rem}
.pb-2 {padding-bottom: 0.5rem}
.pl-0 {padding-left: 0}
.pl-1 {padding-left: 0.25rem}
.pl-2 {padding-left: 0.5rem}
.pl-3 {padding-left: 0.75rem}
.pl-4 {padding-left: 1rem}
.pl-6 {padding-left: 1.5rem}
.m-px {margin: 1px}
.m-3 {margin: 0.75rem}
.mv-3 {margin-top: 0.75rem; margin-bottom: 0.75rem}
.mh-2 {margin-left: 0.5rem; margin-right: 0.5rem}
.mt-2 {margin-top: 0.5rem}
.mt-3 {margin-top: 0.75rem}
.mt-12 {margin-top: 3rem}
.mb-2 {margin-bottom: 0.5rem}
.ml-0 {margin-left: 0}
.ml-2 {margin-left: 0.5rem}
.ml-3 {margin-left: 0.75rem}
.ml-6 {margin-left: 1.5rem}
.ml-auto {margin-left: auto}
.mr-2 {margin-right: 0.5rem}
.mr-6 {margin-right: 1.5rem}
.text-on-background {color: #000}
.text-on-surface {color: #212529}
.text-on-surface-2 {color: #495057}
.text-primary {color: #228be6}
.text-error {color: #a10e0e}
.text-accent {color: #099268}
.text-gray-5 {color: #adb5bd}
.text-gray-6 {color: #868e96}
.hover\:underline:hover {text-decoration: underline}
.no-underline {text-decoration: none}
.overflow-auto {overflow: auto}
.overflow-hidden {overflow: hidden}
.overflow-truncate {overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.overscroll-none {overscroll-behavior: none}
.font-classical-humanist {font-family: Optima, Candara, "Noto Sans", source-sans-pro, sans-serif}
.f-sm {font-size: .875rem; line-height: 1.25rem /* 14px, +6px */}
.-f-1 {font-size: .875rem; line-height: 1.25rem /* 14px, +6px */}
.f-1 {font-size: 1rem;  line-height: 1.5rem   /* 16px, +8px */}
.f-2 {font-size: 1.125rem;  line-height: 1.75rem /* 18px, +10px */}
.f-3 {font-size: 1.25rem; line-height: 1.875rem  /* 20px, +10px */}
.f-5 {font-size: 2rem; line-height: 1.2}
.font-light {font-weight: 300}
.font-normal {font-weight: 400}
.font-medium {font-weight: 500}
.font-bold {font-weight: bold}
.leading-0 {line-height: 1}
.leading-tight {line-height: 1.25}
.whitespace-nowrap {white-space: nowrap}
.form-column {grid-template-columns: auto}
.db {display: block}
.peer:placeholder-shown ~ .peer-placeholder-shown\:db {display: block}
@media (min-width: 640px){
.s\:max-w-md {max-width: 28rem}
.s\:block {display: block}
.s\:inline {display: inline}
.s\:col-start-2 {grid-column-start: 2}
.s\:mr-2 {margin-right: 0.5rem}
.s\:form-wide {grid-template-columns: max-content auto}
}
@media (min-width: 768px){
.m\:rounded-3 {border-radius: .5rem}
.m\:items-center {align-items: center}
.m\:shadow {box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)}
.m\:f-3 {font-size: 1.25rem; line-height: 1.875rem  /* 20px, +10px */}
}
@media (min-width: 1024px){
.container-nojs {flex-direction: row}
.nav-nojs {height: 100vh;width: 12rem;flex-shrink: 0;position: sticky;display: block}
.nav {position: sticky;margin-left: 0}
.sidebar-nojs {flex-direction: column}
.content-nojs {min-width: 0rem;flex-grow: 1;margin-right: 0.75rem}
.content {margin-right: 0.75rem}
.l\:max-w-60p {max-width: 60%}
.l\:dn {display: none}
.l\:flex-grow {flex-grow: 1}
.l\:p-2 {padding: 0.5rem}
.l\:pl-2 {padding-left: 0.5rem}
.l\:pl-3 {padding-left: 0.75rem}
.l\:mt-3 {margin-top: 0.75rem}
.l\:mt-10 {margin-top: 2.5rem}
.l\:ml-3 {margin-left: 0.75rem}
}
@media (min-width: 1280px){
}
@keyframes fade-ing {
    from {opacity: 0;transform: scale(0.75)}
    to {opacity: 1;transform: revert}
}@keyframes ov-fade-ing {
    from {opacity: 0;}
    to {opacity: 10%}
}.fade-in{animation:200ms fade-ing}.overlay-fade-in{animation:200ms ov-fade-ing}.article{max-width:900px}.icon24{min-width:24px}