/* Cards */
html { --tok-surface-0: rgb(249 250 250); --tok-surface-2: rgb(233 235 237); --tok-brand: rgb(50 67 77); --tok-surface-1: rgb(238 240 241); --tok-accent: rgb(90 43 171); --tok-ink: rgb(20 27 31); --tok-hero-surface: rgb(24 32 37); --tok-hero-ink: rgb(244 245 246); --tok-surface-3: rgb(199 205 209); --tok-ink-2: rgb(94 104 110); --tok-brand-2: rgb(30 40 46) }
* { box-sizing: border-box }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100% }
body { font-family: ui-serif, Georgia, serif; margin: 0; background: var(--tok-surface-0); font-size: 1.063rem; color: var(--tok-ink) }
body { -webkit-font-smoothing: antialiased; line-height: 1.55 }
pre { overflow-x: auto; max-inline-size: 100% }
code { overflow-wrap: anywhere }
img { height: auto; display: block; max-width: 100% }
.statusbar { align-items: center; justify-content: space-between; display: flex; row-gap: 0.688rem }
.statusbar { padding-inline: 0.875rem; line-height: 1.35; padding-block: 0.563rem; background-color: var(--tok-brand); color: #ffffff; margin: 0; font-size: .9em; column-gap: 0.688rem }
.statusbar p { margin: 0; flex: 1 1 auto }
/* Media */
.statusbar span { margin: 0; flex: 1 1 auto }
.statusbar a { text-decoration: underline; font-weight: 700; color: #ffffff }
.barX { border: 0; font-size: 1.1em; cursor: pointer }
.barX { padding: 0.125rem 0.25rem; background: transparent }
.barX { line-height: 1; color: #ffffff }
.statusbar[hidden] { display: none }
a { color: var(--tok-brand) }
a:hover { color: var(--tok-brand-2) }
h1 { letter-spacing: 0; font-weight: 600 }
h2 { font-weight: 600; letter-spacing: 0 }
h3 { font-weight: 600; letter-spacing: 0 }
/* Reset */
h4 { letter-spacing: 0; font-weight: 600 }
h1,h2,h3,h4 { margin: 0 0 .56em 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.2 }
h1 { font-size: 1.89rem }
h2 { font-size: 1.40rem; margin-top: 1.72em }
h3 { margin-top: 1.35em; font-size: 1.06rem }
h2 span[id] { scroll-margin-block-start: 5.625rem }
h3 span[id] { scroll-margin-block-start: 5.625rem }
[data-widget="reading"] { max-inline-size: 48.75rem }
[data-widget="reading"] p { margin: 0 0 1.21em }
[data-widget="reading"] ul { margin: 0 0 1.05em; padding-left: 1.21em }
[data-widget="reading"] ol { padding-left: 1.21em; margin: 0 0 1.05em }
/* Forms */
[data-widget="reading"] li { margin-block: .36em; margin-inline: 0 }
[data-widget="reading"] li>p { margin: 0rem }
[data-widget="reading"] hr { margin: 2.3em 0 1.74em; border: 0; border-block-start: 0.063rem solid var(--tok-surface-3) }
[data-widget="reading"] table { width: 100%; margin: 1.13em 0 1.13em 0; font-size: .94em; overflow-x: auto; border-collapse: collapse; display: block }
[data-widget="reading"] th { border: 0.063rem solid var(--tok-surface-3); text-align: start; padding-block: 0.625rem; padding-inline: 0.688rem }
[data-widget="reading"] td { text-align: start; padding-inline: 0.688rem; padding-block: 0.625rem; border: 0.063rem solid var(--tok-surface-3) }
[data-widget="reading"] th { font-weight: 600; background: var(--tok-surface-2) }
[data-widget="reading"] blockquote { border-inline-start: 0.25rem solid var(--tok-accent) }
[data-widget="reading"] blockquote { border-radius: 1.688rem; padding: 0.688rem 1.063rem 0.688rem 1.063rem; margin: 1.29em 0 1.29em 0; background: var(--tok-surface-1) }
[data-widget="reading"] sup a { text-decoration: none; font-size: .72em; padding: 0 0.125rem }
[data-widget="reading"] code { padding: 0.063rem 0.313rem 0.063rem 0.313rem; background: var(--tok-surface-2) }
/* Layout */
[data-widget="reading"] code { border-radius: 0.25rem; font-size: .92em }
[data-widget="reading"] img { margin-top: .89em; margin-bottom: .89em; border-radius: 1.313rem }
[data-widget="summaryBox"] { margin-bottom: 1.938rem; border-left: 0.25rem solid var(--tok-brand); padding: 1.188rem 1.375rem; border-radius: 1.375rem; background: var(--tok-surface-2); font-size: 1.06em }
[data-widget="summaryBox"] p:last-child { margin-block-end: 0 }
[data-widget="summaryBox"]>strong { display: block; font-size: .78em }
[data-widget="summaryBox"]>strong { letter-spacing: .08em; color: var(--tok-accent); text-transform: uppercase; margin: 0 0 0.5rem }
[data-widget="verdictGrid"] { grid-template-columns: 1fr 1fr; row-gap: 1.063rem; display: grid; margin: 1.375rem 0; column-gap: 1.063rem }
[data-widget="verdictGrid"]>div { outline: 0.063rem solid rgb(199 205 209); background: var(--tok-surface-1); outline-offset: -1px }
[data-widget="verdictGrid"]>div { border-radius: 1.75rem; padding: 0.875rem 1.188rem }
[data-widget="verdictGrid"] h3 { margin-top: 0 }
[data-widget="verdictGrid"] ul { padding-left: 1.17em; margin: 0rem }
/* Article */
[data-widget="citations"] { margin: 2.063rem 0 0 0; color: var(--tok-ink-2); padding-top: 1.063rem; font-size: .9em; border-top: 0.063rem solid var(--tok-surface-3) }
[data-widget="citations"] ol { padding-left: 1.55em }
[data-widget="citations"] li { margin: .27em 0 .27em 0 }
[data-widget="citations"] a { color: var(--tok-ink-2) }
[data-widget="quote"] { border-left: 0.25rem solid var(--tok-accent); padding: 1.375rem 1.75rem 1.375rem 1.75rem; background-color: var(--tok-surface-1); font-size: 1.15em; border-radius: 1.563rem; font-style: italic; margin: 1.313rem 0 1.313rem 0 }
[data-widget="actionBox"] { margin-block-start: 2.875rem; color: #ffffff; margin-block-end: 2.875rem; border-radius: 1.5rem; text-align: center; padding: 2.125rem; background: var(--tok-brand) }
[data-widget="actionBox"] h2 { color: inherit; margin-block-start: 0 }
ul.tiles { padding: 0; list-style-type: none }
[data-widget="benefits"] { margin-block-start: 1.375rem; margin-block-end: 1.375rem }
[data-widget="benefits"] dt { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-weight: 700 }
[data-widget="benefits"] dt { margin-top: .93em; font-size: 1.05em }
/* Widgets */
[data-widget="benefits"] dd { border-left: 0.125rem solid var(--tok-surface-3) }
[data-widget="benefits"] dd { color: var(--tok-ink-2); margin: 0.25rem 0 0 0; padding-left: 0.938rem }
.pill { font-weight: 600; color: #ffffff; display: inline-block; padding-block: 0.688rem; background: var(--tok-accent); margin-block-start: 0.625rem; border-radius: 61.438rem; text-decoration: none; padding-inline: 1.563rem }
.pill:hover { filter: brightness(1.08); color: #ffffff }
.tiles { margin-block-end: 1.313rem; grid-template-columns: repeat(auto-fill,minmax(15.625rem,1fr)); margin-block-start: 1.313rem; column-gap: 1.188rem; display: grid; row-gap: 1.188rem }
.item { outline: 0.063rem solid rgb(199 205 209); background-color: var(--tok-surface-1) }
.item { outline-offset: -1px; row-gap: 0.5rem; display: grid; column-gap: 0.5rem; padding: 1.125rem; border-radius: 1.625rem }
.item h2 { font-size: 1.08em; margin: 0 }
.item h3 { font-size: 1.08em; margin: 0 }
.item p { margin: 0; color: var(--tok-ink-2); font-size: .95em }
.item a { text-decoration-line: none; font-weight: 600 }
/* Content */
.cards { margin-top: 1.313rem; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)) }
.cards { margin-bottom: 1.313rem; row-gap: 1rem; column-gap: 1rem }
.cards .item { padding: 0; box-shadow: 0 0.125rem 0.625rem rgb(20 27 31 / 0.08); overflow: hidden }
.cards .item .cardMedia { aspect-ratio: 1 / 1; max-width: 100%; background-color: rgb(20 27 31 / 0.36); width: 100%; padding: 0.75rem; height: auto; object-fit: contain; border: 0.063rem solid rgb(20 27 31 / 0.25) }
.cards .cardBody { column-gap: 0.438rem; flex-direction: column; row-gap: 0.438rem }
.cards .cardBody { padding: 0.875rem; display: flex; min-inline-size: 0 }
.cards .cardActions { row-gap: 0.563rem; flex-wrap: wrap; column-gap: 0.563rem }
.cards .cardActions { display: flex; align-items: center; margin-top: auto }
.cards .cardOnion { display: block; color: var(--tok-ink-2) }
.cards .cardOnion { line-height: 1.35; min-width: 0; font-size: .85em }
.cards .cardOnion code { overflow-wrap: anywhere; font-family: inherit }
/* Utilities */
.cards .cardReverse { grid-column: span 1 }
.cardsV2 { grid-template-columns: 1fr }
.cards.cardsV2 > .item { text-align: start; flex-direction: row; align-items: stretch; display: flex }
.cardsV2 .cardReverse .cardMedia { order: 2 }
.cardsV2 .item .cardMedia { inline-size: min(34%,260px); aspect-ratio: 4 / 3; flex-shrink: 0 }
.cardsV3 { grid-template-columns: 1fr }
.cards.cardsV3 > .item { align-items: center }
.cards.cardsV3 > .item { padding: 0.563rem; display: flex }
.cards.cardsV3 > .item { flex-direction: row; text-align: start }
.cards.cardsV3 > .item .cardMedia { flex-shrink: 0; border-radius: 59.375rem }
.cards.cardsV3 > .item .cardMedia { aspect-ratio: 1 / 1; inline-size: 6.25rem; block-size: 6.25rem }
/* Header */
.cards.cardsV3 > .item .cardBody { flex: 1 1 auto; min-width: 0; padding: 0.5rem 0.875rem 0.5rem 0.875rem }
.cardsV4 { grid-template-columns: 1fr }
.cards.cardsV4 > .item { display: grid; text-align: start; grid-template-columns: minmax(11.25rem,34%) 1fr }
.cardsV4 .item .cardMedia { height: 100%; aspect-ratio: 4 / 3 }
.cardLead { max-width: 70ch; color: var(--tok-ink-2); margin: 0 0 1rem 0 }
.cards .pill { white-space: normal; margin-top: 0; text-align: center }
.noter,.metaStrip,.utility { outline: 0.063rem solid rgb(199 205 209 / 0.85); font-size: .88em; display: block; margin: 1rem 0 1rem 0; outline-offset: -1px }
.noter { border-radius: 1.313rem; padding: 0.563rem 0.813rem 0.563rem 0.813rem; line-height: 1.45; background-color: var(--tok-surface-2) }
.metaStrip { line-height: 1.45; border-radius: 1.313rem; background-color: var(--tok-surface-2); padding: 0.563rem 0.813rem 0.563rem 0.813rem }
.utility { background-color: var(--tok-surface-2); padding: 0.563rem 0.813rem 0.563rem 0.813rem; line-height: 1.45; border-radius: 1.313rem }
.noter a { font-weight: 600 }
/* Blocks */
.metaStrip a { font-weight: 600 }
.utility a { font-weight: 600 }
.utility { text-align: center }
.ctx { padding: 1.375rem 1.563rem; max-width: 100%; background: var(--tok-surface-2); margin: 1.563rem 0 1.563rem 0; border: 0.063rem solid rgb(199 205 209 / 0.9); border-radius: 1.75rem; border-left: 0.188rem solid var(--tok-accent) }
.ctx h2 { margin-top: 0; font-size: 1.08em }
.ctx h3 { font-size: 1.08em; margin-top: 0 }
.ctx p:last-child { margin-bottom: 0 }
.ctx ul { margin: 0; padding-left: 1.23em }
.navigation .catLink { color: var(--tok-accent) }
.footer .catLink { color: var(--tok-accent) }
.catLink { color: var(--tok-accent) }
/* Global */
.navigation .catLink.catLink0,.footer .catLink.catLink0,.catLink.catLink0 { color: var(--tok-accent); font-weight: 700 }
.navigation .catLink.catLink1 { color: var(--tok-surface-0); text-decoration: none; display: inline-block }
.footer .catLink.catLink1 { display: inline-block; color: var(--tok-surface-0); text-decoration: none }
.catLink.catLink1 { text-decoration: none; display: inline-block; color: var(--tok-surface-0) }
.navigation .catLink.catLink1 { border-radius: 1.625rem; padding: 0.125rem 0.438rem 0.125rem 0.438rem }
.footer .catLink.catLink1 { border-radius: 1.625rem; padding: 0.125rem 0.438rem 0.125rem 0.438rem }
.catLink.catLink1 { padding: 0.125rem 0.438rem 0.125rem 0.438rem; border-radius: 1.625rem }
.navigation .catLink.catLink1,.footer .catLink.catLink1,.catLink.catLink1 { background: var(--tok-accent); font-weight: 600 }
.navigation .catLink.catLink2 { padding: 0.125rem 0.5rem; display: inline-block; border: 0.094rem solid var(--tok-accent) }
.footer .catLink.catLink2 { padding: 0.125rem 0.5rem; display: inline-block; border: 0.094rem solid var(--tok-accent) }
.catLink.catLink2 { padding: 0.125rem 0.5rem; border: 0.094rem solid var(--tok-accent); display: inline-block }
/* Base */
.navigation .catLink.catLink2 { border-radius: 1.625rem; color: var(--tok-accent) }
.footer .catLink.catLink2 { border-radius: 1.625rem; color: var(--tok-accent) }
.catLink.catLink2 { color: var(--tok-accent); border-radius: 1.625rem }
.navigation .catLink.catLink2 { font-weight: 600; text-decoration: none }
.footer .catLink.catLink2 { text-decoration: none; font-weight: 600 }
.catLink.catLink2 { font-weight: 600; text-decoration: none }
.navigation .catLink.catLink3 { text-underline-offset: 0.188rem; color: var(--tok-accent) }
.footer .catLink.catLink3 { text-underline-offset: 0.188rem; color: var(--tok-accent) }
.catLink.catLink3 { color: var(--tok-accent); text-underline-offset: 0.188rem }
.navigation .catLink.catLink3,.footer .catLink.catLink3,.catLink.catLink3 { text-decoration: underline; text-decoration-thickness: 0.125rem }
.navigation .catLink.catLink4 { font-weight: 600; color: var(--tok-accent) }
/* Misc */
.footer .catLink.catLink4 { font-weight: 600; color: var(--tok-accent) }
.catLink.catLink4 { color: var(--tok-accent); font-weight: 600 }
.navigation .catLink.catLink4::before { content: "•"; margin-inline-end: .3em; color: var(--tok-accent) }
.footer .catLink.catLink4::before { color: var(--tok-accent); margin-inline-end: .3em; content: "•" }
.catLink.catLink4::before { content: "•"; margin-inline-end: .3em; color: var(--tok-accent) }
.navigation .catLink.catLink0 { opacity: .85 }
.footer .catLink.catLink0 { opacity: .85 }
.catLink.catLink0:hover { opacity: .85 }
.navigation .catLink.catLink1 { opacity: .85 }
.footer .catLink.catLink1 { opacity: .85 }
.catLink.catLink1:hover { opacity: .85 }
/* Components */
.navigation .catLink.catLink2 { opacity: .85 }
.footer .catLink.catLink2 { opacity: .85 }
.catLink.catLink2:hover { opacity: .85 }
.navigation .catLink.catLink3 { opacity: .85 }
.footer .catLink.catLink3 { opacity: .85 }
.catLink.catLink3:hover { opacity: .85 }
.navigation .catLink.catLink4 { opacity: .85 }
.footer .catLink.catLink4 { opacity: .85 }
.catLink.catLink4:hover { opacity: .85 }
.burgerState { line-height: 0; display: inline-block }
.burgerState>summary { list-style-type: none }
/* Navigation */
.burgerState>summary::-webkit-details-marker { display: none }
.navOpen { outline: 0.063rem solid currentColor; letter-spacing: .06em; text-transform: uppercase; display: none; align-items: center; padding-block: 0.313rem; padding-inline: 0.563rem; border-radius: 0.313rem; cursor: pointer; font: inherit; font-size: .85em; outline-offset: -1px }
.articleInfo { display: flex; margin-bottom: 1.063rem }
.articleInfo { column-gap: 1.125rem; font-size: .9em; row-gap: 0.5rem }
.articleInfo { flex-wrap: wrap; color: var(--tok-ink-2) }
.crumbs { font-size: .88em; color: var(--tok-ink-2); margin: 0 0 0.938rem 0 }
.crumbs a { text-decoration-line: none; color: var(--tok-ink-2) }
.topic { font-size: .76em; letter-spacing: .08em; display: inline-block; text-transform: uppercase; font-weight: 700 }
.topic { margin-block-end: 0.688rem; color: var(--tok-accent) }
.leadImage figcaption { font-size: .85em; margin: 0.5rem 0 0; color: var(--tok-ink-2) }
[data-widget="sequence"] .leadImage, [data-widget="reading"] .leadImage { margin: 0.875rem 0 0.375rem 0 }
/* Footer */
[data-widget="sequence"] .leadImage img { inline-size: 100%; border-radius: 0.438rem }
[data-widget="further"] { margin-top: 2.813rem }
[data-widget="further"] ul { padding: 0; list-style-type: none }
[data-widget="further"] li>a { display: block; text-decoration: none; font-weight: 600 }
[data-widget="further"] li>span { display: block; font-size: .92em; color: var(--tok-ink-2) }
.topic { margin: 0.5rem 0 0; display: block }
[data-widget="reading"] .task { margin-right: 0.313rem; color: var(--tok-accent) }
[data-widget="faq"] dt { margin: 1.188rem 0 0.438rem; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif }
[data-widget="faq"] dt { font-size: 1.05em; font-weight: 700 }
[data-widget="faq"] dd { padding-left: 0.875rem; margin: 0; border-left: 0.188rem solid var(--tok-surface-3) }
[data-widget="sequence"] { padding: 0 0 0 1.188rem }
/* Responsive */
[data-widget="sequence"] { margin-bottom: 1.125rem; border-left: 0.188rem solid var(--tok-surface-3); list-style: none }
[data-widget="sequence"] { margin-top: 1.125rem; counter-reset: s }
[data-widget="sequence"] li { margin-bottom: 1.188rem; position: relative; padding-left: 0.688rem }
[data-widget="sequence"] li::before { counter-increment: s; display: block; text-transform: uppercase; font-weight: 700; content: "Step " counter(s); color: var(--tok-accent); margin-block-end: 0.188rem }
[data-widget="sequence"] li::before { font-size: .78em; letter-spacing: .08em }
[data-widget="sequence"] li::after { top: 0.25rem }
[data-widget="sequence"] li::after { border-radius: 50%; background-color: var(--tok-accent); height: 0.688rem; left: -30px; position: absolute; width: 0.688rem; content: "" }
.pageInner { max-inline-size: 65rem; padding-inline: 1.063rem; margin: 0 auto 0 auto; padding-block: 0 }
.banner { padding-block-end: 0.688rem; padding-block-start: 0.688rem; background-color: var(--tok-surface-0) }
.topbarInner { display: flex }
.topbarInner { justify-content: space-between; padding-inline: 1.125rem; border-radius: 2.063rem; column-gap: 1.313rem; box-shadow: 0 0.375rem 1.313rem rgba(0,0,0,.06); background-color: var(--tok-surface-1); align-items: center; row-gap: 1.313rem; padding-block: 0.625rem; flex-wrap: wrap }
/* Typography */
.logo { color: var(--tok-ink); font-weight: 600 }
.logo { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; text-decoration: none; gap: 0.563rem; align-items: center; font-size: 1.2rem; display: inline-flex }
.logo svg { inline-size: 1.875rem; block-size: 1.875rem }
.navigation { flex-wrap: wrap; display: flex; row-gap: 0.313rem; column-gap: 0.313rem }
.navigation a { padding-block: 0.438rem; font-weight: 500; font-size: .92em; color: var(--tok-ink); border-radius: 59.25rem; text-decoration: none; padding-inline: 0.875rem }
.navigation a:hover { background: var(--tok-surface-2) }
.covert { padding: 1.5rem 0 0.625rem 0 }
.covert .pageInner { border-radius: 2.5rem; padding: 3.25rem 2.813rem 3.25rem 2.813rem; background: var(--tok-surface-2) }
.covert .twoCol { display: grid }
.covert .twoCol { gap: 2.25rem; grid-template-columns: 1.1fr 1fr; align-items: center }
.covert h1 { font-size: 2.5rem; margin: 0 0 1rem }
/* Lists */
.covert p { color: var(--tok-ink-2); margin-block-end: 1.125rem; font-size: 1.1em }
.covert .leadImage img { border-radius: 1.688rem; inline-size: 100% }
.covert .leadImage img { aspect-ratio: 16/9; object-fit: cover }
.content { padding: 2.063rem 0 3.813rem }
.content .twoCol { display: grid; align-items: start; row-gap: 2.25rem; column-gap: 2.25rem; grid-template-columns: minmax(0,1fr) 18.75rem }
.secondary { top: 1rem }
.secondary { position: sticky; gap: 1.25rem }
.secondary { display: grid; grid-template-columns: minmax(0,1fr) }
.secondary .item a { text-decoration: none }
.secondary .item a { display: block; color: var(--tok-ink); margin: 0.438rem 0 0; font-weight: 500 }
.secondary .item a:hover { color: var(--tok-brand) }
/* Cards */
.contents ol,.contents ul { margin: 0.563rem 0 0; padding-inline-start: 1.06em }
.contents li { margin-block-end: 0.188rem; margin-block-start: 0.188rem }
.page .contents { margin-block-end: 1.438rem }
.page .contents a { display: inline; margin: 0; font-weight: 400 }
.page .leadImage img { inline-size: 100%; border-radius: 1.938rem }
.page .leadImage { margin-block-end: 1.688rem }
.tiles .item { padding: 0; text-decoration-line: none; box-shadow: 0 0.188rem 1.188rem rgba(0,0,0,.06); border: 0; color: inherit; overflow: hidden }
.tiles .item img { object-fit: cover; inline-size: 100%; aspect-ratio: 16/9 }
.tiles .item>div { padding: 1rem 1.188rem 1.313rem }
.footer { padding: 2.563rem 0 0; font-size: .92em; color: var(--tok-ink-2) }
.colophonRow { border-radius: 1.938rem; column-gap: 2rem; row-gap: 2rem; background-color: var(--tok-surface-1); grid-template-columns: 2fr 1fr 1fr; padding-inline: 1.75rem; display: grid; padding-block: 1.875rem }
/* Media */
.colophonRow strong { color: var(--tok-ink); display: block; margin-block-end: 0.438rem }
.colophonRow a { display: block; color: var(--tok-ink-2) }
.colophonRow a { margin: 0.25rem 0 0.25rem 0; text-decoration-line: none }
.colophonRow .logo { display: inline-flex }
.bottomLinks { font-size: .85em; padding: 1.188rem 1.25rem 2rem; text-align: center }
.contentsRow { font-size: .92em; line-height: 1.9 }
.contentsRow strong { margin-inline-end: 0.438rem }
.colophon { margin: 0 auto 0 auto; max-inline-size: 65rem }
.colophon { padding-inline: 1.063rem; padding-block: 0 }
html { scrollbar-color: rgb(94 104 110 / 0.6) var(--tok-surface-0); scrollbar-width: auto }
::-webkit-scrollbar { block-size: 0.75rem; inline-size: 0.75rem }
/* Reset */
::-webkit-scrollbar-thumb { outline: 0.125rem solid rgb(249 250 250); background-color: rgb(94 104 110 / 0.6); border-radius: 0; outline-offset: -2px }
::-webkit-scrollbar-track { background-color: var(--tok-surface-0) }
::selection { text-shadow: none; color: #fff; background: var(--tok-brand) }
.tagPill { color: var(--tok-brand); text-transform: none; border-radius: 0.188rem; font-size: .76em; display: inline-block }
.tagPill { background: var(--tok-surface-2); padding: 0.125rem 0.563rem; font-weight: 600; letter-spacing: 0 }
.tagPill.badgeAlt { background-color: rgb(90 43 171 / 0.15); color: var(--tok-accent) }
.paging { column-gap: 0.313rem; display: flex; margin-block-start: 2.063rem; justify-content: flex-start; row-gap: 0.313rem }
.paging { margin-block-end: 2.063rem; flex-wrap: wrap }
.paging a,.paging span { min-width: 2.25rem; outline: 0.063rem solid rgb(199 205 209) }
.paging a,.paging span { padding: 0.313rem 0.688rem; outline-offset: -1px; text-align: center }
.paging a,.paging span { text-decoration: none; display: inline-block; border-radius: 1.625rem }
/* Forms */
.paging [aria-current] { background-color: var(--tok-brand); border-color: var(--tok-brand); color: #fff }
.subscribe { margin: 1.688rem 0 }
.subscribe { background-color: var(--tok-surface-2); border-radius: 1.313rem; padding: 1.25rem }
.subscribe { display: flex; gap: 0.625rem }
.subscribe input { flex: 1 1 12.5rem }
summary { cursor: pointer; list-style: disclosure-closed }
details[open] summary { margin-bottom: 0.375rem }
.aboutAuthor { background: var(--tok-surface-1); margin-bottom: 2.25rem; padding: 1.188rem; margin-top: 2.25rem; border: 0.063rem solid var(--tok-surface-3); display: flex; align-items: flex-start; gap: 0.875rem; border-radius: 1.688rem }
.aboutAuthor h4 { margin: 0 0 0.25rem 0 }
.aboutAuthor p { color: var(--tok-ink-2); font-size: .94em; margin: 0rem }
.progress { z-index: 60; inline-size: 0; position: fixed; block-size: 0.125rem; inset-block-start: 0; background-color: var(--tok-brand); inset-inline-start: 0; transition: width .1s linear }
/* Layout */
progress { inline-size: 100%; accent-color: var(--tok-brand); block-size: 0.5rem }
.toTop { block-size: 2.625rem }
.toTop { text-decoration: none; inset-block-end: 1rem; inline-size: 2.625rem; inset-inline-end: 1rem; border-radius: 1.688rem; background-color: var(--tok-brand); color: #fff; position: fixed; z-index: 50; box-shadow: 0 0.375rem 1.25rem rgb(20 27 31 / 0.2); place-items: center; display: grid }
.toTop:hover { background-color: var(--tok-brand-2); color: #fff }
.responsiveTable { margin-bottom: 1.24em }
.responsiveTable { margin-block-start: 1.24em; overflow-x: auto; -webkit-overflow-scrolling: touch }
.responsiveTable table { min-inline-size: 35rem; margin: 0; display: table }
.portrait { width: 3rem; border-radius: 50% }
.portrait { outline: 0.125rem solid rgb(238 240 241); outline-offset: -2px }
.portrait { background-color: var(--tok-surface-2); object-fit: cover; height: 3rem }
.byline { row-gap: 0.563rem; display: flex; align-items: center }
/* Article */
.byline { font-size: .9em; column-gap: 0.563rem; color: var(--tok-ink-2) }
.hide { display: none }
[hidden] { display: none }
.clamp { -webkit-box-orient: vertical; -webkit-line-clamp: 4; display: -webkit-box; overflow: hidden }
.codebox { position: relative }
.assistive { position: absolute; clip: rect(0,0,0,0); padding: 0; block-size: 0.063rem; overflow: hidden; inline-size: 0.063rem; margin: -1px }
.assistive { white-space: nowrap; border: 0 }
.skip { border-radius: 0 0 0.313rem 0.375rem; inset-block-start: -40px; z-index: 100; padding-block: 0.563rem; transition: none; position: absolute; background: var(--tok-brand); inset-inline-start: 0.5rem; color: #fff; padding-inline: 0.938rem }
.skip:focus { top: 0 }
.bannerNote { padding: 0.875rem 1.188rem 0.875rem 1.188rem; outline: 0.063rem solid rgb(199 205 209); outline-offset: -1px }
.bannerNote { background-color: var(--tok-surface-1); border-radius: 1.563rem; margin: 1rem 0 1rem }
/* Widgets */
.bannerNote.alertInfo { background-color: rgb(50 67 77 / 0.08); border-color: rgb(50 67 77 / 0.35) }
.bannerNote.alertWarn { background: rgb(218 142 11 / 0.08); border-color: rgb(218 142 11 / 0.35) }
.bannerNote.alertOk { border-color: rgb(39 155 87 / 0.35); background-color: rgb(39 155 87 / 0.08) }
.bannerNote.alertDanger { border-color: rgb(208 37 51 / 0.35); background: rgb(208 37 51 / 0.08) }
.bannerNote p:last-child { margin: 0 }
input,textarea,select { width: 100%; color: var(--tok-ink); font: inherit }
input,textarea,select { border: 0.063rem solid var(--tok-surface-3); background: var(--tok-surface-1) }
input,textarea,select { border-radius: 1.688rem; padding-inline: 0.875rem; padding-block: 0.688rem }
input:focus { box-shadow: 0 0 0 0.188rem rgb(50 67 77 / 0.2); border-color: var(--tok-brand); outline: none }
textarea:focus { outline: none; border-color: var(--tok-brand); box-shadow: 0 0 0 0.188rem rgb(50 67 77 / 0.2) }
select:focus { outline: none; border-color: var(--tok-brand); box-shadow: 0 0 0 0.188rem rgb(50 67 77 / 0.2) }
/* Content */
label { display: block }
label { margin: 0 0 0.375rem; font-size: .92em; font-weight: 600 }
textarea { min-block-size: 7.5rem; resize: vertical }
dialog { background-color: var(--tok-surface-1); max-inline-size: min(35rem,92vw); box-shadow: 0 1.875rem 5rem rgb(20 27 31 / 0.3); color: var(--tok-ink); border: 0; padding: 1.938rem; border-radius: 1.625rem }
dialog::backdrop { background-color: rgb(0 0 0 / .55) }
.overlaya { inset: 0; position: fixed; display: grid; z-index: 80; place-items: center }
.scrolled { z-index: 40; position: sticky; top: 0; box-shadow: 0 0.375rem 1.125rem rgb(20 27 31 / 0.08) }
tbody tr:hover { background-color: var(--tok-surface-2) }
caption { caption-side: top }
caption { color: var(--tok-ink-2); padding: 0.5rem 0 0.5rem 0; text-align: left; font-size: .88em }
.deck { line-height: 1.55; font-size: 1.22em; color: var(--tok-ink-2) }
/* Utilities */
.nf { padding-block-start: 2.125rem; display: flex; align-items: center; padding-block-end: 2.125rem; gap: 1.938rem; flex-wrap: wrap }
.nf img { border-radius: 0.813rem; max-width: 40vw }
@media screen and (width<=666px){h1 { overflow-wrap: anywhere } h2 { overflow-wrap: anywhere } h3 { overflow-wrap: anywhere } .cards { grid-template-columns: 1fr } .cards.cardsV2 > .item,.cards.cardsV4 > .item { display: block } .cards.cardsV2 > .item .cardMedia { aspect-ratio: 16 / 9; width: 100%; height: auto } .cards.cardsV4 > .item .cardMedia { width: 100%; height: auto; aspect-ratio: 16 / 9 } [data-widget="verdictGrid"] { grid-template-columns: minmax(0,1fr) } .covert .pageInner { padding: 1.563rem 1.25rem } .covert h1 { font-size: 1.8rem }}
@media screen and (width<=693px){table { display: block; max-width: 100%; overflow-x: auto }}
@media screen and (width<=859px){.covert .twoCol { grid-template-columns: minmax(0,1fr) } .content .twoCol { grid-template-columns: minmax(0,1fr) } .colophonRow { grid-template-columns: minmax(0,1fr) } .secondary { position: static }}
@media screen and (width<=727px){.navOpen { display: flex } .navigation { width: 100%; display: none } .navigation { column-gap: 0.125rem; row-gap: 0.125rem; flex-direction: column } .burgerState[open]~.navigation { display: flex }}
@media (prefers-reduced-motion:reduce){*,*::before,*::after { transition-duration: .01ms; animation-iteration-count: 1; animation-duration: .01ms }}