/* Base */
:root { --t-page: #0c1711; --t-u-10: 20px; --t-wash: #1a2e23; --t-body-font: 'Nunito Sans', system-ui, -apple-system, sans-serif; --t-u-8: 16px; --t-rule: #293d32; --t-highlight: #e05271; --t-u-6: 12px; --t-u-3: 6px; --t-text: #e2e9e5; --t-u-5: 10px; --t-u-15: 40px; --t-u-9: 18px; --t-u-7: 14px; --t-heading-font: 'Inconsolata', monospace; --t-link: #67e4a0; --t-u-2: 4px; --t-u-11: 24px; --t-panel: #16271e; --t-u-1: 2px; --t-u-4: 8px; --t-banner: radial-gradient(circle at 20% 10%, #1c5435, #0c1711 60%); --t-link-hover: #3cdd84; --t-text-2: #8fa398; --t-banner-text: #f0f4f2 }
* { box-sizing: border-box }
body { font-size: 19px; background-color: var(--t-page); line-height: 1.63; margin: 0; color: var(--t-text); font-family: var(--t-body-font); -webkit-font-smoothing: antialiased }
pre { overflow-x: auto; max-inline-size: 100% }
code { overflow-wrap: anywhere }
img { block-size: auto; max-inline-size: 100%; display: block }
.ib { align-items: center; line-height: 1.35; background-color: var(--t-link); z-index: 20; padding: var(--t-u-6) 17px var(--t-u-6) 17px; margin: 0; justify-content: space-between; inset-block-start: 0; gap: var(--t-u-5); color: var(--t-page); display: flex; position: sticky; font-size: .9em }
.ib p, .ib span { flex: 1 1 auto; margin: 0 }
.ib a { font-weight: bold; color: var(--t-page); text-decoration: underline }
.sx { line-height: 1; color: var(--t-page); padding-inline: 5px; background-color: transparent; font-size: 1.1em; padding-block: 2px; border: 0; cursor: pointer }
.ib[hidden] { display: none }
a { color: var(--t-link) }
/* Header */
a:hover { color: var(--t-link-hover) }
h1,h2,h3,h4 { letter-spacing: 0; margin: 0 0 0.65em }
h1,h2,h3,h4 { line-height: 1.2; font-weight: bold; font-family: var(--t-heading-font) }
h1 { font-size: 2.10rem }
h2 { margin-block-start: 1.64em; font-size: 1.55rem }
h3 { margin-block-start: 1.4em; font-size: 1.18rem }
h2[id],h3[id] { scroll-margin-block-start: 90px }
.tx { max-inline-size: 100% }
.tx p { margin-block-end: 1.05em }
.tx ul,.tx ol { margin: 0 0 1.07em; padding-inline-start: 1.39em }
.tx li { margin-inline: 0; margin-block: 0.36em }
.tx table { margin-block: 1.11em; display: block; margin-inline: 0; font-size: .94em; inline-size: 100%; overflow-x: auto; border-collapse: collapse }
/* Utilities */
.tx th,.tx td { border: 1px solid var(--t-rule); padding: var(--t-u-5) var(--t-u-6) var(--t-u-5) var(--t-u-6); text-align: start }
.tx th { background-color: var(--t-wash); font-weight: 600 }
.tx blockquote { margin-block-start: 1.3em; margin-block-end: 1.3em; border-inline-start: 4px solid var(--t-highlight) }
.tx blockquote { padding: var(--t-u-6) 23px var(--t-u-6) 23px; background-color: var(--t-panel); border-radius: 0px }
.tx a sup { font-size: .7em; line-height: 0 }
.tx a:has(>sup) { text-decoration-line: none }
.tx code { font-size: .92em; border-radius: 4px; background-color: var(--t-wash); padding: 1px 5px 1px 5px }
.tx img { border-radius: 0px; margin-block-end: 1.03em; margin-block-start: 1.03em }
.tl3 { border-inline-start: 4px solid var(--t-link); font-size: 1.06em; background-color: var(--t-wash); margin: 0 0 29px; padding: 19px var(--t-u-11) 19px var(--t-u-11); border-radius: 0px }
.tl3 p:last-child { margin-block-end: 0 }
.pm { margin-block: 20px; gap: 17px; display: grid; grid-template-columns: 1fr 1fr; margin-inline: 0 }
.pm>div { background-color: var(--t-panel) }
/* Components */
.pm>div { outline: 1px solid #293d32; padding-block: 14px; padding-inline: 19px; border-radius: 0px; outline-offset: -1px }
.pm h3 { margin-block-start: 0 }
.pm ul { margin: 0px; padding-inline-start: 1.09em }
.sr { border-block-start: 1px solid var(--t-rule); font-size: .9em; margin: 39px 0 0; padding-block-start: 15px; color: var(--t-text-2) }
.sr ol { padding-inline-start: 1.23em }
.sr li { margin-block-end: 0.33em; margin-block-start: 0.33em; word-break: break-word }
.sr a { color: var(--t-text-2) }
.qt { margin: var(--t-u-11) 0 var(--t-u-11) 0; border-inline-start: 4px solid var(--t-highlight); padding-inline: 25px; border-radius: 0px; padding-block: 20px; font-style: italic; background-color: var(--t-panel); font-size: 1.15em }
.qt blockquote { background-color: transparent; margin: 0; padding: 0; border: 0 }
.qt figcaption { margin-block-start: var(--t-u-4); color: var(--t-text-2); font-size: .85em; font-style: normal }
.ct2 { margin-block: 43px; color: var(--t-text); padding: 29px; margin-inline: 0; text-align: center; border-radius: 0px; background-color: var(--t-panel) }
.ct2 { box-shadow: inset 0 1px 0 #67e4a059, 0 24px 60px -30px #67e4a099; outline: 1px solid #293d32; outline-offset: -1px }
/* Reset */
.ct2 h2 { color: inherit; margin-block-start: 0 }
.b { display: inline-block; padding-block: 11px; margin-block-start: 11px; background-color: var(--t-link); font-weight: 600; border-radius: 0px; padding-inline: 25px }
.b { color: var(--t-page); text-decoration-line: none }
.b:hover { color: var(--t-page); filter: brightness(1.08) }
.gd { gap: var(--t-u-10); display: grid; margin: 22px 0 22px 0; grid-template-columns: repeat(auto-fill,minmax(250px,1fr)) }
.it { gap: var(--t-u-4); padding: 21px; outline: 1px solid #293d32; border-radius: 0px; background-color: var(--t-panel); display: grid; outline-offset: -1px }
.it h2,.it h3 { margin: 0; font-size: 1.08em }
.it p { font-size: .95em; color: var(--t-text-2); margin: 0 }
.it a { font-weight: 600; text-decoration: none }
.crd { margin-block: 24px; margin-inline: 0; display: grid }
.crd { gap: var(--t-u-9); grid-template-columns: repeat(3,minmax(0,1fr)) }
.crd .it { overflow: hidden; box-shadow: 0 3px 14px #e2e9e514; padding: 0 }
/* Lists */
.crd .it .crdx { aspect-ratio: 4 / 3; inline-size: 100%; border: 1px solid #e2e9e540; max-inline-size: 100%; background-color: #e2e9e5e6; padding: var(--t-u-4); object-fit: contain; block-size: auto }
.crd .crdn { padding: var(--t-u-9); gap: var(--t-u-4); display: grid; min-inline-size: 0 }
.crd .crdw { flex-wrap: wrap; gap: var(--t-u-4) }
.crd .crdw { align-items: center; margin-block-start: auto; display: flex }
.crd .crdd { font-size: .85em; color: var(--t-text-2); line-height: 1.35; min-inline-size: 0; display: block }
.crd .crdd code { overflow-wrap: anywhere; font-family: inherit; word-break: break-all }
.crd .crddq { grid-column: span 1 }
.crdf { grid-template-columns: 1fr }
.crd.crdf > .it { flex-direction: row; display: flex; align-items: stretch; text-align: start }
.crdf .crddq .crdx { order: 2 }
.crdf .it .crdx { aspect-ratio: 4 / 3; flex-shrink: 0; inline-size: min(34%,260px) }
.crdo { grid-template-columns: 1fr }
/* Footer */
.crd.crdo > .it { padding: 11px; text-align: start; align-items: center; display: flex; flex-direction: row }
.crd.crdo > .it .crdx { aspect-ratio: 1 / 1; inline-size: 113px }
.crd.crdo > .it .crdx { block-size: 113px; flex-shrink: 0; border-radius: 1073px }
.crd.crdo > .it .crdn { min-inline-size: 0; padding: var(--t-u-5) var(--t-u-8) var(--t-u-5) var(--t-u-8); flex: 1 1 auto }
.crdwp { grid-template-columns: 1fr }
.crd.crdwp > .it { display: grid; text-align: start; grid-template-columns: minmax(180px,34%) 1fr }
.crdwp .it .crdx { block-size: 100%; aspect-ratio: 4 / 3 }
.crdp { max-inline-size: 70ch; margin-block-end: 19px; color: var(--t-text-2) }
.crd .b { white-space: normal; margin-block-start: 0; text-align: center }
.ntw,.str,.tlt { margin-block: 15px; display: block; line-height: 1.45; outline: 1px solid #293d32d9; font-size: .88em; padding: var(--t-u-5) var(--t-u-9) var(--t-u-5) var(--t-u-9); background-color: var(--t-wash); margin-inline: 0; border-radius: 0px; outline-offset: -1px }
.ntw a, .str a, .tlt a { font-weight: 600 }
.tlt { text-align: start }
/* Layout */
.ctx { padding-block: 24px; padding-inline: 18px }
.ctx { margin-inline: 0; border: 1px solid #293d32e6; max-inline-size: 100%; background-color: var(--t-wash); margin-block: 34px; border-inline-start: 4px solid var(--t-highlight); border-radius: 1px }
.ctx h2, .ctx h3 { margin-block-start: 0; font-size: 1.08em }
.ctx p:last-child { margin-block-end: 0 }
.ctx ul { padding-inline-start: 1.18em; margin: 0 }
.nav .catalog,.ft .catalog,.catalog { color: var(--t-highlight) }
.nav .catalog.cat-bold,.ft .catalog.cat-bold,.catalog.cat-bold { color: var(--t-highlight); font-weight: bold }
.nav .catalog.cat-fill,.ft .catalog.cat-fill,.catalog.cat-fill { display: inline-block; border-radius: 2px; color: var(--t-text); text-decoration: none; background-color: var(--t-highlight) }
.nav .catalog.cat-fill,.ft .catalog.cat-fill,.catalog.cat-fill { font-weight: 600; padding-inline: 8px; padding-block: 2px }
.nav .catalog.cat-ws,.ft .catalog.cat-ws,.catalog.cat-ws { font-weight: 600; text-decoration: none; display: inline-block }
.nav .catalog.cat-ws,.ft .catalog.cat-ws,.catalog.cat-ws { padding-inline: 7px; color: var(--t-highlight); border: 1.5px solid var(--t-highlight); padding-block: 2px; border-radius: 2px }
.nav .catalog.cat-under,.ft .catalog.cat-under,.catalog.cat-under { text-decoration: underline }
/* Global */
.nav .catalog.cat-under,.ft .catalog.cat-under,.catalog.cat-under { text-decoration-thickness: 2px; color: var(--t-highlight); text-underline-offset: 3px }
.nav .catalog.cat-t,.ft .catalog.cat-t,.catalog.cat-t { color: var(--t-highlight); font-weight: 600 }
.nav .catalog.cat-t::before,.ft .catalog.cat-t::before,.catalog.cat-t::before { content: "→"; color: var(--t-highlight); margin-inline-end: 0.38em }
.nav .catalog.cat-bold,.ft .catalog.cat-bold,.catalog.cat-bold:hover,.nav .catalog.cat-fill,.ft .catalog.cat-fill,.catalog.cat-fill:hover,.nav .catalog.cat-ws,.ft .catalog.cat-ws,.catalog.cat-ws:hover,.nav .catalog.cat-under,.ft .catalog.cat-under,.catalog.cat-under:hover,.nav .catalog.cat-t,.ft .catalog.cat-t,.catalog.cat-t:hover { opacity: .85 }
.mb { padding-block-start: var(--t-u-3); display: none; background: none; inline-size: 30px; color: inherit; border: 0; padding-block-end: var(--t-u-3); cursor: pointer; flex-direction: column; gap: 5px }
.mb span { display: block; block-size: 2px; background: currentColor }
.mt2 { margin-block-end: var(--t-u-9); flex-wrap: wrap; color: var(--t-text-2); display: flex; font-size: .9em; gap: 9px var(--t-u-8) }
.bc { color: var(--t-text-2); font-size: .88em; margin: 0 0 13px }
.bc a { color: var(--t-text-2); text-decoration: none }
.eb { letter-spacing: 0.08em }
.eb { font-weight: bold; display: inline-block; margin: 0 0 11px; font-size: .76em; color: var(--t-highlight); text-transform: uppercase }
.fg figcaption { color: var(--t-text-2); margin: 7px 0 0; font-size: .85em }
/* Blocks */
.hw .fg, .tx .fg { margin: var(--t-u-7) 0 7px }
.hw .fg img { border-radius: 5px; inline-size: 100% }
.rl { margin-block-start: 44px }
.rl ol { color: var(--t-text-2); padding: 0 0 0 1.34em }
.rl li { margin-block: 9px; margin-inline: 0 }
.rl li>a { font-weight: 600; color: var(--t-text) }
.rl img { display: none }
p.eb { margin-block-end: var(--t-u-5) }
.tx .tsk { margin-inline-end: var(--t-u-2); color: var(--t-highlight) }
.qa dt { font-family: var(--t-heading-font); font-size: 1.05em; margin: 19px 0 var(--t-u-3); font-weight: bold }
.qa dd { padding-inline-start: var(--t-u-7); border-inline-start: 3px solid var(--t-rule); margin: 0px }
.hw { padding: 0 0 0 var(--t-u-11); counter-reset: s; margin-block-end: var(--t-u-10); border-inline-start: 3px solid var(--t-rule); margin-block-start: var(--t-u-10) }
/* Cards */
.hw dt { font-size: 1.05em; font-family: var(--t-heading-font); font-weight: bold; margin: 19px 0 var(--t-u-2) }
.hw dt::before { content: counter(s) ". "; counter-increment: s; color: var(--t-highlight) }
.hw dd { margin: 0 }
.cx { min-block-size: 100vh; max-inline-size: 1320px }
.cx { display: grid; grid-template-columns: 270px minmax(0,1fr); margin: 0 auto 0 auto }
.cx.clss { grid-template-columns: minmax(0,1fr) 270px }
.rl2 { display: grid; padding: 22px 22px 22px 22px; inset-block-start: 0; position: sticky; overflow: auto; gap: 19px; border-inline-end: 1px solid var(--t-rule); background-color: var(--t-panel); block-size: 100vh }
.clss .rl2 { border-inline-start: 1px solid var(--t-rule); border-inline-end: 0 }
.ar>.ol2 { margin: 0 0 26px }
.ol2 summary,.ol2>strong { padding-inline: 13px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--t-text-2); cursor: pointer; border-block-end: 1px solid var(--t-rule); display: block; font-family: var(--t-heading-font); font-size: .8em; padding-block: 11px }
.ol2.tcr { padding-block: 10px; padding-inline: 14px; line-height: 1.9; font-size: .88em }
.ol2.tcr a { display: inline; padding: 0 }
/* Article */
.ol2.tcr>strong { border: 0; padding: 0; display: inline }
.lg { display: flex; color: var(--t-text); font-family: var(--t-heading-font) }
.lg { gap: var(--t-u-5); font-size: 1.05rem; align-items: center; font-weight: bold; text-decoration-line: none }
.lg svg { inline-size: 24px; block-size: 24px }
.st2 { display: flex; font-family: var(--t-heading-font); letter-spacing: 0.06em; align-items: center; gap: 7px }
.st2 { color: var(--t-text-2); text-transform: uppercase; font-size: .74em }
.nav { font-size: .88em; display: grid; gap: var(--t-u-1); font-family: var(--t-heading-font) }
.nav strong { letter-spacing: 0.04em; color: var(--t-link); font-size: .8em; margin: var(--t-u-7) 0 7px; font-weight: 600 }
.nav strong:first-child { margin-block-start: 0 }
.nav a { align-items: baseline; border-radius: 0px; text-decoration: none; gap: 9px; color: var(--t-text-2) }
.nav a { border-inline-start: 2px solid transparent; padding: 5px var(--t-u-4) 5px var(--t-u-4); display: flex }
.nav a:hover { border-left-color: var(--t-link); background-color: var(--t-wash); color: var(--t-text) }
/* Responsive */
.nav i { font-size: .85em; color: var(--t-highlight) }
.nav i { font-style: normal; flex-shrink: 0 }
.rl2 .ft { font-family: var(--t-heading-font); margin-block-start: auto; border-block-start: 1px solid var(--t-rule); font-size: .78em; gap: 7px; padding-block-start: var(--t-u-8) }
.rl2 .ft { color: var(--t-text-2); display: grid }
.rl2 .ft a { text-decoration-line: none; color: var(--t-text-2) }
.rl2 .ft a:hover { color: var(--t-link) }
.rl2 .ft small { margin-block-start: 9px; opacity: .8; font-size: .92em }
.ct { padding: 0 37px 68px; min-inline-size: 0 }
.hr2 { font-size: .74em; color: var(--t-text-2); border-block-end: 1px solid var(--t-rule); margin-block-end: 33px }
.hr2 { gap: 15px; font-family: var(--t-heading-font); padding-block-end: 11px; display: flex; text-transform: uppercase; justify-content: space-between; padding-block-start: 11px; letter-spacing: 0.06em }
.jb { background-image: repeating-linear-gradient(0deg, transparent 0 2px, #e2e9e506 2px 3px) }
.jb { border-block-end: 1px solid var(--t-rule); padding: 9px 0 33px; margin: 0 0 29px }
/* Forms */
.jb h1 { max-inline-size: 720px; font-size: 2.7rem; margin: var(--t-u-3) 0 var(--t-u-7); letter-spacing: -.01em }
.jb p { margin: 0px }
.jb p { max-inline-size: 620px; color: var(--t-text-2); font-size: 1.1em }
.eb { text-transform: none; font-family: var(--t-heading-font); font-size: .82em; letter-spacing: 0; font-weight: 600; color: var(--t-link) }
.wn { background-color: var(--t-panel); border-radius: 0px; outline: 1px solid #293d32; outline-offset: -1px }
.wn { overflow: hidden; box-shadow: 0 0 0 1px #67e4a00f, 0 24px 60px -30px #67e4a080 }
.hds .wn { padding-block-end: var(--t-u-4); inline-size: 360px }
.hds .wn { flex: 0 0 auto; max-inline-size: 100% }
.hds .scn { inline-size: 78%; margin: var(--t-u-8) auto var(--t-u-2) }
.terminal { padding-block: 8px; color: var(--t-text-2); border-block-end: 1px solid var(--t-rule); background-color: var(--t-wash); align-items: center; display: flex; padding-inline: 11px }
.terminal { gap: var(--t-u-3); font-size: .72em; font-family: var(--t-heading-font) }
.terminal span { inline-size: 9px; background-color: var(--t-rule); border-radius: 50%; block-size: 9px; display: inline-block }
/* Typography */
.terminal span:first-child { background-color: var(--t-highlight) }
.terminal span:nth-child(3) { background-color: var(--t-link) }
.terminal b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; margin-inline-start: var(--t-u-4) }
.bk { margin-block-end: var(--t-u-3); align-items: baseline; gap: 15px; display: flex }
.bk h2 { font-size: 1.1rem; font-family: var(--t-heading-font); margin: 0px }
.bk h2 { text-transform: uppercase; letter-spacing: 0.08em }
.fd { margin: 0 0 37px; list-style-type: none; border-block-start: 1px solid var(--t-rule); padding: 0 }
.fd li { grid-template-columns: 44px minmax(0,1fr) auto auto }
.fd li { display: grid; padding-block: 14px; padding-inline: 7px; align-items: center; gap: 19px; border-block-end: 1px solid var(--t-rule); transition: background .15s }
.fd li:hover { background-color: var(--t-wash) }
.ix { font-family: var(--t-heading-font); color: var(--t-link); font-size: 1.05em }
.fd h3 { margin: 0 0 var(--t-u-2); font-size: 1.08em }
/* Navigation */
.fd h3 a { color: var(--t-text); text-decoration: none }
.fd h3 a:hover { color: var(--t-link) }
.fd p { display: -webkit-box; -webkit-box-orient: vertical; color: var(--t-text-2); overflow: hidden; font-size: .92em }
.fd p { -webkit-line-clamp: 2; margin: 0 }
.fd img { border: 1px solid var(--t-rule); aspect-ratio: 8/5; inline-size: 120px; object-fit: cover; border-radius: 0px }
.fd time { font-family: var(--t-heading-font); font-size: .76em; white-space: nowrap; color: var(--t-text-2) }
.ph { margin-block-end: var(--t-u-11) }
.ph h1 { margin: 9px 0 9px; font-size: 2.2rem; max-inline-size: 860px }
.tg { color: var(--t-text-2); margin-block-end: 15px; max-inline-size: 760px; font-size: 1.08em }
.sp { align-items: start; display: grid; gap: 35px; grid-template-columns: minmax(0,1fr) 260px }
.as { position: sticky; inset-block-start: 20px }
.ol2 ol,.ol2 ul { counter-reset: t; list-style-type: none; margin: 0 }
/* Widgets */
.ol2 ol,.ol2 ul { font-size: .88em; padding-block: 9px; padding-inline: 12px }
.ol2 li { margin: 0px }
.ol2 a { display: flex; gap: 11px }
.ol2 a { padding-block-end: 5px; color: var(--t-text-2); padding-block-start: 5px; text-decoration: none }
.ol2 a::before { content: counter(t, decimal-leading-zero) }
.ol2 a::before { counter-increment: t; color: var(--t-highlight); flex-shrink: 0; font-family: var(--t-heading-font) }
.ol2 a:hover { color: var(--t-text) }
.fg { margin: 0 0 var(--t-u-11) }
.fg img { inline-size: 100%; border: 1px solid var(--t-rule); border-radius: 0px }
.tx h2 { font-size: 1.3rem; font-family: var(--t-heading-font) }
.tx h2::before { color: var(--t-link); content: '# ' }
.nav ul,.nav li { list-style-type: none }
/* Content */
.nav ul,.nav li { padding: 0; display: contents; margin: 0px }
.nvr { padding-block: 4px; border-block-start: 1px solid var(--t-rule); padding-inline: 0 }
[data-expanded] .nvr .nav { display: flex }
.hds { align-items: center; display: flex; gap: 21px }
.hds { flex-wrap: wrap; justify-content: space-between; text-align: start }
.hds > div:not(.scn) { flex: 1 1 302px }
.scn { max-inline-size: 100%; flex-shrink: 0; margin: 0 auto 0 0; inline-size: 113px }
.scn > * { display: block; block-size: auto; inline-size: 100% }
kbd { font-size: .85em; background-color: var(--t-panel); padding: var(--t-u-1) 7px var(--t-u-1) 7px; outline: 1px solid #293d32; border-radius: 4px; outline-offset: -1px }
kbd { border-block-end-width: 2px; font: inherit }
mark { color: inherit; border-radius: 2px; padding: 0 3px 0 3px; background-color: #e0527140 }
dialog { border: 0; max-inline-size: min(560px,92vw); box-shadow: 0 30px 80px #e2e9e54d; color: var(--t-text); background-color: var(--t-panel); padding: 26px; border-radius: 0px }
/* Media */
dialog::backdrop { background-color: rgb(0 0 0 / .55) }
.mdl { z-index: 80; place-items: center; display: grid; position: fixed; inset: 0 }
::selection { background-color: var(--t-link); color: #fff; text-shadow: none }
.hdd,[hidden] { display: none }
.trn { overflow: hidden; -webkit-line-clamp: 4 }
.trn { -webkit-box-orient: vertical; display: -webkit-box }
.cd- { position: relative }
.tg- { gap: 9px; flex-wrap: wrap; display: flex }
.tg- a { color: var(--t-text) }
.tg- a { background-color: var(--t-wash); font-size: .86em; padding-inline: 10px; padding-block: 4px; border-radius: 4px; text-decoration: none }
.tg- a:hover { background-color: var(--t-link); color: #fff }
.thr { border-radius: 0px; background-color: var(--t-panel) }
/* Misc */
.thr { margin-block-start: var(--t-u-15); margin-block-end: var(--t-u-15); border: 1px solid var(--t-rule); display: flex; gap: var(--t-u-9); align-items: flex-start; padding: var(--t-u-10) }
.thr h4 { margin-block-end: var(--t-u-2) }
.thr p { margin: 0; color: var(--t-text-2); font-size: .94em }
html { scrollbar-color: #8fa39899 var(--t-page); scrollbar-width: auto }
::-webkit-scrollbar { inline-size: 12px; block-size: 12px }
::-webkit-scrollbar-thumb { border-radius: 0; outline: 2px solid #0c1711; background-color: #8fa39899; outline-offset: -2px }
::-webkit-scrollbar-track { background-color: var(--t-page) }
.tst { inset-inline-start: 50% }
.tst { color: var(--t-page); padding-block: 12px; font-size: .92em; position: fixed; border-radius: 9px; inset-block-end: 24px; padding-inline: 20px; background-color: var(--t-text); transform: translateX(-50%); z-index: 90; box-shadow: 0 10px 30px #e2e9e540 }
.tst[hidden] { display: none }
.pgr { justify-content: flex-start }
.pgr { margin: 29px 0 29px 0; gap: var(--t-u-3); flex-wrap: wrap; display: flex }
/* Base */
.pgr a,.pgr span { padding-block: 6px; display: inline-block; min-inline-size: 36px; text-align: center; padding-inline: 10px; text-decoration-line: none; border: 1px solid var(--t-rule); border-radius: 0px }
.pgr [aria-current] { border-color: var(--t-link); background-color: var(--t-link); color: #fff }
blockquote cite { font-size: .88em; margin-block-start: var(--t-u-3) }
blockquote cite { font-style: normal; color: var(--t-text-2); display: block }
blockquote p:last-child { margin-block-end: 0 }
.stc { z-index: 40 }
.stc { box-shadow: 0 6px 18px #e2e9e514; position: sticky; inset-block-start: 0 }
tbody tr:hover { background-color: var(--t-wash) }
caption { color: var(--t-text-2); font-size: .88em; text-align: start }
caption { caption-side: top; padding-inline: 0; padding-block: 8px }
.lrt { border: 1px solid var(--t-rule); background-color: var(--t-panel); margin: 19px 0 19px 0; padding: 17px 22px 17px 22px; border-radius: 0px }
.lrt.lrtw { background-color: #67e4a014; border-color: #67e4a059 }
/* Header */
.lrt.lrti { background-color: #da8e0b14; border-color: #da8e0b59 }
.lrt.lrtx { background-color: #279b5714; border-color: #279b5759 }
.lrt.lrtij { border-color: #d0253359; background-color: #d0253314 }
.lrt p:last-child { margin: 0 }
:focus-visible { outline: 2px solid var(--t-link); outline-offset: 2px }
:focus:not(:focus-visible) { outline: none }
.ld { line-height: 1.55; color: var(--t-text-2); font-size: 1.22em }
input,textarea,select { padding-inline: 12px; border: 1px solid var(--t-rule); padding-block: 10px; font: inherit; color: var(--t-text); inline-size: 100%; background-color: var(--t-panel); border-radius: 0px }
input:focus,textarea:focus,select:focus { box-shadow: 0 0 0 3px #67e4a033; outline: none; border-color: var(--t-link) }
label { display: block }
label { font-weight: 600; font-size: .92em; margin: 0 0 var(--t-u-3) }
textarea { resize: vertical; min-block-size: 120px }
/* Utilities */
.bc ol { display: flex; margin: 0; flex-wrap: wrap; gap: var(--t-u-2) 7px; list-style-type: none; padding: 0 }
.bc li+li::before { content: "›"; margin-inline-end: var(--t-u-4); opacity: .5 }
.bc a:hover { text-decoration: underline }
summary { cursor: pointer; list-style: disclosure-closed }
details[open] summary { margin-block-end: 7px }
.shr { display: flex; gap: 11px }
.shr { align-items: center; margin-block: 26px; margin-inline: 0 }
.shr a { block-size: 36px; outline: 1px solid #293d32; border-radius: 50%; outline-offset: -1px }
.shr a { color: var(--t-text-2); justify-content: center; inline-size: 36px; align-items: center; display: inline-flex }
.shr a:hover { border-color: var(--t-link); color: var(--t-link) }
.nf { padding-inline: 0; text-align: center; padding-block: 30px }
@media screen and (max-width:42.25em){h1,h2,h3 { overflow-wrap: anywhere } .crd { grid-template-columns: 1fr } .crd.crdf > .it,.crd.crdwp > .it { display: block } .crd.crdf > .it .crdx,.crd.crdwp > .it .crdx { block-size: auto; inline-size: 100%; aspect-ratio: 16 / 9 } .pm { grid-template-columns: minmax(0,1fr) } .fd li { grid-template-columns: 34px minmax(0,1fr) } .fd img,.fd time { display: none } .jb h1,.ph h1 { font-size: 1.8rem }}
@media screen and (max-width:43.31em){table { display: block; overflow-x: auto; max-inline-size: 100% } .scn { inline-size: min(93px, 60vw); margin: 0 auto 13px }}
@media screen and (max-width:58.44em){.cx,.cx.clss { grid-template-columns: minmax(0,1fr) } .clss .rl2 { border-inline-start: 0; order: -1 } .rl2 { border-block-end: 1px solid var(--t-rule); block-size: auto; align-items: center; justify-content: space-between; position: static; flex-flow: row wrap; border-inline-end: 0 } .nav { inline-size: 100%; display: none } [data-expanded] .nav { display: flex } .mb { display: flex } .rl2 .ft { display: none } .ct { padding: 0 var(--t-u-8) 45px } .sp { grid-template-columns: minmax(0,1fr) } .as { position: static }}
@media print{header,footer,nav,aside { display: none } body { color: #000; background-color: #fff; font-size: 11pt } a { color: #000; text-decoration: none } a[href^=http]::after { content: " (" attr(href) ")"; font-size: .85em } h2,h3 { break-after: avoid } img,table,pre { break-inside: avoid }}
@media (prefers-reduced-motion:reduce){*,*::before,*::after { transition-duration: .01ms; animation-iteration-count: 1; animation-duration: .01ms }}