@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@600&family=Roboto:ital,wght@0,400;0,600;1,400&display=swap");
:root { --tok-muted: hsl(144 10% 40%); --tok-line: hsl(144 20% 86%); --tok-primary: hsl(144 45% 36%); --tok-fg: hsl(144 25% 12%); --tok-soft: hsl(144 35% 92%); --tok-accent: hsl(344 45% 42%); --tok-hero-bg: linear-gradient(135deg, hsl(144 45% 30%), hsl(344 45% 40%)); --tok-bg: hsl(144 25% 97%); --tok-card: #ffffff; --tok-primary-dark: hsl(144 45% 26%) }
* { box-sizing: border-box }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100% }
body { background: var(--tok-bg); color: var(--tok-fg) }
body { margin: 0; font-size: 1rem; font-family: 'Roboto', system-ui, -apple-system, sans-serif; line-height: 1.55 }
pre { overflow-x: auto; max-width: 100% }
code { overflow-wrap: anywhere }
img { display: block; height: auto; max-width: 100% }
a { color: var(--tok-primary) }
a:hover { color: var(--tok-primary-dark) }
h1 { letter-spacing: 0; font-weight: 600; margin-bottom: 0.6em; line-height: 1.2; font-family: 'Roboto Mono', Menlo, Consolas, monospace }
h2 { letter-spacing: 0; font-weight: 600; margin-bottom: 0.6em; line-height: 1.2; font-family: 'Roboto Mono', Menlo, Consolas, monospace }
h3 { font-weight: 600; margin-bottom: 0.6em; font-family: 'Roboto Mono', Menlo, Consolas, monospace; line-height: 1.2; letter-spacing: 0 }
h4 { margin-bottom: 0.6em; line-height: 1.2; letter-spacing: 0; font-family: 'Roboto Mono', Menlo, Consolas, monospace; font-weight: 600 }
h1 { font-size: 1.89rem }
h2 { margin-top: 1.86em; font-size: 1.40rem }
h3 { font-size: 1.06rem; margin-top: 1.44em }
h2[id],h3[id],.nchk { scroll-margin-top: 5.625rem }
.nchk { opacity: .3; text-decoration: none }
.nchk { font-weight: normal; margin-left: 0.33em }
h2:hover .nchk { opacity: .85 }
h3:hover .nchk { opacity: .85 }
[data-node="txi"] { max-width: 48.75rem }
[data-node="txi"] p { margin: 0 0 1.07em }
[data-node="txi"] ul,[data-node="txi"] ol { margin-bottom: 1.11em; padding-left: 1.42em }
[data-node="txi"] li { margin: 0.36em 0 }
[data-node="txi"] hr { border: 0; margin: 2.02em 0 1.69em; border-top: 0.063rem solid var(--tok-line) }
[data-node="txi"] table { overflow-x: auto; display: block; margin: 1.26em 0; border-collapse: collapse; font-size: .94em; width: 100% }
[data-node="txi"] th { padding: 0.563rem 0.688rem 0.563rem 0.688rem; border: 0.063rem solid var(--tok-line); vertical-align: top; text-align: left }
[data-node="txi"] td { text-align: left; padding: 0.563rem 0.688rem 0.563rem 0.688rem; border: 0.063rem solid var(--tok-line); vertical-align: top }
[data-node="txi"] th { background: var(--tok-soft); font-weight: 600 }
[data-node="txi"] blockquote { padding: 0.75rem 1.313rem; margin-top: 1.08em; border-radius: 0.375rem; margin-bottom: 1.08em; background: var(--tok-card); border-left: 0.25rem solid var(--tok-accent) }
[data-node="txi"] .ctk { white-space: nowrap; font-size: .8em }
[data-node="txi"] .ctk a { border-bottom: 0.063rem dotted var(--tok-accent); text-decoration-line: none }
[data-node="txi"] code { font-size: .92em; border-radius: 0.25rem }
[data-node="txi"] code { padding: 0.063rem 0.313rem 0.063rem 0.313rem; background: var(--tok-soft) }
[data-node="txi"] img { border-radius: 0.375rem; margin: 1.08em 0 }
[data-node="anr"] { margin: 0 0 1.625rem; font-size: 1.06em; border-left: 0.25rem solid var(--tok-primary); padding: 1.25rem 1.313rem; border-radius: 0.375rem; background: var(--tok-soft) }
[data-node="anr"] p:last-child { margin-bottom: 0 }
[data-node="pmc"] { border-collapse: separate; width: 100%; border-spacing: 1.188rem 0; table-layout: fixed; margin: 1.188rem -18px }
[data-node="pmc"] th { font-size: 1.1em; text-align: left; padding: 0 1.313rem 0.5rem; font-family: 'Roboto Mono', Menlo, Consolas, monospace }
[data-node="pmc"] td { vertical-align: top; border-radius: 0.375rem; padding: 0.938rem 1.313rem }
[data-node="pmc"] td { border: 0.063rem solid var(--tok-line); background: var(--tok-card) }
[data-node="pmc"] ul { margin: 0; padding-left: 1.32em }
[data-node="srp"] { border-top: 0.063rem solid var(--tok-line); margin: 2.5rem 0 0; padding-top: 0.938rem; font-size: .9em; color: var(--tok-muted) }
[data-node="srp"] ul { padding-left: 1.42em }
[data-node="srp"] li { word-break: break-word; margin: 0.32em 0 0.32em 0 }
[data-node="srp"] a { color: var(--tok-muted) }
[data-node="pqt"] { margin: 1.375rem 0 1.375rem 0 }
[data-node="pqt"] { padding: 1.375rem 1.688rem; background: var(--tok-card); font-style: italic; border-radius: 0.375rem; font-size: 1.15em; border-left: 0.25rem solid var(--tok-accent) }
[data-node="pqt"] blockquote { background: transparent; border: 0; padding: 0; margin: 0 }
[data-node="pqt"] figcaption { font-size: .85em; font-style: normal; color: var(--tok-muted); margin-top: 0.438rem }
[data-node="cou"] { margin-top: 2.313rem; margin-bottom: 2.313rem; border-radius: 0.375rem }
[data-node="cou"] { text-align: center; padding: 2rem; color: #fff; background: var(--tok-primary) }
[data-node="cou"] h3 { color: inherit; margin-top: 0 }
[data-node="cou"] p:last-child { margin: 0 }
[data-node="tblu"]>dl { display: grid; border-radius: 0.375rem; margin: 0.813rem 0; padding: 0.813rem 0.875rem; background: var(--tok-card); grid-template-columns: auto 1fr; outline: 0.063rem solid hsl(144 20% 86%); gap: 0.375rem 1.063rem; outline-offset: -1px }
[data-node="tblu"] dt { font-size: .9em; color: var(--tok-muted); font-weight: 600 }
[data-node="tblu"] dd { margin: 0 }
[data-node="ftrf"] { display: grid }
[data-node="ftrf"] { list-style: none; gap: 0.813rem; margin: 1.375rem 0; padding: 0 }
[data-node="ftrf"] li { border-left: 0.188rem solid var(--tok-primary); padding: 0.125rem 0 0.125rem 1.125rem }
[data-node="ftrf"] h3 { margin-bottom: 0.25rem; font-size: 1.05em }
[data-node="ftrf"] p { color: var(--tok-muted); margin: 0 }
.btl { text-decoration-line: none; font-weight: 600; padding: 0.813rem 1.688rem; margin-top: 0.563rem; border-radius: 0.375rem }
.btl { display: inline-block; background: var(--tok-accent); color: #fff }
.btl:hover { color: #fff }
.gdq { gap: 1.438rem; margin-top: 1.688rem; grid-template-columns: repeat(auto-fill,minmax(15.625rem,1fr)); display: grid; margin-bottom: 1.688rem }
.cdg { display: grid; background: var(--tok-card); gap: 0.563rem; padding: 1.188rem; border: 0.063rem solid var(--tok-line); border-radius: 0.375rem }
.cdg h3 { margin: 0; font-size: 1.08em }
.cdg p { color: var(--tok-muted); font-size: .95em; margin: 0 }
.cdg a { text-decoration-line: none; font-weight: 600 }
.ntx { display: none }
.bgp { width: 1.75rem; align-items: center; display: none; cursor: pointer; height: 1.375rem }
.bgp span { position: relative; background: currentColor }
.bgp span { width: 100%; display: block; height: 0.125rem }
.bgp span::before { left: 0; background: currentColor; position: absolute; right: 0; content: ""; display: block; height: 0.125rem }
.bgp span::after { left: 0; background: currentColor; display: block; position: absolute; height: 0.125rem; right: 0; content: "" }
.bgp span::before { top: -8px }
.bgp span::after { bottom: -8px }
.byn { color: var(--tok-muted); gap: 0.438rem 1rem }
.byn { margin: 0 0 1.188rem; flex-wrap: wrap; font-size: .9em; display: flex }
.bcc { font-size: .88em; color: var(--tok-muted); margin: 0 0 0.938rem }
.bcc a { color: var(--tok-muted); text-decoration: none }
.ebv { margin: 0 0 0.625rem }
.ebv { letter-spacing: 0.07em; text-transform: uppercase; font-weight: bold; font-size: .76em; color: var(--tok-accent); display: inline-block }
.fgl figcaption { color: var(--tok-muted); margin: 0.563rem 0 0; font-size: .85em }
[data-node="rlf"] { margin-top: 2.875rem }
.byn dt { font-weight: 600 }
.byn dt::after { content: ":" }
.byn dd { margin: 0 0.5rem 0 0 }
[data-node="rlf"] ul { padding: 0; list-style: none }
[data-node="rlf"] li>a { display: block; text-decoration: none; font-weight: 600 }
[data-node="rlf"] li>span { font-size: .92em; color: var(--tok-muted); display: block }
p.ebv { margin-bottom: 0.688rem }
.tbh hgroup { margin: 0 }
[data-node="fqx"] details { padding: 0.688rem 1.063rem 0.688rem 1.063rem; margin: 0.563rem 0 0.563rem 0; border: 0.063rem solid var(--tok-line); background: var(--tok-card); border-radius: 0.438rem }
[data-node="fqx"] summary { cursor: pointer; font-weight: 600 }
[data-node="fqx"] details>div { padding-top: 0.5rem }
[data-node="hwi"] { padding: 0 0 0 1.25rem; margin-bottom: 1.25rem; border-left: 0.188rem solid var(--tok-line); counter-reset: s; margin-top: 1.25rem }
[data-node="hwi"] dt { font-size: 1.05em; margin: 1.188rem 0 0.25rem; font-weight: bold; font-family: 'Roboto Mono', Menlo, Consolas, monospace }
[data-node="hwi"] dt::before { content: counter(s) ". "; color: var(--tok-accent); counter-increment: s }
[data-node="hwi"] dd { margin: 0rem }
.ctrb { margin: 0 auto; max-width: 60rem; padding: 0 1.313rem }
.hdl { padding-top: 0.813rem; padding-bottom: 0.813rem }
.hic { display: flex }
.hic { flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1.125rem }
.lot { align-items: center; color: inherit; gap: 0.625rem; text-decoration-line: none }
.lot { font-weight: 600; font-size: 1.25rem; font-family: 'Roboto Mono', Menlo, Consolas, monospace; display: inline-flex }
.lot svg { width: 1.75rem; height: 1.75rem }
.navx { gap: 0.25rem; background: var(--tok-card); outline: 0.063rem solid hsl(144 20% 86%); padding: 0.25rem; display: flex; border-radius: 65rem; outline-offset: -1px }
.navx a { border-radius: 67.063rem }
.navx a { text-decoration: none; color: inherit; font-size: .9em; font-weight: 600; padding: 0.375rem 0.813rem }
.navx a:hover { color: var(--tok-primary); background: var(--tok-soft) }
.bdb { padding: 1.25rem 0 3.563rem }
.jbg { padding: 1.125rem 0 2.25rem }
.jbg h1 { font-size: 2.6rem; max-width: 47.5rem }
.jbg p { font-size: 1.1em; max-width: 37.5rem; color: var(--tok-muted) }
.hdsf { grid-template-columns: 1fr 20rem; align-items: center }
.hdsf { display: grid; gap: 1.875rem }
.mscz { margin: 0 0 2.313rem }
.mscz { grid-template-columns: repeat(4,1fr); gap: 0.813rem; display: grid }
.tld { color: #fff }
.tld { border-radius: 0.375rem; text-decoration: none; display: block; position: relative; background: var(--tok-soft); aspect-ratio: 1; overflow: hidden }
.tld.bgn { grid-column: span 2; aspect-ratio: auto; grid-row: span 2 }
.tld img { transition: transform .5s; height: 100%; position: absolute; width: 100%; inset: 0; object-fit: cover }
.tld:hover img { transform: scale(1.05) }
.cpv { position: absolute; padding: 2.375rem 1rem 1rem; background: linear-gradient(0deg, rgba(0,0,0,.82), rgba(0,0,0,0)); inset: auto 0 0 0 }
.cpv h3 { margin: 0; color: #fff; font-size: 1.02em }
.bgn .cpv h3 { font-size: 1.6em }
.cpv p { margin: 0.375rem 0 0; opacity: .85; font-size: .92em; color: #fff }
.cpv .byn { margin: 0.25rem 0 0; font-size: .8em; color: rgba(255,255,255,.75) }
.tld:not(.bgn) .cpv .byn { display: none }
.bndv { min-height: 22.5rem; color: #fff }
.bndv { position: relative; display: flex; align-items: flex-end; background: var(--tok-fg) }
.bndv img { object-fit: cover; opacity: .6 }
.bndv img { inset: 0; width: 100%; position: absolute; height: 100% }
.bndv .ctrb { width: 100%; position: relative; padding: 4rem 1.125rem 2.188rem }
.bndv h1 { max-width: 52.5rem; font-size: 2.6rem; margin: 0; text-shadow: 0 0.125rem 0.813rem rgba(0,0,0,.45) }
.bndv .ebv { border-radius: 0.188rem; padding: 0.188rem 0.625rem 0.188rem 0.625rem; background: var(--tok-accent); color: #fff }
.tbh.plnf { padding: 1.875rem 0 0 }
.tbh.plnf h1 { font-size: 2.4rem }
.ldj { font-size: 1.12em; color: var(--tok-muted); max-width: 47.5rem }
.clo { gap: 2.313rem; display: grid }
.clo { grid-template-columns: minmax(0,1fr) 17.5rem; margin-top: 1.25rem; align-items: start }
.asj { top: 1.25rem; position: sticky }
.tcp { padding: 0.938rem 1.188rem; font-size: .92em; background: var(--tok-card); border: 0.063rem solid var(--tok-line); margin-bottom: 1.563rem; border-radius: 0.375rem }
.tcp ol,.tcp ul { padding-left: 1.2em; margin: 0.5rem 0 0 }
.tcp a { text-decoration: none; color: inherit }
.ftg { color: hsl(144 25% 97% / 0.75); padding: 2.563rem 0 1.125rem; background: var(--tok-fg); margin-top: 1.125rem }
.fil { grid-template-columns: 2fr 1fr 1fr; gap: 1.688rem; padding-bottom: 1.125rem; display: grid }
.fil strong { color: var(--tok-bg); font-size: 1.1em }
.fil a { margin-top: 0.25rem; color: hsl(144 25% 97% / 0.75); text-decoration-line: none; margin-bottom: 0.25rem; display: block }
.flh { border-top: 0.063rem solid hsl(144 25% 97% / 0.15); padding: 0.875rem 1.313rem; font-size: .84em }
.clo.clsm { grid-template-columns: 16.25rem minmax(0,1fr) }
.tcp ul { padding-left: 1.22em; margin: 0rem }
.hdsf { text-align: left; flex-wrap: wrap; align-items: center }
.hdsf { justify-content: space-between; display: flex; gap: 1.625rem }
.hdsf > div:not(.scnz) { flex: 1 1 20rem }
.scnz { display: block; flex-shrink: 0; margin: 0 0 0 auto; width: 14.313rem; max-width: 100% }
.scnz svg { display: block; height: auto; width: 100% }
.bcc ol { display: flex; flex-wrap: wrap; list-style: none; gap: 0.25rem 0.5rem; margin: 0; padding: 0 }
.bcc li+li::before { opacity: .5; content: "»"; margin-right: 0.5rem }
.tblw { border-radius: 0.375rem; outline: 0.063rem solid hsl(144 20% 86%); outline-offset: -1px }
.tblw { margin-bottom: 1.22em; -webkit-overflow-scrolling: touch; overflow-x: auto; margin-top: 1.22em }
.tblw table { min-width: 37.5rem; margin: 0rem; display: table }
.ldj { line-height: 1.55 }
.ldj { font-size: 1.15em; font-weight: 300; color: var(--tok-fg) }
.tstz { border-radius: 61.375rem; bottom: 2rem; color: var(--tok-bg); box-shadow: 0 0.625rem 1.875rem hsl(144 25% 12% / 0.25); font-size: .92em; padding: 0.688rem 1rem; left: 50%; transform: translateX(-50%); position: fixed }
.tstz { background: var(--tok-fg); z-index: 90 }
.btl.ghsr { background: transparent; color: var(--tok-primary); border: 0.063rem solid var(--tok-primary) }
.btl.smle { padding: 0.313rem 0.75rem; font-size: .86em }
.spce-1 { margin-top: 0.25rem }
.spce-b1 { margin-bottom: 0.25rem }
.spce-2 { margin-top: 0.5rem }
.spce-b2 { margin-bottom: 0.438rem }
.spce-3 { margin-top: 0.813rem }
.spce-b3 { margin-bottom: 0.688rem }
.spce-4 { margin-top: 1.375rem }
.spce-b4 { margin-bottom: 1.375rem }
.spce-5 { margin-top: 2rem }
.spce-b5 { margin-bottom: 2.188rem }
.spce-6 { margin-top: 3.25rem }
.spce-b6 { margin-bottom: 2.813rem }
.clsu { grid-template-columns: repeat(2,1fr); gap: 0.938rem; display: grid }
.clsg { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem }
hr { border: 0; height: 0.063rem; background: linear-gradient(90deg,transparent,var(--tok-line),transparent); margin: 2.563rem 0 }
.bdgg { font-weight: 600 }
.bdgg { text-transform: uppercase; border-radius: 68.813rem; padding: 0.188rem 0.625rem; display: inline-block; background: var(--tok-soft); font-size: .76em; color: var(--tok-primary); letter-spacing: 0 }
.bdgg.bdgs { background: hsl(344 45% 42% / 0.15); color: var(--tok-accent) }
.bdgg+.bdgg { margin-left: 0.375rem }
summary { list-style: disclosure-closed; cursor: pointer }
details[open] summary { margin-bottom: 0.375rem }
.vtrv { object-fit: cover; border-radius: 50%; height: 2.25rem; background: var(--tok-soft); width: 2.25rem }
.bylr { gap: 0.625rem; align-items: center; color: var(--tok-muted); display: flex; font-size: .9em }
.hddb { display: none }
[hidden] { display: none }
.trnq { -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2 }
.chpi { align-items: center }
.chpi { gap: 0.5rem; display: flex; flex-wrap: wrap }
::selection,::-moz-selection { color: #fff; background: var(--tok-accent) }
kbd { font: inherit; padding: 0.125rem 0.375rem; border-bottom-width: 0.125rem; background: var(--tok-card) }
kbd { outline: 0.063rem solid hsl(144 20% 86%); border-radius: 0.25rem; font-size: .85em; outline-offset: -1px }
mark { background: hsl(344 45% 42% / 0.35); color: inherit; border-radius: 0.125rem; padding: 0 0.188rem }
small { font-size: .82em }
.drpy::first-letter { float: left; padding: 0.375rem 0.438rem 0 0; font-size: 3.6em; line-height: .8 }
.drpy::first-letter { font-weight: bold; color: var(--tok-primary); font-family: 'Roboto Mono', Menlo, Consolas, monospace }
.tpo { border-bottom: 0.063rem dotted var(--tok-muted); position: relative; cursor: help }
.tpo::after { color: var(--tok-bg); background: var(--tok-fg); border-radius: 0.375rem; content: attr(data-tip); bottom: 125%; transform: translateX(-50%); left: 50%; pointer-events: none; white-space: nowrap; padding: 0.438rem 0.75rem 0.438rem 0.75rem; position: absolute; transition: none; opacity: 0; font-size: .8em }
.tpo:hover::after { opacity: 1 }
.prge { top: 0; width: 0; transition: width .1s linear; background: var(--tok-primary); height: 0.188rem; z-index: 60; position: fixed; left: 0 }
progress { width: 100%; accent-color: var(--tok-primary); height: 0.5rem }
meter { width: 100% }
.fldh { outline: 0.063rem solid hsl(144 20% 86%); background: var(--tok-card); width: 100%; padding: 0.688rem 0.875rem; border-radius: 0.375rem; font: inherit; color: var(--tok-fg); outline-offset: -1px }
.fldh:focus { border-color: var(--tok-primary); outline: none; box-shadow: 0 0 0 0.188rem hsl(144 45% 36% / 0.2) }
label { margin: 0 0 0.375rem }
label { font-weight: 600; font-size: .92em; display: block }
textarea { resize: vertical; min-height: 8.75rem }
.shrj { align-items: center; display: flex }
.shrj { margin: 1.438rem 0; gap: 0.375rem }
.shrj a { align-items: center; height: 2.25rem; border: 0.063rem solid var(--tok-line); justify-content: center }
.shrj a { width: 2.25rem; display: inline-flex; color: var(--tok-muted); border-radius: 0.375rem }
.shrj a:hover { color: var(--tok-primary); border-color: var(--tok-primary) }
@media (max-width:640px){h1,h2,h3 { overflow-wrap: anywhere } [data-node="pmc"] { grid-template-columns: minmax(0,1fr) } .jbg h1 { font-size: 1.8rem } .bndv h1 { font-size: 1.8rem } .tbh.plnf h1 { font-size: 1.8rem } .clsu,.clsg { grid-template-columns: minmax(0,1fr) }}
@media (max-width:720px){table { overflow-x: auto; display: block; max-width: 100% } .scnz { width: min(13.75rem, 60vw); margin: 0 auto 0.75rem }}
@media (max-width:800px){.bgp { display: flex } .navx { gap: 0.5rem; padding: 0.563rem 0 0.75rem; width: 100% } .navx { flex-direction: column; display: none } .ntx:checked~.navx { display: flex } .navx { border-radius: 0.375rem } .hdsf,.clo,.fil { grid-template-columns: minmax(0,1fr) }}
@media (max-width:900px){.mscz { grid-template-columns: repeat(2,1fr) } .clo.clsm { grid-template-columns: minmax(0,1fr) }}
@media (prefers-contrast:more){a { text-decoration: underline } body { color: #000 }}
@media (prefers-reduced-motion:reduce){* { animation-iteration-count: 1; transition-duration: .01ms; animation-duration: .01ms } html { scroll-behavior: auto }}