@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;800&display=swap");
/* ==========================================================================
   Site styles
   ========================================================================== */
:root { --x-step-16: 48px; --x-neutral: rgb(164 159 152); --x-step-5: 10px; --x-step-11: 24px; --x-hero-content: rgb(248 247 247); --x-step-10: 20px; --x-step-17: 56px; --x-p: rgb(227 161 53); --x-step-8: 16px; --x-step-7: 14px; --x-step-20: 80px; --x-step-4: 8px; --x-step-14: 36px; --x-step-13: 32px; --x-step-9: 18px; --x-base: rgb(11 10 9); --x-pf: rgb(202 135 28); --x-sans: 'Nunito', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif; --x-step-3: 6px; --x-step-19: 72px; --x-s: rgb(94 143 222); --x-step-2: 4px; --x-rounded-box: 8px; --x-step-21: 96px; --x-step-1: 2px; --x-step-6: 12px; --x-step-12: 28px; --x-step-15: 40px; --x-display: 'Nunito', sans-serif; --x-step-18: 64px; --x-base-100: rgb(31 29 25); --x-base-200: rgb(22 21 19); --x-base-300: rgb(41 39 35); --x-base-content: rgb(243 242 241) }
* { box-sizing: border-box }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth }
body { margin: 0px; background-color: var(--x-base); color: var(--x-base-content) }
body { -webkit-font-smoothing: antialiased; font-size: 17px; line-height: 1.71; font-family: var(--x-sans) }
pre { max-width: 100%; overflow-x: auto }
code { overflow-wrap: anywhere }
img { max-width: 100%; height: auto; display: block }
.q-ib { column-gap: 9px; color: var(--x-base-content); font-size: .9em; background-color: var(--x-base-100); line-height: 1.35; row-gap: 9px; margin: 0px; padding: var(--x-step-5) 13px var(--x-step-5) 13px; justify-content: space-between; align-items: center; display: flex }
.q-ib p, .q-ib span { flex: 1 1 auto; margin: 0 }
.q-ib a { text-decoration: underline; color: var(--x-base-content); font-weight: bold }
.q-close { line-height: 1; border: 0 }
.q-close { background-color: transparent; cursor: pointer; color: var(--x-base-content) }
.q-close { padding: var(--x-step-1) var(--x-step-3) var(--x-step-1); font-size: 1.1em }
.q-ib[hidden] { display: none }
a { color: var(--x-p) }
a:hover { color: var(--x-pf) }
h1,h2,h3,h4 { font-family: var(--x-display); line-height: 1.2; font-weight: 800 }
h1,h2,h3,h4 { letter-spacing: 0; margin: 0 0 0.65em 0 }
h1 { font-size: 2.35rem }
h2 { font-size: 1.74rem; margin-top: 1.75em }
h3 { font-size: 1.32rem; margin-top: 1.19em }
h2 span[id],h3 span[id] { scroll-margin-top: 90px }
[data-node="q-tx"] { max-width: 100% }
[data-node="q-tx"] p { margin-bottom: 1.13em }
[data-node="q-tx"] ul,[data-node="q-tx"] ol { margin-bottom: 0.97em; padding-left: 1.25em }
[data-node="q-tx"] li { margin-top: 0.37em; margin-bottom: 0.37em }
[data-node="q-tx"] hr { border: 0; margin: 2.15em 0 1.73em 0; border-top: 1px solid var(--x-base-300) }
[data-node="q-tx"] table { margin-top: 1.14em; margin-bottom: 1.14em; border-collapse: collapse; font-size: .94em; display: block; overflow-x: auto; width: 100% }
[data-node="q-tx"] th,[data-node="q-tx"] td { padding: var(--x-step-4) 11px var(--x-step-4) 11px; text-align: left; border: 1px solid var(--x-base-300) }
[data-node="q-tx"] th { font-weight: 600; background-color: var(--x-base-100) }
[data-node="q-tx"] blockquote { background-color: var(--x-base-200); border-left: 4px solid var(--x-s); border-radius: var(--x-rounded-box); margin: 1.23em 0 1.23em 0; padding: 13px var(--x-step-10) 13px var(--x-step-10) }
[data-node="q-tx"] .q-ct { color: var(--x-s); font-size: .78em; text-decoration-line: none }
[data-node="q-tx"] code { background-color: var(--x-base-100) }
[data-node="q-tx"] code { border-radius: 4px; font-size: .92em; padding: 1px 5px 1px 5px }
[data-node="q-tx"] img { margin-bottom: 0.98em; border-radius: var(--x-rounded-box); margin-top: 0.98em }
[data-node="q-tl3"] { border-left: 4px solid var(--x-p); margin: 0 0 25px 0; background-color: var(--x-base-100) }
[data-node="q-tl3"] { font-size: 1.06em; border-radius: var(--x-rounded-box); padding: 19px 19px 19px 19px }
[data-node="q-tl3"] p:last-child { margin-bottom: 0 }
[data-node="q-pc"] { border-spacing: 17px 0; margin: 21px -18px 21px -18px; table-layout: fixed; width: 100%; border-collapse: separate }
[data-node="q-pc"] th { font-size: 1.1em; font-family: var(--x-display); text-align: left; padding: 0 var(--x-step-10) var(--x-step-4) var(--x-step-10) }
[data-node="q-pc"] td { border: 1px solid var(--x-base-300); background-color: var(--x-base-200) }
[data-node="q-pc"] td { padding: var(--x-step-7) 22px var(--x-step-7); border-radius: var(--x-rounded-box) }
[data-node="q-pc"] ul { padding-left: 1.21em; margin: 0 }
[data-node="q-rf"] { border-top: 1px solid var(--x-base-300); margin: var(--x-step-13) 0 0 0; font-size: .9em; padding-top: 17px; color: var(--x-neutral) }
[data-node="q-rf"] p { word-break: break-word; margin-bottom: 0.26em; margin-top: 0.26em }
[data-node="q-rf"] p>span { color: var(--x-s); min-width: 2.2em; display: inline-block }
[data-node="q-rf"] a { color: var(--x-neutral) }
[data-node="q-pq"] { font-size: 1.15em; margin: 21px 0 21px 0; font-style: italic; padding: 22px 25px 22px 25px; border-left: 4px solid var(--x-s); border-radius: 7px; background-color: var(--x-base-200) }
[data-node="q-pq"] blockquote { margin: 0px; padding: 0 }
[data-node="q-pq"] blockquote { background-color: transparent; border: 0 }
[data-node="q-pq"] figcaption { margin-top: var(--x-step-4); font-style: normal; color: var(--x-neutral); font-size: .85em }
[data-node="q-ct2"] { background-color: var(--x-base-200); color: var(--x-base-content) }
[data-node="q-ct2"] { text-align: center; padding: 34px; box-shadow: inset 0 1px 0 rgb(227 161 53 / 0.35), 0 24px 60px -30px rgb(227 161 53 / 0.6); border: 1px solid var(--x-base-300); margin: 35px 0 35px 0; border-radius: 7px }
[data-node="q-ct2"] h3 { margin-top: 0; color: inherit }
[data-node="q-ct2"] p:last-child { margin: 0 }
ul.q-tl { list-style-type: none; padding: 0 }
[data-node="q-ftr"] { display: grid; gap: 13px }
[data-node="q-ftr"] { margin-top: 22px; list-style-type: none }
[data-node="q-ftr"] { margin-bottom: 22px; padding: 0 }
[data-node="q-ftr"] li { padding: var(--x-step-1) 0 var(--x-step-1) var(--x-step-8); border-left: 3px solid var(--x-p) }
[data-node="q-ftr"] h3 { margin-bottom: var(--x-step-2); font-size: 1.05em }
[data-node="q-ftr"] p { margin: 0; color: var(--x-neutral) }
.q-bt { margin-top: 9px; color: var(--x-base); background-color: var(--x-p); text-decoration-line: none }
.q-bt { padding: 13px 29px 13px 29px; border-radius: 7px }
.q-bt { display: inline-block; font-weight: 600 }
.q-bt:hover { color: var(--x-base); filter: brightness(1.08) }
.q-tl { grid-template-columns: repeat(auto-fill,minmax(250px,1fr)); row-gap: 23px }
.q-tl { margin-bottom: 27px; column-gap: 23px }
.q-tl { display: grid; margin-top: 27px }
.q-tl2 { flex-direction: column; row-gap: 7px; column-gap: 7px }
.q-tl2 { display: flex; background-color: var(--x-base-200); padding: 22px; border: 1px solid var(--x-base-300); border-radius: var(--x-rounded-box) }
.q-tl2 h2,.q-tl2 h3 { font-size: 1.08em; margin: 0 }
.q-tl2 p { margin: 0; font-size: .95em; color: var(--x-neutral) }
.q-tl2 a { font-weight: 600; text-decoration-line: none }
.q-crd { display: grid; margin: 23px 0 23px 0; column-gap: 25px; row-gap: 25px; grid-template-columns: repeat(3,minmax(0,1fr)) }
.q-crd .q-tl2 { box-shadow: 0 4px 18px rgb(243 242 241 / 0.08); padding: 0; overflow: hidden }
.q-crd .q-tl2 .q-crdv { width: 100%; object-fit: contain; max-width: 100%; height: auto; padding: var(--x-step-3); background-color: rgb(243 242 241 / 0.9); aspect-ratio: 16 / 9; border: 1px solid rgb(243 242 241 / 0.25) }
.q-crd .q-crda { row-gap: 8px; padding: var(--x-step-9); display: grid }
.q-crd .q-crda { column-gap: 8px; min-width: 0 }
.q-crd .q-crdt { flex-wrap: wrap; align-items: center; margin-top: auto }
.q-crd .q-crdt { display: flex; gap: 9px }
.q-crd .q-crdaj { font-size: .85em }
.q-crd .q-crdaj { color: var(--x-neutral); min-width: 0 }
.q-crd .q-crdaj { line-height: 1.35; display: block }
.q-crd .q-crdaj code { font-family: inherit; overflow-wrap: anywhere; word-break: break-all }
.q-crd .q-crdq { grid-column: span 1 }
.q-crdu { grid-template-columns: 1fr }
.q-crd.q-crdu > .q-tl2 { flex-direction: row; display: flex; text-align: left; align-items: stretch }
.q-crdu .q-crdq .q-crdv { order: 2 }
.q-crdu .q-tl2 .q-crdv { width: min(34%,260px); aspect-ratio: 4 / 3; flex-shrink: 0 }
.q-crdh { grid-template-columns: 1fr }
.q-crd.q-crdh > .q-tl2 { text-align: left }
.q-crd.q-crdh > .q-tl2 { flex-direction: row; padding: var(--x-step-6); align-items: center; display: flex }
.q-crd.q-crdh > .q-tl2 .q-crdv { aspect-ratio: 1 / 1; height: 119px; border-radius: 887px; width: 119px; flex-shrink: 0 }
.q-crd.q-crdh > .q-tl2 .q-crda { min-width: 0; flex: 1 1 auto; padding: var(--x-step-5) var(--x-step-7) var(--x-step-5) var(--x-step-7) }
.q-crdn { grid-template-columns: 1fr }
.q-crd.q-crdn > .q-tl2 { display: grid; grid-template-columns: minmax(180px,34%) 1fr; text-align: left }
.q-crdn .q-tl2 .q-crdv { aspect-ratio: 4 / 3; height: 100% }
.q-crdf { color: var(--x-neutral); max-width: 70ch; margin: 0 0 19px 0 }
.q-crd .q-bt { text-align: center; margin-top: 0; white-space: normal }
.q-ntx,.q-str,.q-tlt { margin-top: 17px; font-size: .88em; margin-bottom: 17px; background-color: var(--x-base-100) }
.q-ntx,.q-str,.q-tlt { display: block; border-radius: 6px }
.q-ntx,.q-str,.q-tlt { border: 1px solid rgb(41 39 35 / 0.85); line-height: 1.45; padding: 9px 22px 9px 22px }
.q-ntx a, .q-str a, .q-tlt a { font-weight: 600 }
.q-tlt { text-align: center }
.q-ctx { margin-bottom: var(--x-step-13); margin-top: var(--x-step-13); padding: 19px 25px 19px; background-color: var(--x-base-100); max-width: 100%; border: 1px solid rgb(41 39 35 / 0.9) }
.q-ctx { border-radius: 9px; border-left: 3px solid var(--x-s) }
.q-ctx h2, .q-ctx h3 { margin-top: 0; font-size: 1.08em }
.q-ctx p:last-child { margin-bottom: 0 }
.q-ctx ul { margin: 0px; padding-left: 1.22em }
.q-nv .q-entry,.q-ft .q-entry,.q-entry { color: var(--x-s) }
.q-nv .q-entry.q-cat-bold,.q-ft .q-entry.q-cat-bold,.q-entry.q-cat-bold { color: var(--x-s); font-weight: bold }
.q-nv .q-entry.q-cat-z,.q-ft .q-entry.q-cat-z,.q-entry.q-cat-z { font-weight: 600; color: var(--x-base-content); display: inline-block; text-decoration: none; padding: var(--x-step-1) 7px var(--x-step-1) 7px; background-color: var(--x-s); border-radius: 7px }
.q-nv .q-entry.q-cat-outline,.q-ft .q-entry.q-cat-outline,.q-entry.q-cat-outline { text-decoration-line: none; font-weight: 600; display: inline-block; border: 1.5px solid var(--x-s); color: var(--x-s); padding: var(--x-step-1) 7px var(--x-step-1) 7px; border-radius: 7px }
.q-nv .q-entry.q-cat-line,.q-ft .q-entry.q-cat-line,.q-entry.q-cat-line { text-underline-offset: 3px; text-decoration: underline }
.q-nv .q-entry.q-cat-line,.q-ft .q-entry.q-cat-line,.q-entry.q-cat-line { text-decoration-thickness: 2px; color: var(--x-s) }
.q-nv .q-entry.q-cat-dot,.q-ft .q-entry.q-cat-dot,.q-entry.q-cat-dot { color: var(--x-s); font-weight: 600 }
.q-nv .q-entry.q-cat-dot::before,.q-ft .q-entry.q-cat-dot::before,.q-entry.q-cat-dot::before { color: var(--x-s); margin-right: 0.32em; content: "•" }
.q-nv .q-entry.q-cat-bold,.q-ft .q-entry.q-cat-bold,.q-entry.q-cat-bold:hover,.q-nv .q-entry.q-cat-z,.q-ft .q-entry.q-cat-z,.q-entry.q-cat-z:hover,.q-nv .q-entry.q-cat-outline,.q-ft .q-entry.q-cat-outline,.q-entry.q-cat-outline:hover,.q-nv .q-entry.q-cat-line,.q-ft .q-entry.q-cat-line,.q-entry.q-cat-line:hover,.q-nv .q-entry.q-cat-dot,.q-ft .q-entry.q-cat-dot,.q-entry.q-cat-dot:hover { opacity: .85 }
.q-mt2 { display: flex; flex-wrap: wrap; row-gap: 9px; margin-bottom: var(--x-step-8); color: var(--x-neutral); font-size: .9em; column-gap: 16px }
.q-cr { margin-bottom: 15px; font-size: .88em; color: var(--x-neutral) }
.q-cr a { text-decoration: none; color: var(--x-neutral) }
.q-eb { text-transform: uppercase; display: inline-block }
.q-eb { margin: 0 0 11px 0; color: var(--x-s); font-weight: bold; font-size: .76em; letter-spacing: 0.08em }
.q-fg>p { color: var(--x-neutral); font-size: .85em; margin: var(--x-step-4) 0 0 0 }
[data-node="q-stu"] .q-fg, [data-node="q-tx"] .q-fg { margin: var(--x-step-7) 0 var(--x-step-3) 0 }
[data-node="q-stu"] .q-fg img { width: 100%; border-radius: 5px }
[data-node="q-rl"] { margin-top: 47px }
ul.q-mt2 { padding: 0; list-style-type: none }
[data-node="q-rl"] a.q-tl2 { color: inherit; text-decoration-line: none }
[data-node="q-rl"] a.q-tl2 strong { display: block }
[data-node="q-rl"] a.q-tl2 small { color: var(--x-neutral); display: block; font-size: .92em }
.q-eb { margin: var(--x-step-4) 0 0 0; display: block }
[data-node="q-tx"] .q-tsk { color: var(--x-s); margin-right: var(--x-step-2) }
[data-node="q-fq"] dt { font-weight: bold; margin: var(--x-step-10) 0 7px 0; font-size: 1.05em; font-family: var(--x-display) }
[data-node="q-fq"] dd { padding-left: 15px; margin: 0; border-left: 3px solid var(--x-base-300) }
[data-node="q-stu"] { margin-bottom: var(--x-step-9) }
[data-node="q-stu"] { margin-top: var(--x-step-9); counter-reset: s }
[data-node="q-stu"] { list-style-type: none; padding: 0 }
[data-node="q-stu"] li { position: relative; margin: var(--x-step-9) 0 var(--x-step-9); padding-left: 54px }
[data-node="q-stu"] li::before { justify-content: center; background-color: var(--x-p); counter-increment: s; width: 38px; border-radius: 50%; left: 0; content: counter(s); align-items: center; height: 38px; top: 0; position: absolute; color: #fff; display: flex }
[data-node="q-stu"] li::before { font-weight: bold; font-family: var(--x-display) }
@media (max-width:41rem){h1,h2,h3 { overflow-wrap: anywhere } .q-crd { grid-template-columns: 1fr } .q-crd.q-crdu > .q-tl2,.q-crd.q-crdn > .q-tl2 { display: block } .q-crd.q-crdu > .q-tl2 .q-crdv,.q-crd.q-crdn > .q-tl2 .q-crdv { width: 100%; height: auto; aspect-ratio: 16 / 9 } [data-node="q-pc"] { grid-template-columns: minmax(0,1fr) }}
@media (max-width:45.63rem){table { display: block; max-width: 100%; overflow-x: auto }}