:root { --sf-space-48: 48px; --sf-space-36: 36px; --sf-space-96: 96px; --sf-primary: rgb(41 106 153); --sf-space-10: 10px; --sf-space-40: 40px; --sf-space-24: 24px; --sf-space-56: 56px; --sf-space-72: 72px; --sf-space-80: 80px; --sf-accent: rgb(181 48 126); --sf-font-body: Verdana, Geneva, sans-serif; --sf-hero-bg: rgb(241 245 248); --sf-space-18: 18px; --sf-soft: rgb(237 243 247); --sf-space-2: 2px; --sf-card: rgb(245 248 250); --sf-space-32: 32px; --sf-bg: #ffffff; --sf-space-16: 16px; --sf-space-12: 12px; --sf-font-head: Didot, 'Bodoni MT', 'Bodoni 72', serif; --sf-space-64: 64px; --sf-space-28: 28px; --sf-muted: rgb(94 109 120); --sf-space-4: 4px; --sf-space-20: 20px; --sf-fg: rgb(21 32 40); --sf-space-14: 14px; --sf-space-8: 8px; --sf-space-6: 6px; --sf-line: rgb(218 225 231); --sf-primary-dark: rgb(30 78 113) }
* { box-sizing: border-box }
body { -webkit-font-smoothing: antialiased; margin: 0px; color: var(--sf-fg); font-family: var(--sf-font-body) }
body { font-size: 17px; background-color: var(--sf-bg); line-height: 1.71 }
pre { max-width: 100%; overflow-x: auto }
code { overflow-wrap: anywhere }
img { max-width: 100%; display: block; height: auto }
.gg-sb { padding: var(--sf-space-8) 11px var(--sf-space-8); margin: 0; line-height: 1.35; font-size: .9em; align-items: center; display: flex; gap: 9px; color: var(--sf-bg); justify-content: space-between; background-color: var(--sf-primary) }
.gg-sb p, .gg-sb span { margin: 0px; flex: 1 1 auto }
.gg-sb a { font-weight: 700; text-decoration: underline; color: var(--sf-bg) }
.gg-close { cursor: pointer; padding: var(--sf-space-2) 5px var(--sf-space-2) 5px; font-size: 1.1em; line-height: 1; border: 0; color: var(--sf-bg); background-color: transparent }
.gg-sb[hidden] { display: none }
a { color: var(--sf-primary) }
a:hover { color: var(--sf-primary-dark) }
h1,h2,h3,h4 { line-height: 1.2; font-family: var(--sf-font-head); font-weight: 600 }
h1,h2,h3,h4 { letter-spacing: -.01em; margin-bottom: .63em }
h1 { font-size: 2.35rem }
h2 { margin-top: 1.7em; font-size: 1.74rem }
h3 { margin-top: 1.26em; font-size: 1.32rem }
a[id]:empty { scroll-margin-top: 90px }
a[id]:empty { visibility: hidden; position: relative; display: block }
.gg-pr { max-width: 100% }
.gg-pr p { margin-bottom: 1.09em }
.gg-pr ul,.gg-pr ol { margin: 0 0 1.16em 0; padding-left: 1.27em }
.gg-pr li { margin-bottom: .37em; margin-top: .37em }
.gg-pr li>p { margin: 0px }
.gg-pr table { border-collapse: collapse }
.gg-pr table { font-size: .94em; width: 100% }
.gg-pr table { display: block; overflow-x: auto; margin: 1.12em 0 1.12em }
.gg-pr th,.gg-pr td { border: 1px solid var(--sf-line); padding: var(--sf-space-10) 13px var(--sf-space-10) 13px; vertical-align: top; text-align: left }
.gg-pr th { background-color: var(--sf-soft); font-weight: 600 }
.gg-pr blockquote { margin-bottom: 1.1em; background-color: var(--sf-card) }
.gg-pr blockquote { border-radius: 0px; padding: 11px var(--sf-space-18) 11px; border-left: 4px solid var(--sf-accent); margin-top: 1.1em }
.gg-pr .gg-ct { font-size: .8em; white-space: nowrap }
.gg-pr .gg-ct a { text-decoration: none; border-bottom: 1px dotted var(--sf-accent) }
.gg-pr code { border-radius: 4px; font-size: .92em }
.gg-pr code { background-color: var(--sf-soft); padding: 1px 5px 1px 5px }
.gg-pr img { margin-bottom: 1.02em; border-radius: 0px; margin-top: 1.02em }
.gg-sm { padding: 19px 21px 19px 21px; margin: 0 0 30px 0 }
.gg-sm { border-radius: 0px; background-color: var(--sf-soft); border-left: 4px solid var(--sf-primary); font-size: 1.06em }
.gg-sm p:last-child { margin-bottom: 0 }
.gg-pm { display: grid }
.gg-pm { column-gap: var(--sf-space-18); row-gap: var(--sf-space-6) }
.gg-pm { grid-template-columns: 1fr 1fr; margin: 19px 0 19px 0 }
.gg-pm dt { font-size: 1.1em; font-weight: 700 }
.gg-pm dt { font-family: var(--sf-font-head); grid-row: 1 }
.gg-pm dd { margin: 0px; padding: var(--sf-space-14) 21px var(--sf-space-14) 21px }
.gg-pm dd { border-radius: 0px; background-color: var(--sf-card); outline: 1px solid rgb(218 225 231); grid-row: 2; outline-offset: -1px }
.gg-pm ul { padding-left: 1.19em; margin: 0 }
.gg-sr { font-size: .9em }
.gg-sr { color: var(--sf-muted); border-top: 1px solid var(--sf-line); margin: 38px 0 0 0; padding-top: 17px }
.gg-sr ol { padding-left: 1.44em }
.gg-sr li { margin: .32em 0 .32em }
.gg-sr a { color: var(--sf-muted) }
.gg-pq { border-left: 4px solid var(--sf-accent); font-size: 1.15em; font-style: italic; padding: 19px 27px 19px 27px }
.gg-pq { background-color: var(--sf-card); margin: var(--sf-space-24) 0 var(--sf-space-24) 0; border-radius: 0px }
.gg-ct2 { color: var(--sf-fg); border-radius: 0px; text-align: left; margin: 39px 0 39px; padding: 31px; background-color: var(--sf-soft) }
.gg-ct2 h3 { margin-top: 0; color: inherit }
.gg-ct2 p:last-child { margin: 0 }
.gg-tblk>dl { grid-template-columns: auto 1fr; border-radius: 0px; outline: 1px solid rgb(218 225 231); background-color: var(--sf-card); margin: var(--sf-space-12) 0 var(--sf-space-12); gap: 7px 17px; outline-offset: -1px }
.gg-tblk>dl { display: grid; padding: var(--sf-space-12) var(--sf-space-16) var(--sf-space-12) }
.gg-tblk dt { font-weight: 600; font-size: .9em; color: var(--sf-muted) }
.gg-tblk dd { margin: 0 }
.gg-b { display: inline-block; padding: var(--sf-space-12) var(--sf-space-28) var(--sf-space-12); background-color: var(--sf-primary); border-radius: 0px; color: var(--sf-bg) }
.gg-b { text-decoration: none; font-weight: 600; margin-top: var(--sf-space-10) }
.gg-b:hover { color: var(--sf-bg); filter: brightness(1.08) }
.gg-gd { display: grid; grid-template-columns: repeat(auto-fill,minmax(250px,1fr)) }
.gg-gd { column-gap: 22px; row-gap: 22px; margin: 23px 0 23px 0 }
.gg-cd { outline: 1px solid rgb(218 225 231); outline-offset: -1px }
.gg-cd { background-color: var(--sf-card); color: #111111; flex-direction: column; border-radius: 0px; display: flex; gap: var(--sf-space-8); padding: 22px }
.gg-cd h2,.gg-cd h3 { font-size: 1.08em; color: #111111; margin: 0 }
.gg-cd p { margin: 0px; color: var(--sf-muted); font-size: .95em }
.gg-cd a { color: #111111; text-decoration-line: none; font-weight: 600 }
.gg-crdj { margin-bottom: var(--sf-space-24); grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: var(--sf-space-24) }
.gg-crdj { gap: 22px; display: grid }
.gg-crdj .gg-cd { box-shadow: 0 4px 18px rgb(21 32 40 / 0.08); padding: 0; overflow: hidden }
.gg-crdj .gg-cd .gg-crdo { max-width: 100%; width: 100% }
.gg-crdj .gg-cd .gg-crdo { padding: var(--sf-space-10); outline: 1px solid rgb(21 32 40 / 0.25); background-color: rgb(21 32 40 / 0.36); height: auto; aspect-ratio: 16 / 9 }
.gg-crdj .gg-cd .gg-crdo { outline-offset: -1px; object-fit: contain }
.gg-crdj .gg-crdja { min-width: 0; row-gap: var(--sf-space-8); flex-direction: column; padding: var(--sf-space-20); column-gap: var(--sf-space-8); display: flex }
.gg-crdj .gg-crda { display: flex; flex-wrap: wrap }
.gg-crdj .gg-crda { align-items: center; column-gap: var(--sf-space-10); margin-top: auto; row-gap: var(--sf-space-10) }
.gg-crdj .gg-crdu { font-size: .85em; display: block; line-height: 1.35; color: var(--sf-muted); min-width: 0 }
.gg-crdj .gg-crdu code { overflow-wrap: anywhere; font-family: inherit }
.gg-crdj .gg-crdt { grid-column: span 1 }
.gg-crdd { grid-template-columns: 1fr }
.gg-crdj.gg-crdd > .gg-cd { flex-direction: row; display: flex }
.gg-crdj.gg-crdd > .gg-cd { align-items: stretch; text-align: left }
.gg-crdd .gg-crdt .gg-crdo { order: 2 }
.gg-crdd .gg-cd .gg-crdo { flex-shrink: 0; aspect-ratio: 4 / 3; width: min(34%,260px) }
.gg-crdjw { grid-template-columns: 1fr }
.gg-crdj.gg-crdjw > .gg-cd { align-items: center; display: flex; padding: 13px; flex-direction: row; text-align: left }
.gg-crdj.gg-crdjw > .gg-cd .gg-crdo { aspect-ratio: 1 / 1; flex-shrink: 0; height: 119px; border-radius: 1080px; width: 119px }
.gg-crdj.gg-crdjw > .gg-cd .gg-crdja { flex: 1 1 auto; padding: var(--sf-space-10) 13px var(--sf-space-10) 13px; min-width: 0 }
.gg-crdf { grid-template-columns: 1fr }
.gg-crdj.gg-crdf > .gg-cd { text-align: left; display: grid; grid-template-columns: minmax(180px,34%) 1fr }
.gg-crdf .gg-cd .gg-crdo { height: 100%; aspect-ratio: 4 / 3 }
.gg-crdm { margin: 0 0 var(--sf-space-16) 0; color: var(--sf-muted); max-width: 70ch }
.gg-crdj .gg-b { text-align: center; white-space: normal; margin-top: 0 }
.gg-ntf,.gg-str,.gg-tlt { display: block; background-color: var(--sf-soft); line-height: 1.45; font-size: .88em; padding: 9px var(--sf-space-16) 9px var(--sf-space-16); margin-bottom: 17px; border: 1px solid rgb(218 225 231 / 0.85); margin-top: 17px; border-radius: 0px }
.gg-ntf a, .gg-str a, .gg-tlt a { font-weight: 600 }
.gg-tlt { text-align: left }
.gg-ctx { background-color: var(--sf-soft); margin: var(--sf-space-32) 0 var(--sf-space-32) 0; padding: 17px 22px 17px 22px; border: 1px solid rgb(218 225 231 / 0.9) }
.gg-ctx { border-left: 5px solid var(--sf-accent); max-width: 100%; border-radius: 0px }
.gg-ctx h2, .gg-ctx h3 { margin-top: 0; font-size: 1.08em }
.gg-ctx p:last-child { margin-bottom: 0 }
.gg-ctx ul { margin: 0; padding-left: 1.12em }
.gg-mn .gg-catalog,.gg-ft .gg-catalog,.gg-catalog { color: #111111 }
.gg-mn .gg-catalog.gg-cat-bold,.gg-ft .gg-catalog.gg-cat-bold,.gg-catalog.gg-cat-bold { font-weight: 700; color: #111111 }
.gg-mn .gg-catalog.gg-cat-z,.gg-ft .gg-catalog.gg-cat-z,.gg-catalog.gg-cat-z { border-radius: 2px; font-weight: 600; color: var(--sf-bg); background-color: var(--sf-accent); text-decoration-line: none; padding: var(--sf-space-2) 7px var(--sf-space-2); display: inline-block }
.gg-mn .gg-catalog.gg-cat-border,.gg-ft .gg-catalog.gg-cat-border,.gg-catalog.gg-cat-border { color: #111111; border: 1.5px solid var(--sf-accent); text-decoration-line: none; font-weight: 600; display: inline-block; padding: var(--sf-space-2) 7px var(--sf-space-2); border-radius: 2px }
.gg-mn .gg-catalog.gg-cat-w,.gg-ft .gg-catalog.gg-cat-w,.gg-catalog.gg-cat-w { text-decoration: underline; text-underline-offset: 3px; color: #111111; text-decoration-thickness: 2px }
.gg-mn .gg-catalog.gg-cat-t,.gg-ft .gg-catalog.gg-cat-t,.gg-catalog.gg-cat-t { color: #111111; font-weight: 600 }
.gg-mn .gg-catalog.gg-cat-t::before,.gg-ft .gg-catalog.gg-cat-t::before,.gg-catalog.gg-cat-t::before { color: #111111; margin-right: .37em; content: "→" }
.gg-mn .gg-catalog.gg-cat-bold,.gg-ft .gg-catalog.gg-cat-bold,.gg-catalog.gg-cat-bold:hover,.gg-mn .gg-catalog.gg-cat-z,.gg-ft .gg-catalog.gg-cat-z,.gg-catalog.gg-cat-z:hover,.gg-mn .gg-catalog.gg-cat-border,.gg-ft .gg-catalog.gg-cat-border,.gg-catalog.gg-cat-border:hover,.gg-mn .gg-catalog.gg-cat-w,.gg-ft .gg-catalog.gg-cat-w,.gg-catalog.gg-cat-w:hover,.gg-mn .gg-catalog.gg-cat-t,.gg-ft .gg-catalog.gg-cat-t,.gg-catalog.gg-cat-t:hover { opacity: 1 }
.gg-nt { line-height: 0; display: inline-block }
.gg-nt>summary { list-style-type: none }
.gg-nt>summary::-webkit-details-marker { display: none }
.gg-bgj { align-items: center; width: 28px; display: none; height: 22px; cursor: pointer }
.gg-bgj span { position: relative; display: block; height: 2px }
.gg-bgj span { background: currentColor; width: 100% }
.gg-bgj span::before,.gg-bgj span::after { background: currentColor; display: block; height: 2px }
.gg-bgj span::before,.gg-bgj span::after { position: absolute; left: 0; content: ""; right: 0 }
.gg-bgj span::before { top: -8px }
.gg-bgj span::after { bottom: -8px }
.gg-by { display: flex; column-gap: 17px; color: var(--sf-muted); row-gap: 9px; flex-wrap: wrap; margin-bottom: 17px; font-size: .9em }
.gg-cr { color: var(--sf-muted); margin-bottom: 13px; font-size: .88em }
.gg-cr a { color: var(--sf-muted); text-decoration: none }
.gg-eb { margin: 0 0 var(--sf-space-10) 0; font-size: .76em; display: inline-block }
.gg-eb { text-transform: uppercase; color: var(--sf-accent) }
.gg-eb { letter-spacing: .09em; font-weight: 700 }
.gg-im figcaption { margin: var(--sf-space-8) 0 0 0; font-size: .85em; color: var(--sf-muted) }
.gg-stg .gg-im, .gg-pr .gg-im { margin: 13px 0 var(--sf-space-6) 0 }
.gg-stg .gg-im img { border-radius: 6px; width: 100% }
.gg-mr { margin-top: 45px }
ul.gg-by { list-style-type: none; padding: 0 }
.gg-mr ul { padding: 0; list-style-type: none }
.gg-mr li>a { display: block; font-weight: 600; text-decoration: none }
.gg-mr li>span { font-size: .92em; color: var(--sf-muted); display: block }
p.gg-eb { margin: 0 0 var(--sf-space-10) 0 }
.gg-pr .gg-tsk { color: var(--sf-accent); margin-right: var(--sf-space-4) }
.gg-fq { grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); column-gap: var(--sf-space-16); row-gap: var(--sf-space-16); display: grid }
.gg-fq>div { background-color: var(--sf-card); outline: 1px solid rgb(218 225 231); border-radius: 0px; padding: 15px 19px 15px; outline-offset: -1px }
.gg-fq h3 { margin-bottom: var(--sf-space-8); font-size: 1.02em }
.gg-stg { counter-reset: s }
.gg-stg { margin-top: var(--sf-space-18); list-style-type: none }
.gg-stg { margin-bottom: var(--sf-space-18); padding: 0 }
.gg-stg li { position: relative; padding-left: 58px }
.gg-stg li { margin-top: 19px; margin-bottom: 19px }
.gg-stg li::before { background-color: var(--sf-primary); left: 0; position: absolute; border-radius: 50%; align-items: center; justify-content: center; display: flex; color: var(--sf-bg); top: 0; font-weight: 700; width: 38px; counter-increment: s; font-family: var(--sf-font-head); height: 38px; content: counter(s) }
.gg-tblj { max-width: 100%; overflow-x: auto }
p,li,dd,td,blockquote,figcaption { overflow-wrap: anywhere }
.gg-by a, .gg-cr a, .gg-mn a, .gg-ft a, .gg-fl a, .gg-ol2 a, .gg-tlt a, .gg-ctx a, .gg-bd .gg-sc a, .gg-bd .gg-chs a, [rel="next"], [rel="prev"] { padding-top: var(--sf-space-2); vertical-align: middle; display: inline-block }
.gg-by a, .gg-cr a, .gg-mn a, .gg-ft a, .gg-fl a, .gg-ol2 a, .gg-tlt a, .gg-ctx a, .gg-bd .gg-sc a, .gg-bd .gg-chs a, [rel="next"], [rel="prev"] { padding-bottom: var(--sf-space-2); min-height: 24px }
@media (max-width:609.98px){h1,h2,h3 { overflow-wrap: anywhere } .gg-pm { grid-template-columns: minmax(0,1fr) } .gg-pm dt,.gg-pm dd { grid-row: auto } .gg-crdj { grid-template-columns: 1fr } .gg-crdj.gg-crdd > .gg-cd,.gg-crdj.gg-crdf > .gg-cd { display: block } .gg-crdj.gg-crdd > .gg-cd .gg-crdo,.gg-crdj.gg-crdf > .gg-cd .gg-crdo { height: auto; width: 100%; aspect-ratio: 16 / 9 } .gg-pm { grid-template-columns: minmax(0,1fr) }}
@media (max-width:698.98px){table { display: block; overflow-x: auto; max-width: 100% }}