/* Misc */
html { --k-step-6: 0.375rem; --k-step-14: 0.875rem; --k-pf: hsl(44 82% 45%); --k-step-24: 1.5rem; --k-display: 'Martian Mono', Menlo, Consolas, monospace; --k-step-36: 2.25rem; --k-step-4: 0.25rem; --k-p: hsl(44 82% 55%); --k-step-48: 3rem; --k-step-20: 1.25rem; --k-step-16: 1rem; --k-step-18: 1.125rem; --k-step-32: 2rem; --k-step-12: 0.75rem; --k-sans: 'Inter', system-ui, -apple-system, sans-serif; --k-step-8: 0.5rem; --k-neutral: hsl(44 6% 62%); --k-hero-content: hsl(44 8% 97%); --k-step-2: 0.125rem; --k-s: hsl(224 72% 62%); --k-step-10: 0.625rem; --k-base: hsl(44 8% 4%); --k-base-300: hsl(44 8% 15%); --k-base-100: hsl(44 10% 11%); --k-base-200: hsl(44 8% 8%); --k-base-content: hsl(44 8% 95%) }
* { box-sizing: border-box }
html { scroll-behavior: smooth }
body { font-family: var(--k-sans); margin: 0; line-height: 1.71; color: var(--k-base-content) }
body { font-size: 1.188rem; background-color: var(--k-base) }
pre { max-inline-size: 100%; overflow-x: auto }
code { overflow-wrap: anywhere }
img { max-inline-size: 100%; display: block; block-size: auto }
.oh-ib { justify-content: space-between; line-height: 1.35; align-items: center; color: var(--k-base-content); gap: 0.688rem; background-color: var(--k-base-100) }
.oh-ib { padding-block: 0.625rem; display: flex; margin: 0; padding-inline: 0.813rem; font-size: .9em }
.oh-ib span { flex: 1 1 auto; margin: 0 }
/* Base */
.oh-ib p { flex: 1 1 auto; margin: 0 }
.oh-ib a { font-weight: bold; text-decoration: underline; color: var(--k-base-content) }
.oh-dismiss { border: 0 }
.oh-dismiss { padding-inline: 0.375rem; line-height: 1; background-color: transparent; padding-block: 0.125rem; cursor: pointer; color: var(--k-base-content); font-size: 1.1em }
.oh-ib[hidden] { display: none }
a { color: var(--k-p) }
a:hover { color: var(--k-pf) }
h4 { margin: 0 0 0.55em; letter-spacing: 0 }
h3 { margin: 0 0 0.55em; letter-spacing: 0 }
h2 { margin: 0 0 0.55em; letter-spacing: 0 }
h1 { margin: 0 0 0.55em; letter-spacing: 0 }
/* Article */
h1 { font-family: var(--k-display); font-weight: 600; line-height: 1.2 }
h2 { font-family: var(--k-display); line-height: 1.2; font-weight: 600 }
h3 { line-height: 1.2; font-family: var(--k-display); font-weight: 600 }
h4 { line-height: 1.2; font-weight: 600; font-family: var(--k-display) }
h1 { font-size: 2.35rem }
h2 { font-size: 1.74rem; margin-block-start: 1.71em }
h3 { font-size: 1.32rem; margin-block-start: 1.24em }
h3 span[id] { scroll-margin-block-start: 5.625rem }
h2 span[id] { scroll-margin-block-start: 5.625rem }
.oh-pr { max-inline-size: 100% }
.oh-pr p { margin-block-end: 1.27em }
/* Components */
.oh-pr ul { margin-block-end: 1.07em; padding-inline-start: 1.57em }
.oh-pr ol { margin-block-end: 1.07em; padding-inline-start: 1.57em }
.oh-pr li { margin-block-start: 0.32em; margin-block-end: 0.32em }
.oh-pr table { inline-size: 100%; margin-block: 1.36em; font-size: .94em; border-collapse: collapse; overflow-x: auto; margin-inline: 0; display: block }
.oh-pr td { text-align: start; border: 0.063rem solid var(--k-base-300); padding: var(--k-step-8) var(--k-step-12) var(--k-step-8) var(--k-step-12) }
.oh-pr th { padding: var(--k-step-8) var(--k-step-12) var(--k-step-8) var(--k-step-12); text-align: start; border: 0.063rem solid var(--k-base-300) }
.oh-pr th { font-weight: 600; background-color: var(--k-base-100) }
.oh-pr blockquote { background-color: var(--k-base-200) }
.oh-pr blockquote { padding: var(--k-step-12) var(--k-step-20) var(--k-step-12) var(--k-step-20); border-radius: 0rem; margin: 1.08em 0 1.08em 0; border-inline-start: 0.25rem solid var(--k-s) }
.oh-pr sup a { text-decoration-line: none; padding-block: 0; padding-inline: 0.125rem; font-size: .72em }
.oh-pr code { border-radius: 0.25rem; padding-inline: 0.313rem; font-size: .92em; background-color: var(--k-base-100); padding-block: 0.063rem }
/* Lists */
.oh-pr img { border-radius: 0rem; margin-block: 0.99em; margin-inline: 0 }
.oh-tl3 { padding: var(--k-step-16) 1.188rem var(--k-step-16) 1.188rem; border-inline-start: 0.25rem solid var(--k-p); border-radius: 0rem; font-size: 1.06em }
.oh-tl3 { background-color: var(--k-base-100); margin: 0 0 1.625rem }
.oh-tl3 p:last-child { margin-block-end: 0 }
.oh-tl3>strong { color: var(--k-s); margin: 0 0 0.563rem; font-size: .78em }
.oh-tl3>strong { letter-spacing: 0.08em; text-transform: uppercase; display: block }
.oh-pm { border-spacing: 1.25rem 0; border-collapse: separate; margin-inline: -18px; inline-size: 100%; margin-block: 1.188rem; table-layout: fixed }
.oh-pm th { font-family: var(--k-display) }
.oh-pm th { font-size: 1.1em; text-align: start; padding: 0 1.063rem var(--k-step-8) }
.oh-pm td { background-color: var(--k-base-200); border: 0.063rem solid var(--k-base-300); padding-block: 0.875rem; padding-inline: 1.125rem; border-radius: 0rem }
.oh-pm ul { padding-inline-start: 1.33em; margin: 0rem }
/* Typography */
.oh-rf { margin: var(--k-step-36) 0 0; color: var(--k-neutral); border-block-start: 0.063rem solid var(--k-base-300); font-size: .9em; padding-block-start: var(--k-step-14) }
.oh-rf ol { padding-inline-start: 1.31em }
.oh-rf li { margin-inline: 0; margin-block: 0.31em }
.oh-rf a { color: var(--k-neutral) }
.oh-pq { margin-block-start: 1.563rem; font-style: italic; background-color: var(--k-base-200); padding-block: 1.313rem; border-radius: 0rem; border-inline-start: 0.25rem solid var(--k-s); padding-inline: 1.438rem; margin-block-end: 1.563rem; font-size: 1.15em }
.oh-pq blockquote { background-color: transparent; border: 0; margin: 0; padding: 0 }
.oh-pq figcaption { margin-block-start: 0.438rem }
.oh-pq figcaption { font-style: normal; font-size: .85em; color: var(--k-neutral) }
.oh-co { padding: var(--k-step-32) }
.oh-co { color: #111111; background-color: var(--k-p); border-radius: 0rem; margin-block-end: 2.688rem; text-align: center; margin-block-start: 2.688rem }
.oh-co p:first-child { font-size: 1.57rem }
/* Content */
.oh-co p:first-child { font-family: var(--k-display); line-height: 1.2; margin-block-start: 0; color: inherit }
.oh-ftr { margin-inline: 0; margin-block: 1.375rem }
.oh-ftr dt { margin-block-start: 1.1em; font-family: var(--k-display); font-size: 1.05em; font-weight: bold }
.oh-ftr dd { padding-inline-start: 0.813rem }
.oh-ftr dd { margin: 0.188rem 0 0; color: var(--k-neutral); border-inline-start: 0.125rem solid var(--k-base-300) }
.oh-b { color: #111111; text-decoration-line: none; background-color: var(--k-s); font-weight: 600; margin-block-start: var(--k-step-10) }
.oh-b { padding: 0.813rem 1.438rem 0.813rem 1.438rem; border-radius: 0rem; display: inline-block }
.oh-b:hover { filter: brightness(1.08); color: #111111 }
.oh-gr { display: grid; grid-template-columns: repeat(auto-fill,minmax(15.625rem,1fr)); margin-block-start: 1.375rem }
.oh-gr { margin-block-end: 1.375rem; gap: 1.375rem }
.oh-tl2 { background-color: var(--k-base-200); border: 0.063rem solid var(--k-base-300); padding: 1.375rem; display: grid; column-gap: 0.5rem; color: #ffffff; row-gap: 0.5rem; border-radius: 0rem }
/* Navigation */
.oh-tl2 h3 { color: #ffffff; margin: 0rem; font-size: 1.08em }
.oh-tl2 h2 { color: #ffffff; margin: 0rem; font-size: 1.08em }
.oh-tl2 p { font-size: .95em; margin: 0rem; color: var(--k-neutral) }
.oh-tl2 a { font-weight: 600; color: #ffffff; text-decoration: none }
.oh-crd { margin-block-end: 1.563rem; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.625rem; margin-block-start: 1.563rem }
.oh-crd .oh-tl2 { overflow: hidden; box-shadow: 0 0.25rem 1.125rem hsl(44 8% 95% / 0.08); padding: 0 }
.oh-crd .oh-tl2 .oh-crda { inline-size: 100%; padding: var(--k-step-8); block-size: auto; object-fit: contain; background-color: hsl(44 8% 95% / 0.9); max-inline-size: 100%; border: 0.063rem solid hsl(44 8% 95% / 0.25); aspect-ratio: 4 / 3 }
.oh-crd .oh-crdj { padding: 1.188rem }
.oh-crd .oh-crdj { display: grid; gap: 0.438rem; min-inline-size: 0 }
.oh-crd .oh-crdq { column-gap: 0.688rem; display: flex; row-gap: 0.688rem; margin-block-start: auto }
.oh-crd .oh-crdq { flex-wrap: wrap; align-items: center }
/* Reset */
.oh-crd .oh-crdy { display: block; font-size: .85em; color: var(--k-neutral) }
.oh-crd .oh-crdy { min-inline-size: 0; line-height: 1.35 }
.oh-crd .oh-crdy code { font-family: inherit; overflow-wrap: anywhere }
.oh-crd .oh-crdk { grid-column: span 1 }
.oh-crdd { grid-template-columns: 1fr }
.oh-crd.oh-crdd > .oh-tl2 { text-align: start; flex-direction: row; display: flex; align-items: stretch }
.oh-crdd .oh-crdk .oh-crda { order: 2 }
.oh-crdd .oh-tl2 .oh-crda { aspect-ratio: 4 / 3; inline-size: min(34%,260px); flex-shrink: 0 }
.oh-crdv { grid-template-columns: 1fr }
.oh-crd.oh-crdv > .oh-tl2 { display: flex }
.oh-crd.oh-crdv > .oh-tl2 { flex-direction: row; align-items: center; padding: 0.813rem; text-align: start }
/* Global */
.oh-crd.oh-crdv > .oh-tl2 .oh-crda { border-radius: 67.75rem; block-size: 6.313rem; aspect-ratio: 1 / 1; inline-size: 6.313rem; flex-shrink: 0 }
.oh-crd.oh-crdv > .oh-tl2 .oh-crdj { flex: 1 1 auto; padding-inline: 1rem; padding-block: 0.563rem; min-inline-size: 0 }
.oh-crdh { grid-template-columns: 1fr }
.oh-crd.oh-crdh > .oh-tl2 { text-align: start; display: grid; grid-template-columns: minmax(11.25rem,34%) 1fr }
.oh-crdh .oh-tl2 .oh-crda { aspect-ratio: 4 / 3; block-size: 100% }
.oh-crdyw { max-inline-size: 70ch; margin-block-end: var(--k-step-16); color: var(--k-neutral) }
.oh-crd .oh-b { text-align: center; white-space: normal; margin-block-start: 0 }
.oh-tlt { margin-inline: 0; display: block; padding-block: 0.5rem; background-color: var(--k-base-100); border: 0.063rem solid hsl(44 8% 15% / 0.85); padding-inline: 1.125rem; font-size: .88em; margin-block: 1.125rem; line-height: 1.45; border-radius: 0rem }
.oh-str { margin-block: 1.125rem; line-height: 1.45; border: 0.063rem solid hsl(44 8% 15% / 0.85); padding-block: 0.5rem; font-size: .88em; padding-inline: 1.125rem; margin-inline: 0; background-color: var(--k-base-100); display: block; border-radius: 0rem }
.oh-nt { display: block; border: 0.063rem solid hsl(44 8% 15% / 0.85); font-size: .88em; margin-inline: 0; line-height: 1.45; margin-block: 1.125rem; padding-block: 0.5rem; background-color: var(--k-base-100); padding-inline: 1.125rem; border-radius: 0rem }
.oh-nt a { font-weight: 600 }
/* Media */
.oh-str a { font-weight: 600 }
.oh-tlt a { font-weight: 600 }
.oh-tlt { text-align: start }
.oh-ctx { border: 0.063rem solid hsl(44 8% 15% / 0.9); background-color: var(--k-base-100); padding-inline: 1.625rem; max-inline-size: 100%; padding-block: 1.75rem; margin-block-start: 1.625rem; margin-block-end: 1.625rem; border-radius: 0rem; border-inline-start: 0.313rem solid var(--k-s) }
.oh-ctx h3 { font-size: 1.08em; margin-block-start: 0 }
.oh-ctx h2 { margin-block-start: 0; font-size: 1.08em }
.oh-ctx p:last-child { margin-block-end: 0 }
.oh-ctx ul { padding-inline-start: 1.09em; margin: 0 }
.oh-entry { color: #ffffff }
.oh-ft .oh-entry { color: #ffffff }
.oh-mn .oh-entry { color: #ffffff }
/* Forms */
.oh-entry.oh-cat-bold { color: #ffffff; font-weight: bold }
.oh-ft .oh-entry.oh-cat-bold { font-weight: bold; color: #ffffff }
.oh-mn .oh-entry.oh-cat-bold { font-weight: bold; color: #ffffff }
.oh-entry.oh-cat-chip { color: #111111; font-weight: 600; text-decoration-line: none; padding: var(--k-step-2) var(--k-step-8) var(--k-step-2) var(--k-step-8); background-color: var(--k-s); border-radius: 0.125rem; display: inline-block }
.oh-ft .oh-entry.oh-cat-chip { background-color: var(--k-s); color: #111111; border-radius: 0.125rem; padding: var(--k-step-2) var(--k-step-8) var(--k-step-2) var(--k-step-8); display: inline-block; font-weight: 600; text-decoration-line: none }
.oh-mn .oh-entry.oh-cat-chip { color: #111111; font-weight: 600; text-decoration-line: none; padding: var(--k-step-2) var(--k-step-8) var(--k-step-2) var(--k-step-8); display: inline-block; border-radius: 0.125rem; background-color: var(--k-s) }
.oh-mn .oh-entry.oh-cat-ws,.oh-ft .oh-entry.oh-cat-ws,.oh-entry.oh-cat-ws { border: 0.094rem solid var(--k-s); font-weight: 600; padding: var(--k-step-2) var(--k-step-8) var(--k-step-2) var(--k-step-8); display: inline-block; color: #ffffff; text-decoration-line: none; border-radius: 0.125rem }
.oh-mn .oh-entry.oh-cat-under,.oh-ft .oh-entry.oh-cat-under,.oh-entry.oh-cat-under { text-decoration-thickness: 0.125rem; text-underline-offset: 0.188rem }
.oh-mn .oh-entry.oh-cat-under { text-decoration: underline; color: #ffffff }
.oh-ft .oh-entry.oh-cat-under { color: #ffffff; text-decoration: underline }
.oh-entry.oh-cat-under { color: #ffffff; text-decoration: underline }
/* Header */
.oh-mn .oh-entry.oh-cat-mark,.oh-ft .oh-entry.oh-cat-mark,.oh-entry.oh-cat-mark { color: #ffffff; font-weight: 600 }
.oh-mn .oh-entry.oh-cat-mark::before,.oh-ft .oh-entry.oh-cat-mark::before,.oh-entry.oh-cat-mark::before { content: "→"; color: #ffffff; margin-inline-end: 0.4em }
.oh-entry.oh-cat-mark:hover { opacity: 1 }
.oh-ft .oh-entry.oh-cat-mark { opacity: 1 }
.oh-mn .oh-entry.oh-cat-mark { opacity: 1 }
.oh-entry.oh-cat-under:hover { opacity: 1 }
.oh-ft .oh-entry.oh-cat-under { opacity: 1 }
.oh-mn .oh-entry.oh-cat-under { opacity: 1 }
.oh-entry.oh-cat-ws:hover { opacity: 1 }
.oh-ft .oh-entry.oh-cat-ws { opacity: 1 }
.oh-mn .oh-entry.oh-cat-ws { opacity: 1 }
/* Widgets */
.oh-entry.oh-cat-chip:hover { opacity: 1 }
.oh-ft .oh-entry.oh-cat-chip { opacity: 1 }
.oh-mn .oh-entry.oh-cat-chip { opacity: 1 }
.oh-entry.oh-cat-bold:hover { opacity: 1 }
.oh-ft .oh-entry.oh-cat-bold { opacity: 1 }
.oh-mn .oh-entry.oh-cat-bold { opacity: 1 }
.oh-bge { padding: var(--k-step-2); line-height: 0; background: none; cursor: pointer; color: inherit }
.oh-bge { border: 0; display: none }
.oh-bge svg { display: block }
.oh-by { column-gap: 1.125rem; row-gap: 0.438rem; display: flex; font-size: .9em; color: var(--k-neutral); flex-wrap: wrap; margin-block-end: var(--k-step-18) }
.oh-cr { font-size: .88em; color: var(--k-neutral); margin: 0 0 0.938rem }
/* Footer */
.oh-cr a { text-decoration: none; color: var(--k-neutral) }
.oh-eb { margin: 0 0 0.688rem; letter-spacing: 0.07em }
.oh-eb { text-transform: uppercase; font-weight: bold; color: var(--k-s); display: inline-block; font-size: .76em }
.oh-im>p { margin: 0.563rem 0 0; color: var(--k-neutral); font-size: .85em }
.oh-pr .oh-im { margin: 0.813rem 0 0.438rem }
.oh-sty .oh-im { margin: 0.813rem 0 0.438rem }
.oh-sty .oh-im img { border-radius: 0.313rem; inline-size: 100% }
.oh-mr { margin-block-start: 3.188rem }
.oh-mr a.oh-tl2 { color: inherit; text-decoration: none }
.oh-mr a.oh-tl2 strong { display: block }
.oh-mr a.oh-tl2 small { display: block; color: var(--k-neutral); font-size: .92em }
/* Blocks */
.oh-eb { display: block; margin: 0.563rem 0 0 }
.oh-pr .oh-tsk { margin-inline-end: var(--k-step-4); color: var(--k-s) }
.oh-fq dt { font-weight: bold; font-family: var(--k-display); font-size: 1.05em; margin: 1.063rem 0 0.438rem }
.oh-fq dd { border-inline-start: 0.188rem solid var(--k-base-300); margin: 0; padding-inline-start: 0.813rem }
.oh-sty { list-style-type: none; margin-block-start: 1.063rem; margin-block-end: 1.063rem }
.oh-sty { padding: 0; counter-reset: s }
.oh-sty li { padding-inline-start: 3.688rem; position: relative; margin: 1.063rem 0 1.063rem 0 }
.oh-sty li::before { display: flex; background-color: var(--k-p); position: absolute; font-family: var(--k-display); counter-increment: s; justify-content: center; font-weight: bold; color: #111111; align-items: center; inline-size: 2.375rem; inset-inline-start: 0; inset-block-start: 0; block-size: 2.375rem; content: counter(s); border-radius: 50% }
.oh-wr { padding-inline: 1.438rem; margin-inline: auto; padding-block: 0; margin-block: 0; max-inline-size: 45rem }
.oh-th { padding: 2.563rem 0 1.313rem; text-align: center; border-block-end: 0.063rem solid var(--k-base-300) }
.oh-hrow { text-align: start; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.063rem }
/* Layout */
.oh-lo { font-weight: 600 }
.oh-lo { font-size: 2rem; color: inherit; text-decoration-line: none; font-family: var(--k-display); display: inline-block }
.oh-tg { margin: var(--k-step-4) 0 var(--k-step-16); color: var(--k-neutral); font-style: italic }
.oh-mn { justify-content: center; letter-spacing: 0.07em; row-gap: 0.563rem; font-size: .92em; text-transform: uppercase; column-gap: 1.438rem; flex-wrap: wrap; display: flex }
.oh-mn a { text-decoration-line: none; color: var(--k-neutral) }
.oh-mn a:hover { color: var(--k-p) }
.oh-mn2 { padding: var(--k-step-36) 0 3.938rem }
.oh-hr { text-align: center; margin-block-end: 2.813rem }
.oh-hr h1 { font-size: 2.2rem }
.oh-hr p { color: var(--k-neutral); font-size: 1.08em }
.oh-hds { display: grid; text-align: start; grid-template-columns: 1fr 13.75rem }
/* Utilities */
.oh-hds { align-items: center; gap: 1.313rem }
.oh-pstt { display: grid; gap: 2.813rem }
.oh-pst { padding-block-end: var(--k-step-48); border-block-end: 0.063rem solid var(--k-base-300) }
.oh-pst time { letter-spacing: 0.08em; text-transform: uppercase; display: block; margin: 0 0 0.563rem; color: var(--k-neutral); font-size: .86em }
.oh-ph .oh-by { letter-spacing: 0.08em; margin-block-end: var(--k-step-8); font-size: .86em; text-transform: uppercase; color: var(--k-neutral) }
.oh-pst h2 { font-size: 1.7rem; margin-block-end: 0.688rem }
.oh-pst h2 a { color: inherit; text-decoration-line: none }
.oh-pst h2 a:hover { color: var(--k-p) }
.oh-pst img { object-fit: cover; border-radius: 0rem; margin: 0 0 var(--k-step-14); inline-size: 100%; aspect-ratio: 16/9 }
.oh-pst p { color: var(--k-neutral); margin: 0 0 0.688rem }
.oh-mo { font-weight: 600; text-decoration: none; border-block-end: 0.125rem solid var(--k-s) }
/* Responsive */
.oh-ph { text-align: center; margin: 0 0 1.625rem }
.oh-ph h1 { font-size: 2.3rem }
.oh-ph .oh-by { justify-content: center }
.oh-ld { font-style: italic; font-size: 1.12em; color: var(--k-neutral) }
.oh-im { margin: 0 0 1.688rem }
.oh-im img { border-radius: 0rem }
.oh-tc { padding-block-end: 0.938rem; border-block-end: 0.063rem solid var(--k-base-300); margin: 0 0 1.688rem; border-block-start: 0.063rem solid var(--k-base-300); font-size: .92em; padding-block-start: 0.938rem }
.oh-tc ul { margin: var(--k-step-6) 0 0; padding-inline-start: 1.09em }
.oh-tc ol { padding-inline-start: 1.09em; margin: var(--k-step-6) 0 0 }
.oh-tc a { color: inherit; text-decoration-line: none }
.oh-ft { color: var(--k-neutral) }
/* Cards */
.oh-ft { text-align: center; border-block-start: 0.063rem solid var(--k-base-300); padding: 1.938rem 0 2.75rem; font-size: .88em }
.oh-fi { gap: 0.938rem; margin-block-end: 1.063rem; display: grid }
.oh-fi nav,.oh-tpc { flex-wrap: wrap; justify-content: center; display: flex; column-gap: 1.063rem; row-gap: 0.438rem }
.oh-fi a { color: var(--k-neutral); text-decoration: none }
.oh-tpc a { padding-block: 0.125rem; border: 0.063rem solid var(--k-base-300); padding-inline: 0.625rem }
.oh-tpc a { border-radius: 60.063rem; font-size: .9em }
.oh-tc ul { padding-inline-start: 1.1em; margin: 0 }
.oh-spn { justify-content: center; inline-size: 100%; box-sizing: border-box; margin-block: 0; max-inline-size: 45rem; background-color: var(--k-base-100); padding-inline: 1.5rem; min-inline-size: 0; margin-inline: auto; padding-block: 0.563rem; display: flex }
.oh-spne { display: flex; align-items: center }
.oh-spne { max-inline-size: 100%; column-gap: 0.25rem; inline-size: 100%; box-sizing: border-box; row-gap: 0.25rem; justify-content: center; flex-direction: column; min-inline-size: 0 }
.oh-spne.oh-spnd { align-items: center; flex-direction: row; inline-size: 100%; gap: var(--k-step-8); justify-content: center; display: grid }
/* Misc */
.oh-spne.oh-spnd { min-inline-size: 0; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) }
.oh-spns { min-inline-size: 0; flex: 0 1 auto }
.oh-spns { flex-basis: auto; inline-size: min(29.25rem, 100%); max-inline-size: 100%; display: block }
.oh-spnv { inline-size: min(29.25rem, 100%); max-inline-size: 100%; block-size: auto; display: block; min-inline-size: 0 }
.oh-spnc { font-size: .72rem; line-height: 1.2 }
.oh-spnc { color: inherit; opacity: .75 }
.oh-spnd .oh-spnc { justify-self: end; grid-column: 1; white-space: nowrap }
.oh-spnd .oh-spns { grid-column: 2; justify-self: center; flex: 0 1 auto }
.oh-spnd .oh-spns { flex-basis: auto; min-inline-size: 0; inline-size: min(29.25rem, 100%) }
::-moz-selection { background-color: var(--k-p); color: #111111 }
::selection { color: #111111; background-color: var(--k-p) }
/* Base */
.oh-spc-1 { margin-block-start: var(--k-step-8) }
.oh-spc-2 { margin-block-start: 0.938rem }
.oh-spc-3 { margin-block-start: var(--k-step-24) }
.oh-spc-4 { margin-block-start: 2.438rem }
summary { cursor: pointer; list-style-type: none }
summary::-webkit-details-marker { display: none }
summary::after { content: "+" }
summary::after { transition: transform .2s; color: var(--k-neutral); float: inline-end }
details[open] summary::after { transform: rotate(45deg) }
details[open] summary { margin-block-end: var(--k-step-6) }
.oh-tp { cursor: help; border-block-end: 0.063rem dotted var(--k-neutral); position: relative }
/* Article */
.oh-tp::after { padding-block: 0.375rem; padding-inline: 0.625rem; opacity: 0; color: var(--k-base); inset-block-end: 125% }
.oh-tp::after { background-color: var(--k-base-content); inset-inline-start: 50%; border-radius: 0.375rem; font-size: .8em; transform: translateX(-50%); white-space: nowrap; content: attr(data-tip); transition: none; position: absolute; pointer-events: none }
.oh-tp:hover::after { opacity: 1 }
.oh-thr { border: 0.063rem solid var(--k-base-300); row-gap: 1.188rem; column-gap: 1.188rem; margin-block-start: 2.313rem }
.oh-thr { display: flex; margin-block-end: 2.313rem; align-items: flex-start; padding: 1.188rem; border-radius: 0rem; background-color: var(--k-base-200) }
.oh-thr h4 { margin: 0 0 var(--k-step-4) }
.oh-thr p { font-size: .94em; margin: 0rem; color: var(--k-neutral) }
.oh-ld { line-height: 1.55; font-size: 1.18em; color: var(--k-base-content) }
.oh-tblw { overflow-x: auto; margin-block: 1.19em; -webkit-overflow-scrolling: touch; margin-inline: 0 }
.oh-tblw table { margin: 0; min-inline-size: 32.5rem; display: table }
:focus-visible { outline: 0.125rem solid var(--k-p); outline-offset: 0.063rem }
/* Components */
:focus:not(:focus-visible) { outline: none }
a:focus-visible { border-radius: 0.125rem }
.oh-sr- { block-size: 0.063rem; border: 0; overflow: hidden; padding: 0; position: absolute; clip: rect(0,0,0,0); inline-size: 0.063rem; margin: -1px; white-space: nowrap }
.oh-skp { inset-inline-start: 0.5rem; padding: 0.563rem var(--k-step-14) 0.563rem var(--k-step-14); position: absolute; border-radius: 0 0 0.313rem 0.313rem }
.oh-skp { z-index: 100; inset-block-start: -40px; background-color: var(--k-p); color: #111111; transition: top .15s }
.oh-skp:focus { inset-block-start: 0 }
.oh-hdd { display: none }
[hidden] { display: none }
.oh-trn { text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.oh-stc { position: sticky }
.oh-stc { inset-block-start: 0; box-shadow: 0 0.125rem 0.625rem hsl(44 8% 95% / 0.08); backdrop-filter: saturate(1.4) blur(0.438rem); z-index: 40 }
/* Lists */
.oh-ttp { color: #111111; box-shadow: 0 0.375rem 1.25rem hsl(44 8% 95% / 0.2); place-items: center; block-size: 2.625rem; border-radius: 50%; inset-inline-end: 1.5rem; z-index: 50; inset-block-end: 1.5rem; inline-size: 2.625rem; background-color: var(--k-p); text-decoration: none; position: fixed; display: grid }
.oh-ttp:hover { color: #111111; background-color: var(--k-pf) }
.oh-shr { gap: var(--k-step-8); margin-block-start: 1.375rem }
.oh-shr { display: flex; align-items: center; margin-block-end: 1.375rem }
.oh-shr a { block-size: 2.25rem }
.oh-shr a { inline-size: 2.25rem; color: var(--k-neutral); align-items: center; border: 0.063rem solid var(--k-base-300); display: inline-flex; justify-content: center; border-radius: 0.375rem }
.oh-shr a:hover { border-color: var(--k-p); color: var(--k-p) }
.oh-shr svg { fill: currentColor; inline-size: 1.125rem; block-size: 1.125rem }
html { scrollbar-color: hsl(44 6% 62% / 0.6) var(--k-base); scrollbar-width: thin }
::-webkit-scrollbar { inline-size: 0.5rem; block-size: 0.5rem }
::-webkit-scrollbar-thumb { background-color: hsl(44 6% 62% / 0.6); border: 0.125rem solid var(--k-base); border-radius: 0.375rem }
/* Typography */
::-webkit-scrollbar-track { background-color: var(--k-base) }
.oh-ttp { block-size: 2.75rem; inset-block-end: 1.75rem; color: #111111; font-size: 1.1em; border: 0; z-index: 30; opacity: 0; background-color: var(--k-p); inset-inline-end: 1.063rem; transition: opacity .3s; position: fixed; visibility: hidden; inline-size: 3.063rem; cursor: pointer; border-radius: 0.25rem }
.oh-ttp[data-show] { opacity: 1; visibility: visible }
.oh-nf { padding-block: 1.813rem; padding-inline: 0; text-align: center }
/* media */
@media (max-width:643.98px){h1,h2,h3 { overflow-wrap: anywhere }}
@media (max-width:713.98px){table { display: block; overflow-x: auto; max-inline-size: 100% }}
@media (max-width:643.98px){.oh-crd { grid-template-columns: 1fr }}
@media (max-width:643.98px){.oh-crd.oh-crdd > .oh-tl2 { display: block }}
@media (max-width:643.98px){.oh-crd.oh-crdh > .oh-tl2 { display: block }}
@media (max-width:643.98px){.oh-crd.oh-crdd > .oh-tl2 .oh-crda { inline-size: 100%; aspect-ratio: 16 / 9; block-size: auto }}
@media (max-width:643.98px){.oh-crd.oh-crdh > .oh-tl2 .oh-crda { inline-size: 100%; block-size: auto; aspect-ratio: 16 / 9 }}
@media (max-width:643.98px){.oh-pm { grid-template-columns: minmax(0,1fr) }}
@media (max-width:643.98px){.oh-bge { display: flex }}
@media (max-width:643.98px){.oh-mn { row-gap: 0.5rem; inline-size: 100%; column-gap: 0.5rem; display: none }}
@media (max-width:643.98px){.oh-mn { padding: var(--k-step-8) 0 0.688rem; flex-direction: column }}
@media (max-width:643.98px){[data-menu] .oh-mn { display: flex }}
@media (max-width:643.98px){.oh-mn { text-align: start }}
@media (max-width:643.98px){.oh-hds { grid-template-columns: minmax(0,1fr) }}
@media (max-width:643.98px){.oh-hr h1 { font-size: 1.7rem }}
@media (max-width:643.98px){.oh-ph h1 { font-size: 1.7rem }}
@media (max-width:626.98px){.oh-spn .oh-spne.oh-spnd { display: flex; flex-direction: column; align-items: center }}
@media (max-width:558.98px){.oh-spne.oh-spnd { flex-direction: column }}
@media (max-width:558.98px){.oh-spns { flex-basis: auto }}
@media (max-width:575.98px){.oh-thr { flex-direction: column }}
@media (prefers-contrast:more){a { text-decoration: underline }}
@media (prefers-contrast:more){img { filter: contrast(1.1) }}
@media print{header { display: none }}
@media print{footer { display: none }}
@media print{nav { display: none }}
@media print{aside { display: none }}
@media print{body { color: #000; font-size: 10.5pt; background-color: #fff }}
@media print{a { color: #000; text-decoration-line: none }}
@media print{.oh-b { display: none }}
@media print{.oh-co { display: none }}
@media print{h2,h3 { break-after: avoid }}
@media print{img { break-inside: avoid }}
@media print{table { break-inside: avoid }}
@media print{pre { break-inside: avoid }}