/* Styles */
:root { --sf-soft: hsl(155 28% 14%); --sf-primary: hsl(155 70% 65%); --sf-hero-fg: hsl(155 15% 95%); --sf-line: hsl(155 20% 20%); --sf-fg: hsl(155 15% 90%); --sf-accent: hsl(355 70% 60%); --sf-bg: hsl(155 30% 7%); --sf-card: hsl(155 28% 12%); --sf-hero-bg: radial-gradient(circle at 20% 10%, hsl(155 50% 22%), hsl(155 30% 7%) 60%); --sf-muted: hsl(155 10% 60%); --sf-primary-dark: hsl(155 70% 55%) }
* { box-sizing: border-box }
html { scroll-behavior: smooth }
body { font-family: 'Spline Sans', sans-serif; background-color: var(--sf-bg); margin: 0px; color: var(--sf-fg) }
body { line-height: 1.55; font-size: 18px }
pre { overflow-x: auto; max-inline-size: 100% }
code { overflow-wrap: anywhere }
img { block-size: auto; max-inline-size: 100%; display: block }
.lsbfa781 { color: var(--sf-bg); line-height: 1.35; align-items: center; padding: 12px 11px; background: var(--sf-accent) }
.lsbfa781 { column-gap: 10px; row-gap: 10px; font-size: .9em }
.lsbfa781 { display: flex; margin: 0px; justify-content: space-between }
.lsbfa781 p, .lsbfa781 span { margin: 0; flex: 1 1 auto }
.lsbfa781 a { color: var(--sf-bg); font-weight: bold; text-decoration: underline }
.ls89a511 { background-color: transparent; border: 0 }
.ls89a511 { cursor: pointer; line-height: 1; padding: 2px 5px 2px 5px; font-size: 1.1em; color: var(--sf-bg) }
.lsbfa781[hidden] { display: none }
a { color: var(--sf-primary) }
a:hover { color: var(--sf-primary-dark) }
h1,h2,h3,h4 { font-weight: 600; font-family: 'Spline Sans Mono', monospace }
h1,h2,h3,h4 { line-height: 1.2; margin: 0 0 0.56em; letter-spacing: 0 }
h1 { font-size: 1.89rem }
h2 { margin-block-start: 1.65em; font-size: 1.40rem }
h3 { font-size: 1.06rem; margin-top: 1.28em }
a[id]:empty { scroll-margin-top: 90px }
a[id]:empty { position: relative; visibility: hidden; display: block }
.ls1edce3 { max-inline-size: 100% }
.ls1edce3 p { margin: 0 0 1.15em }
.ls1edce3 ul,.ls1edce3 ol { padding-inline-start: 1.33em; margin: 0 0 1.15em }
.ls1edce3 li { margin: 0.37em 0 }
.ls1edce3 table { margin: 1.2em 0; border-collapse: collapse }
.ls1edce3 table { inline-size: 100%; font-size: .94em }
.ls1edce3 table { overflow-x: auto; display: block }
.ls1edce3 th,.ls1edce3 td { border: 1px solid var(--sf-line); padding: 10px 11px 10px 11px; text-align: left }
.ls1edce3 th { font-weight: 600; background: var(--sf-soft) }
.ls1edce3 blockquote { margin-inline: 0; margin-block: 1.22em; padding-block: 13px }
.ls1edce3 blockquote { background-color: var(--sf-card); border-radius: 4px; border-inline-start: 4px solid var(--sf-accent); padding-inline: 19px }
.ls1edce3 a sup { font-size: .7em; line-height: 0 }
.ls1edce3 a:has(>sup) { text-decoration-line: none }
.ls1edce3 code { padding: 1px 5px; background: var(--sf-soft) }
.ls1edce3 code { font-size: .92em; border-radius: 4px }
.ls1edce3 img { margin-block-end: 1.02em; margin-block-start: 1.02em; border-radius: 4px }
.ls365699 { padding-block: 17px; border-radius: 4px }
.ls365699 { padding-inline: 21px; background: var(--sf-soft) }
.ls365699 { border-left: 4px solid var(--sf-primary); font-size: 1.06em; margin: 0 0 28px 0 }
.ls365699 p:last-child { margin-bottom: 0 }
.ls093780 { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 17px; margin-block-start: 21px; margin-block-end: 21px }
.ls093780 dt { grid-row: 1; font-weight: bold }
.ls093780 dt { font-family: 'Spline Sans Mono', monospace; font-size: 1.1em }
.ls093780 dd { grid-row: 2 }
.ls093780 dd { margin: 0; border: 1px solid var(--sf-line); padding: 14px 21px 14px 21px }
.ls093780 dd { background: var(--sf-card); border-radius: 4px }
.ls093780 ul { padding-inline-start: 1.1em; margin: 0 }
.ls256703 { border-top: 1px solid var(--sf-line); padding-top: 15px; color: var(--sf-muted); font-size: .9em; margin: 38px 0 0 }
.ls256703 ul { padding-inline-start: 1.48em }
.ls256703 li { margin-block: 0.32em; margin-inline: 0; word-break: break-word }
.ls256703 a { color: var(--sf-muted) }
.lse416e0 { border-left: 4px solid var(--sf-accent); padding: 20px 24px 20px 24px; font-style: italic; font-size: 1.15em; background-color: var(--sf-card) }
.lse416e0 { border-radius: 4px; margin: 22px 0 22px }
.lse416e0 blockquote { border: 0; margin: 0; padding: 0; background-color: transparent }
.lse416e0 figcaption { color: var(--sf-muted); font-size: .85em; font-style: normal; margin-top: 8px }
.lsd0ec57 { padding: 29px; border-radius: 4px; background-color: var(--sf-primary); color: #111111 }
.lsd0ec57 { margin: 41px 0 41px; text-align: center }
.lsd0ec57 h2 { margin-block-start: 0; color: inherit }
.lsc7ec8f { padding: 12px 24px 12px 24px; color: #111111; text-decoration: none; background: var(--sf-accent); display: inline-block; border-radius: 4px }
.lsc7ec8f { margin-top: 10px; font-weight: 600 }
.lsc7ec8f:hover { color: #111111 }
.lsc23f29 { margin-top: 23px }
.lsc23f29 { margin-block-end: 23px; row-gap: 23px; grid-template-columns: repeat(auto-fill,minmax(250px,1fr)) }
.lsc23f29 { display: grid; column-gap: 23px }
.lsebd38a { border: 1px solid var(--sf-line); color: #ffffff; background-color: var(--sf-card) }
.lsebd38a { padding: 20px; row-gap: 9px; column-gap: 9px; border-radius: 4px; display: flex; flex-direction: column }
.lsebd38a h2,.lsebd38a h3 { margin: 0; font-size: 1.08em; color: #ffffff }
.lsebd38a p { font-size: .95em; margin: 0; color: var(--sf-muted) }
.lsebd38a a { font-weight: 600; text-decoration: none; color: #ffffff }
.lsacd93a { grid-template-columns: repeat(3,minmax(0,1fr)); row-gap: 17px; display: grid }
.lsacd93a { column-gap: 17px; margin: 25px 0 25px 0 }
.lsacd93a .lsebd38a { padding: 0; box-shadow: 0 2px 10px hsl(155 15% 90% / 0.08); overflow: hidden }
.lsacd93a .lsebd38a .ls607e66 { padding: 9px; background: hsl(155 15% 90% / 0.9); object-fit: contain; aspect-ratio: 16 / 9; border: 1px solid hsl(155 15% 90% / 0.25); width: 100% }
.lsacd93a .lsebd38a .ls607e66 { max-width: 100%; height: auto }
.lsacd93a .ls10105c { padding: 17px }
.lsacd93a .ls10105c { row-gap: 8px; column-gap: 8px; display: flex }
.lsacd93a .ls10105c { min-width: 0; flex-direction: column }
.lsacd93a .ls70c5b6 { flex-wrap: wrap; gap: 8px; display: flex }
.lsacd93a .ls70c5b6 { align-items: center; margin-top: auto }
.lsacd93a .lsdef73b { color: var(--sf-muted); display: block }
.lsacd93a .lsdef73b { line-height: 1.35; min-width: 0; font-size: .85em }
.lsacd93a .lsdef73b code { font-family: inherit; word-break: break-all; overflow-wrap: anywhere }
.lsacd93a .lsccc8cc { grid-column: span 1 }
.lse72d3f { grid-template-columns: 1fr }
.lsacd93a.lse72d3f > .lsebd38a { flex-direction: row; display: flex }
.lsacd93a.lse72d3f > .lsebd38a { text-align: left; align-items: stretch }
.lse72d3f .lsccc8cc .ls607e66 { order: 2 }
.lse72d3f .lsebd38a .ls607e66 { flex-shrink: 0; aspect-ratio: 4 / 3; width: min(34%,260px) }
.ls60d1bd { grid-template-columns: 1fr }
.lsacd93a.ls60d1bd > .lsebd38a { display: flex; flex-direction: row; align-items: center }
.lsacd93a.ls60d1bd > .lsebd38a { text-align: start; padding: 10px }
.lsacd93a.ls60d1bd > .lsebd38a .ls607e66 { height: 96px }
.lsacd93a.ls60d1bd > .lsebd38a .ls607e66 { border-radius: 1075px; aspect-ratio: 1 / 1; flex-shrink: 0; inline-size: 96px }
.lsacd93a.ls60d1bd > .lsebd38a .ls10105c { min-width: 0; flex: 1 1 auto; padding: 7px 13px 7px }
.ls7c6c5a { grid-template-columns: 1fr }
.lsacd93a.ls7c6c5a > .lsebd38a { text-align: left; grid-template-columns: minmax(180px,34%) 1fr; display: grid }
.ls7c6c5a .lsebd38a .ls607e66 { height: 100%; aspect-ratio: 4 / 3 }
.lsb497b6 { max-width: 70ch; margin-bottom: 18px; color: var(--sf-muted) }
.lsacd93a .lsc7ec8f { white-space: normal; text-align: center; margin-block-start: 0 }
.lse12837,.ls6e2b4d,.lscbf56b { background-color: var(--sf-soft); font-size: .88em }
.lse12837,.ls6e2b4d,.lscbf56b { line-height: 1.45; padding: 7px 16px 7px 16px; border-radius: 2px; outline: 1px solid hsl(155 20% 20% / 0.85); display: block }
.lse12837,.ls6e2b4d,.lscbf56b { margin: 23px 0 23px 0; outline-offset: -1px }
.lse12837 a, .ls6e2b4d a, .lscbf56b a { font-weight: 600 }
.lscbf56b { text-align: center }
.ls281408 { background: var(--sf-soft); max-width: 100%; margin-top: 38px; margin-bottom: 38px; padding: 27px 27px; border: 1px solid hsl(155 20% 20% / 0.9) }
.ls281408 { border-left: 5px solid var(--sf-accent); border-radius: 4px }
.ls281408 h2, .ls281408 h3 { margin-top: 0; font-size: 1.08em }
.ls281408 p:last-child { margin-block-end: 0 }
.ls281408 ul { padding-inline-start: 1.13em; margin: 0 }
.lsa708c2 .ls433590,.ls2f9775 .ls433590,.ls433590 { color: #ffffff }
.lsa708c2 .ls433590.lsdba728,.ls2f9775 .ls433590.lsdba728,.ls433590.lsdba728 { color: #ffffff; font-weight: bold }
.lsa708c2 .ls433590.ls8d1dda,.ls2f9775 .ls433590.ls8d1dda,.ls433590.ls8d1dda { display: inline-block; background-color: var(--sf-accent) }
.lsa708c2 .ls433590.ls8d1dda,.ls2f9775 .ls433590.ls8d1dda,.ls433590.ls8d1dda { padding-block: 2px; border-radius: 3px; padding-inline: 8px; text-decoration: none; font-weight: 600; color: #111111 }
.lsa708c2 .ls433590.ls0794cb,.ls2f9775 .ls433590.ls0794cb,.ls433590.ls0794cb { padding-inline: 8px; padding-block: 2px; color: #ffffff }
.lsa708c2 .ls433590.ls0794cb,.ls2f9775 .ls433590.ls0794cb,.ls433590.ls0794cb { text-decoration-line: none; border: 1.5px solid var(--sf-accent); display: inline-block }
.lsa708c2 .ls433590.ls0794cb,.ls2f9775 .ls433590.ls0794cb,.ls433590.ls0794cb { font-weight: 600; border-radius: 3px }
.lsa708c2 .ls433590.ls745b1f,.ls2f9775 .ls433590.ls745b1f,.ls433590.ls745b1f { color: #ffffff; text-decoration: underline }
.lsa708c2 .ls433590.ls745b1f,.ls2f9775 .ls433590.ls745b1f,.ls433590.ls745b1f { text-underline-offset: 3px; text-decoration-thickness: 2px }
.lsa708c2 .ls433590.ls2e4cde,.ls2f9775 .ls433590.ls2e4cde,.ls433590.ls2e4cde { color: #ffffff; font-weight: 600 }
.lsa708c2 .ls433590.ls2e4cde::before,.ls2f9775 .ls433590.ls2e4cde::before,.ls433590.ls2e4cde::before { content: "•"; color: #ffffff; margin-inline-end: 0.37em }
.lsa708c2 .ls433590.lsdba728,.ls2f9775 .ls433590.lsdba728,.ls433590.lsdba728:hover,.lsa708c2 .ls433590.ls8d1dda,.ls2f9775 .ls433590.ls8d1dda,.ls433590.ls8d1dda:hover,.lsa708c2 .ls433590.ls0794cb,.ls2f9775 .ls433590.ls0794cb,.ls433590.ls0794cb:hover,.lsa708c2 .ls433590.ls745b1f,.ls2f9775 .ls433590.ls745b1f,.ls433590.ls745b1f:hover,.lsa708c2 .ls433590.ls2e4cde,.ls2f9775 .ls433590.ls2e4cde,.ls433590.ls2e4cde:hover { opacity: 1 }
.ls852d2a { display: none; padding: 5px 10px 5px 10px; align-items: center }
.ls852d2a { background: none; border-width: 1px; cursor: pointer }
.ls852d2a { border-style: solid; text-transform: uppercase; font: inherit; border-color: currentColor; letter-spacing: 0.06em; color: inherit; border-radius: 6px; font-size: .85em }
.ls38a76d { row-gap: 8px; flex-wrap: wrap }
.ls38a76d { margin: 0 0 19px; column-gap: 16px }
.ls38a76d { font-size: .9em; display: flex; color: var(--sf-muted) }
.ls3beb2f { font-size: .88em; margin-bottom: 13px; color: var(--sf-muted) }
.ls3beb2f a { text-decoration-line: none; color: var(--sf-muted) }
.lscd96c9 { font-weight: bold; letter-spacing: 0.09em; font-size: .76em; display: inline-block; text-transform: uppercase }
.lscd96c9 { color: var(--sf-accent); margin: 0 0 10px }
.lse7186c>p { color: var(--sf-muted); margin: 8px 0 0; font-size: .85em }
.ls17ebeb .lse7186c, .ls1edce3 .lse7186c { margin: 15px 0 6px }
.ls17ebeb .lse7186c img { inline-size: 100%; border-radius: 6px }
.lsc5933d { margin-top: 51px }
.ls38a76d dt { font-weight: 600 }
.ls38a76d dt::after { content: ":" }
.ls38a76d dd { margin: 0 8px 0 0 }
.lsc5933d a.lsebd38a { text-decoration: none; color: inherit }
.lsc5933d a.lsebd38a strong { display: block }
.lsc5933d a.lsebd38a small { font-size: .92em; color: var(--sf-muted); display: block }
p.lscd96c9 { margin: 0 0 10px 0 }
.lsa0a98f hgroup { margin: 0 }
.ls3b2619 dt { font-weight: bold; margin: 17px 0 6px 0 }
.ls3b2619 dt { font-size: 1.05em; font-family: 'Spline Sans Mono', monospace }
.ls3b2619 dd { padding-inline-start: 15px; border-inline-start: 3px solid var(--sf-line); margin: 0px }
.ls17ebeb { margin-top: 22px; counter-reset: s; margin-bottom: 22px }
.ls17ebeb { padding: 0 0 0 24px; border-left: 3px solid var(--sf-line) }
.ls17ebeb dt { font-weight: bold; font-family: 'Spline Sans Mono', monospace }
.ls17ebeb dt { font-size: 1.05em; margin: 18px 0 4px 0 }
.ls17ebeb dt::before { content: counter(s) ". "; color: var(--sf-accent); counter-increment: s }
.ls17ebeb dd { margin: 0 }
.ls8f9753 { overflow-x: auto; max-inline-size: 100% }
p,li,dd,td,blockquote,figcaption { overflow-wrap: anywhere }
@media screen and (max-width: 40.06em){h1,h2,h3 { overflow-wrap: anywhere } .ls093780 { grid-template-columns: minmax(0,1fr) } .ls093780 dt,.ls093780 dd { grid-row: auto } .lsacd93a { grid-template-columns: 1fr } .lsacd93a.lse72d3f > .lsebd38a,.lsacd93a.ls7c6c5a > .lsebd38a { display: block } .lsacd93a.lse72d3f > .lsebd38a .ls607e66,.lsacd93a.ls7c6c5a > .lsebd38a .ls607e66 { width: 100%; aspect-ratio: 16 / 9; height: auto } .ls093780 { grid-template-columns: minmax(0,1fr) }}
@media screen and (max-width: 43.81em){table { overflow-x: auto; display: block; max-inline-size: 100% }}