:root { --k-step-56: 56px; --k-hero: #25181d; --k-step-80: 80px; --k-s: #2c761e; --k-step-8: 8px; --k-step-32: 32px; --k-step-48: 48px; --k-step-4: 4px; --k-sans: 'Lexend Deca', system-ui, sans-serif; --k-step-10: 10px; --k-step-12: 12px; --k-base: #faf9fa; --k-p: #5a2637; --k-step-28: 28px; --k-step-14: 14px; --k-neutral: #6e5e63; --k-pf: #361721; --k-step-64: 64px; --k-display: 'Playfair Display', Charter, 'Bitstream Charter', serif; --k-step-2: 2px; --k-step-20: 20px; --k-step-40: 40px; --k-step-6: 6px; --k-step-18: 18px; --k-rounded-box: 6px; --k-step-96: 96px; --k-step-16: 16px; --k-step-24: 24px; --k-step-36: 36px; --k-step-72: 72px; --k-base-300: #d1c7ca; --k-base-200: #f1eeef; --k-base-100: #ede9ea; --k-hero-content: #f6f4f4; --k-base-content: #1f1418 }
* { box-sizing: border-box }
body { margin: 0; font-family: var(--k-sans); color: var(--k-base-content) }
body { font-size: 16px; background-color: var(--k-base); line-height: 1.55 }
pre { max-inline-size: 100%; overflow-x: auto }
code { overflow-wrap: anywhere }
img { block-size: auto; max-inline-size: 100%; display: block }
.p-ibs { padding-inline: var(--k-step-18); column-gap: var(--k-step-10); line-height: 1.35; display: flex; background-color: var(--k-p); row-gap: var(--k-step-10); align-items: center; padding-block: var(--k-step-10); justify-content: space-between }
.p-ibs { margin: 0px; color: #ffffff; font-size: .9em }
.p-ibs p, .p-ibs span { margin: 0; flex: 1 1 auto }
.p-ibs a { font-weight: bold; text-decoration: underline; color: #ffffff }
.p-dismissg { line-height: 1; background-color: transparent }
.p-dismissg { color: #ffffff; border: 0; cursor: pointer; font-size: 1.1em; padding: var(--k-step-2) var(--k-step-4) var(--k-step-2) var(--k-step-4) }
.p-ibs[hidden] { display: none }
a { color: var(--k-p) }
a:hover { color: var(--k-pf) }
h1,h2,h3,h4 { font-weight: bold; margin-block-end: 0.61em; line-height: 1.2; font-family: var(--k-display); letter-spacing: -.01em }
h1 { font-size: 1.89rem }
h2 { margin-block-start: 1.75em; font-size: 1.40rem }
h3 { margin-block-start: 1.32em; font-size: 1.06rem }
a[id]:empty { scroll-margin-block-start: 90px }
a[id]:empty { visibility: hidden; position: relative; display: block }
.p-rtz { max-inline-size: 100% }
.p-rtz p { margin-block-end: 1.12em }
.p-rtz ul,.p-rtz ol { margin-block-end: 1.04em; padding-inline-start: 1.49em }
.p-rtz li { margin-block: 0.36em; margin-inline: 0 }
.p-rtz li>p { margin: 0px }
.p-rtz table { inline-size: 100%; display: block }
.p-rtz table { margin: 1.23em 0 1.23em 0; font-size: .94em }
.p-rtz table { border-collapse: collapse; overflow-x: auto }
.p-rtz th,.p-rtz td { padding-block: 9px; padding-inline: var(--k-step-12); border: 1px solid var(--k-base-300); vertical-align: top; text-align: start }
.p-rtz th { background-color: var(--k-base-100); font-weight: 600 }
.p-rtz blockquote { padding-block: 13px; border-inline-start: 4px solid var(--k-s); padding-inline: 21px }
.p-rtz blockquote { border-radius: var(--k-rounded-box); margin-block-start: 1.17em }
.p-rtz blockquote { margin-block-end: 1.17em; background-color: var(--k-base-200) }
.p-rtz .p-cto { vertical-align: text-top }
.p-rtz .p-cto { color: var(--k-s); text-decoration-line: none; font-size: .78em }
.p-rtz code { font-size: .92em; border-radius: 4px }
.p-rtz code { padding: 1px 5px 1px 5px; background-color: var(--k-base-100) }
.p-rtz img { margin-inline: 0; margin-block: 0.96em; border-radius: var(--k-rounded-box) }
.p-smk { background-color: var(--k-base-100); margin: 0 0 var(--k-step-28); border-inline-start: 4px solid var(--k-p); padding-inline: var(--k-step-24); padding-block: var(--k-step-18) }
.p-smk { border-radius: var(--k-rounded-box); font-size: 1.06em }
.p-smk p:last-child { margin-block-end: 0 }
.p-smk>strong { font-size: .78em; color: var(--k-s); letter-spacing: 0.08em }
.p-smk>strong { margin-block-end: var(--k-step-8); display: block; text-transform: uppercase }
.p-pcg { display: grid }
.p-pcg { gap: var(--k-step-6) 19px; margin-block: 21px; margin-inline: 0; grid-template-columns: 1fr 1fr }
.p-pcg dt { font-family: var(--k-display); grid-row: 1; font-size: 1.1em; font-weight: bold }
.p-pcg dd { grid-row: 2; margin: 0 }
.p-pcg dd { background-color: var(--k-base-200); padding-inline: 21px; border-radius: var(--k-rounded-box); outline: 1px solid #d1c7ca; padding-block: 13px; outline-offset: -1px }
.p-pcg ul { margin: 0px; padding-inline-start: 1.32em }
.p-srk { font-size: .9em; padding-block-start: 17px; color: var(--k-neutral) }
.p-srk { border-block-start: 1px solid var(--k-base-300); margin: 39px 0 0 }
.p-srk ol { padding-inline-start: 1.36em }
.p-srk li { margin: 0.3em 0 0.3em 0; word-break: break-word }
.p-srk a { color: var(--k-neutral) }
.p-pqd { padding-inline: 27px; padding-block: 21px }
.p-pqd { border-inline-start: 4px solid var(--k-s); font-size: 1.15em; font-style: italic; margin-inline: 0; border-radius: var(--k-rounded-box); margin-block: 23px; background-color: var(--k-base-200) }
.p-pqd blockquote { padding: 0; background-color: transparent }
.p-pqd blockquote { margin: 0px; border: 0 }
.p-pqd figcaption { margin-block-start: var(--k-step-8); color: var(--k-neutral) }
.p-pqd figcaption { font-size: .85em; font-style: normal }
.p-cox { padding: 33px; background-color: var(--k-base-100); color: var(--k-base-content); text-align: start; margin-block-end: 43px; margin-block-start: 43px; border-radius: var(--k-rounded-box) }
.p-cox p:first-child { font-size: 1.26rem; font-family: var(--k-display); line-height: 1.2; margin-block-start: 0; color: inherit }
.p-tblp>dl { row-gap: var(--k-step-6); border-radius: 5px; padding: 11px 17px 11px 17px; margin-block-end: var(--k-step-12); display: grid; margin-block-start: var(--k-step-12); grid-template-columns: auto 1fr; background-color: var(--k-base-200); column-gap: 17px; outline: 1px solid #d1c7ca; outline-offset: -1px }
.p-tblp dt { font-size: .9em; font-weight: 600; color: var(--k-neutral) }
.p-tblp dd { margin: 0px }
.p-ftrx { margin-block: var(--k-step-20); margin-inline: 0 }
.p-ftrx dt { font-weight: bold }
.p-ftrx dt { font-size: 1.05em; margin-block-start: 0.92em; font-family: var(--k-display) }
.p-ftrx dd { color: var(--k-neutral); padding-inline-start: 15px }
.p-ftrx dd { margin: var(--k-step-4) 0 0; border-inline-start: 2px solid var(--k-base-300) }
.p-btm { display: inline-block; color: #ffffff; background-color: var(--k-p); border-radius: 5px; margin-block-start: var(--k-step-10); padding: 13px 26px 13px 26px; text-decoration-line: none; font-weight: 600 }
.p-btm:hover { color: #ffffff; filter: brightness(1.08) }
.p-grz { margin-block: var(--k-step-24); margin-inline: 0 }
.p-grz { row-gap: 23px; display: grid; column-gap: 23px; grid-template-columns: repeat(auto-fill,minmax(250px,1fr)) }
.p-tl2h { display: grid; border: 1px solid var(--k-base-300); row-gap: var(--k-step-8); column-gap: var(--k-step-8); padding: var(--k-step-18); background-color: var(--k-base-200); color: #111111; border-radius: var(--k-rounded-box) }
.p-tl2h h2,.p-tl2h h3 { margin: 0px; color: #111111; font-size: 1.08em }
.p-tl2h p { margin: 0; font-size: .95em; color: var(--k-neutral) }
.p-tl2h a { font-weight: 600; text-decoration: none; color: #111111 }
.p-crdw { display: grid }
.p-crdw { row-gap: 17px; margin-block: var(--k-step-24); grid-template-columns: repeat(3,minmax(0,1fr)); margin-inline: 0; column-gap: 17px }
.p-crdw .p-tl2h { box-shadow: 0 2px 10px #1f141814; overflow: hidden; padding: 0 }
.p-crdw .p-tl2h .p-crdq { inline-size: 100%; max-inline-size: 100%; background-color: #1f14185c; padding: var(--k-step-10); block-size: auto; aspect-ratio: 4 / 3; outline: 1px solid #1f141840; object-fit: contain; outline-offset: -1px }
.p-crdw .p-crdk { row-gap: var(--k-step-8); min-inline-size: 0; column-gap: var(--k-step-8); display: grid; padding: 15px }
.p-crdw .p-crdqq { row-gap: 9px; column-gap: 9px }
.p-crdw .p-crdqq { align-items: center; margin-block-start: auto; flex-wrap: wrap; display: flex }
.p-crdw .p-crdx { display: block; min-inline-size: 0; line-height: 1.35; color: var(--k-neutral); font-size: .85em }
.p-crdw .p-crdx code { font-family: inherit; word-break: break-all; overflow-wrap: anywhere }
.p-crdw .p-crdn { grid-column: span 1 }
.p-crdu { grid-template-columns: 1fr }
.p-crdw.p-crdu > .p-tl2h { text-align: start; display: flex }
.p-crdw.p-crdu > .p-tl2h { flex-direction: row; align-items: stretch }
.p-crdu .p-crdn .p-crdq { order: 2 }
.p-crdu .p-tl2h .p-crdq { flex-shrink: 0; aspect-ratio: 4 / 3; inline-size: min(34%,260px) }
.p-crdy { grid-template-columns: 1fr }
.p-crdw.p-crdy > .p-tl2h { flex-direction: row; align-items: center }
.p-crdw.p-crdy > .p-tl2h { text-align: start; padding: 9px; display: flex }
.p-crdw.p-crdy > .p-tl2h .p-crdq { block-size: 96px }
.p-crdw.p-crdy > .p-tl2h .p-crdq { inline-size: 96px; aspect-ratio: 1 / 1; border-radius: 1070px; flex-shrink: 0 }
.p-crdw.p-crdy > .p-tl2h .p-crdk { min-inline-size: 0; padding-block: 7px; padding-inline: var(--k-step-14); flex: 1 1 auto }
.p-crdj { grid-template-columns: 1fr }
.p-crdw.p-crdj > .p-tl2h { display: grid; text-align: start; grid-template-columns: minmax(180px,34%) 1fr }
.p-crdj .p-tl2h .p-crdq { aspect-ratio: 4 / 3; block-size: 100% }
.p-crde { color: var(--k-neutral); max-inline-size: 70ch; margin-block-end: var(--k-step-16) }
.p-crdw .p-btm { margin-block-start: 0; white-space: normal; text-align: center }
.p-nth,.p-strj,.p-tltg { margin-block: var(--k-step-16); margin-inline: 0; border-radius: 4px; display: block }
.p-nth,.p-strj,.p-tltg { outline: 1px solid #d1c7cad9; background-color: var(--k-base-100); line-height: 1.45 }
.p-nth,.p-strj,.p-tltg { font-size: .88em; outline-offset: -1px; padding-block: var(--k-step-8); padding-inline: 19px }
.p-nth a, .p-strj a, .p-tltg a { font-weight: 600 }
.p-tltg { text-align: center }
.p-ctxc { padding: 26px 23px 26px 23px; margin: var(--k-step-36) 0 var(--k-step-36) 0; background-color: var(--k-base-100); border: 1px solid #d1c7cae6; border-inline-start: 3px solid var(--k-s) }
.p-ctxc { border-radius: 7px; max-inline-size: 100% }
.p-ctxc h2, .p-ctxc h3 { font-size: 1.08em; margin-block-start: 0 }
.p-ctxc p:last-child { margin-block-end: 0 }
.p-ctxc ul { margin: 0; padding-inline-start: 1.31em }
.p-mnv .p-cath,.p-fou .p-cath,.p-cath { color: #111111 }
.p-mnv .p-cath.p-cat-accentv,.p-fou .p-cath.p-cat-accentv,.p-cath.p-cat-accentv { font-weight: bold; color: #111111 }
.p-mnv .p-cath.p-cat-zs,.p-fou .p-cath.p-cat-zs,.p-cath.p-cat-zs { background-color: var(--k-s); border-radius: 5px; color: #ffffff; padding-block: var(--k-step-2); font-weight: 600; padding-inline: 9px; text-decoration-line: none; display: inline-block }
.p-mnv .p-cath.p-cat-wsq,.p-fou .p-cath.p-cat-wsq,.p-cath.p-cat-wsq { display: inline-block; color: #111111 }
.p-mnv .p-cath.p-cat-wsq,.p-fou .p-cath.p-cat-wsq,.p-cath.p-cat-wsq { border-radius: 5px; font-weight: 600 }
.p-mnv .p-cath.p-cat-wsq,.p-fou .p-cath.p-cat-wsq,.p-cath.p-cat-wsq { padding-block: var(--k-step-2); border: 1.5px solid var(--k-s); text-decoration: none; padding-inline: 7px }
.p-mnv .p-cath.p-cat-wi,.p-fou .p-cath.p-cat-wi,.p-cath.p-cat-wi { text-underline-offset: 3px; color: #111111; text-decoration: underline; text-decoration-thickness: 2px }
.p-mnv .p-cath.p-cat-markd,.p-fou .p-cath.p-cat-markd,.p-cath.p-cat-markd { font-weight: 600; color: #111111 }
.p-mnv .p-cath.p-cat-markd::before,.p-fou .p-cath.p-cat-markd::before,.p-cath.p-cat-markd::before { content: "•"; margin-inline-end: 0.36em; color: #111111 }
.p-mnv .p-cath.p-cat-accentv,.p-fou .p-cath.p-cat-accentv,.p-cath.p-cat-accentv:hover,.p-mnv .p-cath.p-cat-zs,.p-fou .p-cath.p-cat-zs,.p-cath.p-cat-zs:hover,.p-mnv .p-cath.p-cat-wsq,.p-fou .p-cath.p-cat-wsq,.p-cath.p-cat-wsq:hover,.p-mnv .p-cath.p-cat-wi,.p-fou .p-cath.p-cat-wi,.p-cath.p-cat-wi:hover,.p-mnv .p-cath.p-cat-markd,.p-fou .p-cath.p-cat-markd,.p-cath.p-cat-markd:hover { opacity: 1 }
.p-byx { margin-block-end: 19px; gap: 7px 15px; flex-wrap: wrap; display: flex }
.p-byx { font-size: .9em; color: var(--k-neutral) }
.p-bck { margin-block-end: 15px; font-size: .88em; color: var(--k-neutral) }
.p-bck a { color: var(--k-neutral); text-decoration: none }
.p-kkk { font-size: .76em; letter-spacing: 0.07em; font-weight: bold }
.p-kkk { margin-block-end: 9px; color: var(--k-s); display: inline-block; text-transform: uppercase }
.p-imu figcaption { color: var(--k-neutral); font-size: .85em; margin: 9px 0 0 }
.p-stg .p-imu, .p-rtz .p-imu { margin: var(--k-step-14) 0 var(--k-step-6) }
.p-stg .p-imu img { inline-size: 100%; border-radius: var(--k-rounded-box) }
.p-rlo { margin-block-start: 50px }
.p-byx dt { font-weight: 600 }
.p-byx dt::after { content: ":" }
.p-byx dd { margin: 0 var(--k-step-8) 0 0 }
.p-rlo ol { color: var(--k-neutral); padding: 0 0 0 1.19em }
.p-rlo li { margin-block-start: 7px; margin-block-end: 7px }
.p-rlo li>a { font-weight: 600; color: var(--k-base-content) }
.p-rlo img { display: none }
p.p-kkk { margin: 0 0 var(--k-step-10) }
.p-srk dl { gap: var(--k-step-6) var(--k-step-8); grid-template-columns: 2.2em 1fr; display: grid }
.p-srk dt { color: var(--k-neutral) }
.p-srk dd { margin: 0 }
.p-srk cite { font-style: normal }
.p-qax details { margin-block-start: 9px; padding-inline: 19px; border-radius: var(--k-rounded-box); padding-block: 13px; margin-block-end: 9px; background-color: var(--k-base-200); outline: 1px solid #d1c7ca; outline-offset: -1px }
.p-qax summary { cursor: pointer; font-weight: 600 }
.p-qax details>div { padding-block-start: var(--k-step-8) }
.p-stg { counter-reset: s; border-inline-start: 3px solid var(--k-base-300); list-style-type: none; margin-block-start: var(--k-step-18); margin-block-end: var(--k-step-18); padding: 0 0 0 23px }
.p-stg li { padding-inline-start: var(--k-step-12); margin: 0 0 22px; position: relative }
.p-stg li::before { text-transform: uppercase; margin-block-end: var(--k-step-4); letter-spacing: 0.08em; display: block; font-size: .78em; font-weight: bold; counter-increment: s }
.p-stg li::before { content: "Step " counter(s); color: var(--k-s) }
.p-stg li::after { content: ""; block-size: 11px; border-radius: 50%; inline-size: 11px; background-color: var(--k-s); inset-block-start: 4px }
.p-stg li::after { inset-inline-start: -30px; position: absolute }
.p-tblx { overflow-x: auto; max-inline-size: 100% }
p,li,dd,td,blockquote,figcaption { overflow-wrap: anywhere }
.p-byx a, .p-bck a, .p-mnv a, .p-fou a, .p-lglu a, .p-ol2t a, .p-tltg a, .p-ctxc a, .p-bdl .p-sgm a, .p-bdl .p-plsx a, [rel="next"], [rel="prev"] { padding-block-end: var(--k-step-2); display: inline-block; padding-block-start: var(--k-step-2); vertical-align: middle; min-block-size: 24px }
@media (max-width: 669px){h1,h2,h3 { overflow-wrap: anywhere }}
@media (max-width: 741px){table { overflow-x: auto; max-inline-size: 100%; display: block }}
@media (max-width: 669px){.p-pcg { grid-template-columns: minmax(0,1fr) }}
@media (max-width: 669px){.p-pcg dt,.p-pcg dd { grid-row: auto }}
@media (max-width: 669px){.p-crdw { grid-template-columns: 1fr }}
@media (max-width: 669px){.p-crdw.p-crdu > .p-tl2h,.p-crdw.p-crdj > .p-tl2h { display: block }}
@media (max-width: 669px){.p-crdw.p-crdu > .p-tl2h .p-crdq,.p-crdw.p-crdj > .p-tl2h .p-crdq { block-size: auto; aspect-ratio: 16 / 9; inline-size: 100% }}
@media (max-width: 669px){.p-pcg { grid-template-columns: minmax(0,1fr) }}
