.gg-top { padding: 38px var(--sf-space-20) var(--sf-space-18) var(--sf-space-20); text-align: center }
.gg-top { max-width: 923px; border-bottom: 1px solid var(--sf-line); margin: 0 auto 0 auto }
.gg-brd { font-weight: 600; text-decoration-line: none; font-size: 2rem }
.gg-brd { letter-spacing: -.01em; font-family: var(--sf-font-head); color: var(--sf-fg) }
.gg-top .gg-sub { font-style: italic; margin: var(--sf-space-4) 0 var(--sf-space-14) 0; color: var(--sf-muted) }
.gg-mn { justify-content: center; gap: var(--sf-space-8) 25px; text-transform: uppercase; letter-spacing: 0.1em; display: flex; font-size: .9em; flex-wrap: wrap }
.gg-mn a { color: var(--sf-fg); text-decoration: none }
.gg-mn a:hover { color: var(--sf-primary) }
.gg-bd { margin: 0 auto 0 auto; max-width: 723px; padding: 41px 19px 70px 19px }
.gg-tb { margin: 0 0 var(--sf-space-32) 0; text-align: center }
.gg-tb h1 { margin: 0 0 15px 0; font-size: 2.7rem; line-height: 1.12 }
.gg-tb .gg-sub { font-size: 1.2em; margin: 0 0 15px 0; color: var(--sf-muted) }
.gg-tb .gg-by { justify-content: center }
.gg-im { margin: 0 -40px 33px -40px }
.gg-im img { border-radius: 0px; width: 100% }
.gg-im figcaption { text-align: center }
.gg-ar>.gg-pr:first-of-type>p:first-of-type::first-letter { font-family: var(--sf-font-head) }
.gg-ar>.gg-pr:first-of-type>p:first-of-type::first-letter { float: left; color: var(--sf-primary) }
.gg-ar>.gg-pr:first-of-type>p:first-of-type::first-letter { font-size: 3.4em; line-height: .85; padding: var(--sf-space-6) var(--sf-space-8) 0 0 }
.gg-ar .gg-pr { font-size: 1.06em }
.gg-ol2 { background-color: var(--sf-card); padding: 13px 17px 13px 17px; outline: 1px solid rgb(218 225 231); margin: 0 0 27px 0; border-radius: 0px; outline-offset: -1px }
.gg-ol2 summary,.gg-ol2 strong { cursor: pointer; font-weight: 600 }
.gg-ol2 ol,.gg-ol2 ul { margin: var(--sf-space-10) 0 0 0; padding-left: 1.36em }
.gg-ol2 a { color: inherit; text-decoration: none }
.gg-ls .gg-cd { padding: var(--sf-space-24) 0 var(--sf-space-24) 0; border: 0; background-color: transparent; border-radius: 0; border-top: 1px solid var(--sf-line) }
.gg-ls .gg-cd h2 { margin: var(--sf-space-6) 0 var(--sf-space-8) 0; font-size: 1.5rem }
.gg-ls .gg-cd h2 a { text-decoration: none; color: var(--sf-fg) }
.gg-ft { margin: 0 auto 0; color: var(--sf-muted) }
.gg-ft { font-size: .9em; text-align: center }
.gg-ft { padding: var(--sf-space-28) var(--sf-space-20) 38px var(--sf-space-20); border-top: 1px solid var(--sf-line); max-width: 923px }
.gg-ft nav a { color: var(--sf-muted); margin: 0 var(--sf-space-12) 0 var(--sf-space-12) }
.gg-tcr { font-size: .92em; line-height: 1.9 }
.gg-tcr strong { margin-right: var(--sf-space-6) }
.gg-fwr { padding: 0 var(--sf-space-20) 0 var(--sf-space-20); max-width: 723px; margin: 0 auto 0 auto }
.gg-scn { margin: 22px auto 0 auto; width: min(152px, 70vw) }
.gg-scn > * { height: auto; display: block; width: 100% }
.gg-spn { justify-content: center; width: fit-content; max-width: 100%; margin: 0 auto 0 auto; padding: var(--sf-space-8); box-sizing: border-box; display: flex; align-items: center }
.gg-spn { min-width: 0; overflow: visible; background-color: var(--sf-soft); border: 1px solid var(--sf-line) }
.gg-spnq { flex-direction: column; max-width: 100%; min-width: 0; width: 100%; align-items: center; justify-content: center; display: flex }
.gg-spnq { gap: var(--sf-space-4); box-sizing: border-box }
.gg-spnq.gg-spnd { width: 100% }
.gg-spnq.gg-spnd { row-gap: var(--sf-space-8); display: grid; min-width: 0; align-items: center; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); column-gap: var(--sf-space-8) }
.gg-spnx { min-width: 0; display: block; max-width: 100%; width: min(468px, 100%) }
.gg-spnx { box-sizing: border-box; overflow: visible }
.gg-spnh { width: min(468px, 100%); min-width: 0; object-fit: contain; max-width: 100%; display: block; object-position: center; box-sizing: border-box; height: auto }
.gg-spnqo { line-height: 1.2; color: inherit; font-size: .72rem; opacity: .75 }
.gg-spnd .gg-spnqo { grid-column: 1; justify-self: end; white-space: nowrap }
.gg-spnd .gg-spnx { grid-column: 2; justify-self: center }
.gg-shr { margin-top: var(--sf-space-24); display: flex }
.gg-shr { row-gap: var(--sf-space-6); margin-bottom: var(--sf-space-24) }
.gg-shr { column-gap: var(--sf-space-6); align-items: center }
.gg-shr a { justify-content: center; width: 36px; align-items: center; color: var(--sf-muted); display: inline-flex }
.gg-shr a { border: 1px solid var(--sf-line); height: 36px; border-radius: 6px }
.gg-shr a:hover { border-color: var(--sf-primary); color: var(--sf-primary) }
hr { height: 1px; border: 0 }
hr { background: linear-gradient(90deg,transparent,var(--sf-line),transparent); margin-top: 37px; margin-bottom: 37px }
kbd { background-color: var(--sf-card); border: 1px solid var(--sf-line); font: inherit; padding: var(--sf-space-2) var(--sf-space-6) var(--sf-space-2); border-bottom-width: 2px; font-size: .85em; border-radius: 4px }
mark { padding: 0 3px 0; border-radius: 2px; color: inherit; background-color: rgb(181 48 126 / 0.35) }
small { font-size: .82em }
.gg-sr- { padding: 0; height: 1px }
.gg-sr- { margin: -1px; position: absolute; width: 1px; overflow: hidden }
.gg-sr- { clip: rect(0,0,0,0); white-space: nowrap; border: 0 }
.gg-skp { top: -40px }
.gg-skp { background-color: var(--sf-primary); z-index: 100; color: var(--sf-bg); border-radius: 0 0 6px 6px; left: 8px; transition: none; padding: var(--sf-space-8) var(--sf-space-14) var(--sf-space-8) var(--sf-space-14); position: absolute }
.gg-skp:focus { top: 0 }
.gg-vtr { object-fit: cover; border-radius: 50%; height: 36px; background-color: var(--sf-soft); width: 36px }
.gg-byl { display: flex; color: var(--sf-muted) }
.gg-byl { font-size: .9em; gap: 9px; align-items: center }
.gg-stc { position: sticky; top: 0 }
.gg-stc { box-shadow: 0 4px 14px rgb(21 32 40 / 0.08); z-index: 40 }
.gg-prg { width: 0; height: 3px; left: 0; position: fixed; background-color: var(--sf-primary); top: 0; transition: width .1s linear; z-index: 60 }
progress { width: 100%; height: 8px; accent-color: var(--sf-primary) }
meter { width: 100% }
.gg-drp::first-letter { font-family: var(--sf-font-head); font-weight: 700; line-height: .8; float: left; color: var(--sf-primary); font-size: 3.6em; padding: var(--sf-space-6) var(--sf-space-8) 0 0 }
blockquote cite { font-style: normal; color: var(--sf-muted); display: block; margin-top: var(--sf-space-8); font-size: .88em }
.gg-tblj { outline: 1px solid rgb(218 225 231); margin: 1.16em 0 1.16em; overflow-x: auto; border-radius: 0px; outline-offset: -1px }
.gg-tblj table { margin: 0; display: table; min-width: 600px }
.gg-bdg { background-color: var(--sf-soft); border-radius: 1017px; text-transform: uppercase; color: var(--sf-primary); padding: 3px 11px 3px; font-size: .76em; font-weight: 600; display: inline-block; letter-spacing: 0 }
.gg-bdg.gg-bdgx { color: var(--sf-accent); background-color: rgb(181 48 126 / 0.15) }
.gg-bdg+.gg-bdg { margin-left: var(--sf-space-6) }
.gg-tp { position: relative; border-bottom: 1px dotted var(--sf-muted); cursor: help }
.gg-tp::after { left: 50%; bottom: 125%; white-space: nowrap; background-color: var(--sf-fg); position: absolute; color: var(--sf-bg); transform: translateX(-50%); content: attr(data-tip); padding: var(--sf-space-8) 13px var(--sf-space-8) 13px; border-radius: 6px; transition: none; pointer-events: none; opacity: 0; font-size: .8em }
.gg-tp:hover::after { opacity: 1 }
tbody tr:hover { background-color: var(--sf-soft) }
caption { color: var(--sf-muted); padding: var(--sf-space-8) 0 var(--sf-space-8); font-size: .88em; text-align: left; caption-side: bottom }
th[scope=row] { font-weight: 600; white-space: nowrap }
.gg-cr ol { list-style-type: none; flex-wrap: wrap; padding: 0 }
.gg-cr ol { row-gap: var(--sf-space-4); margin: 0; display: flex; column-gap: var(--sf-space-8) }
.gg-cr li+li::before { margin-right: var(--sf-space-8); opacity: .5; content: "»" }
.gg-hdd,[hidden] { display: none }
.gg-trn { -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box }
.gg-chp { align-items: center; column-gap: var(--sf-space-8); row-gap: var(--sf-space-8); flex-wrap: wrap; display: flex }
html { scrollbar-color: rgb(94 109 120 / 0.6) var(--sf-bg); scrollbar-width: auto }
::-webkit-scrollbar { width: 10px; height: 10px }
::-webkit-scrollbar-thumb { background-color: rgb(94 109 120 / 0.6); border-width: 2px; border-radius: 6px }
::-webkit-scrollbar-thumb { border-color: var(--sf-bg); border-style: solid }
::-webkit-scrollbar-track { background-color: var(--sf-bg) }
dialog { max-width: min(560px,92vw); background-color: var(--sf-card); color: var(--sf-fg); box-shadow: 0 30px 80px rgb(21 32 40 / 0.3); padding: var(--sf-space-20); border: 0; border-radius: 0px }
dialog::backdrop { background-color: rgb(21 32 40 / 0.5); backdrop-filter: blur(3px) }
.gg-mdl { position: fixed; inset: 0; place-items: center; z-index: 80; display: grid }
.gg-ttp { bottom: 20px; width: 42px; place-items: center }
.gg-ttp { display: grid; background-color: var(--sf-primary); color: var(--sf-bg); border-radius: 0px; right: 20px }
.gg-ttp { z-index: 50; height: 42px; position: fixed; box-shadow: 0 6px 20px rgb(21 32 40 / 0.2); text-decoration-line: none }
.gg-ttp:hover { background-color: var(--sf-primary-dark); color: var(--sf-bg) }
.gg-b.gg-ghs { color: var(--sf-primary); background-color: transparent; border: 1px solid var(--sf-primary) }
.gg-b.gg-sml { font-size: .86em; padding: 5px var(--sf-space-12) 5px var(--sf-space-12) }
.gg-wrp { width: min(723px, calc(100% - 40px)); margin: 0 auto 0 }
.gg-top3 { background-color: var(--sf-bg); position: relative; z-index: 20; border-bottom: 1px solid var(--sf-line); color: var(--sf-fg) }
.gg-top3 .gg-wrp { display: flex; align-items: center; gap: 21px; min-height: 74px; justify-content: space-between }
.gg-bdga { font-family: var(--sf-font-head); align-items: center; font-weight: 600; display: inline-flex; color: inherit; column-gap: var(--sf-space-10); font-size: 1.2rem; row-gap: var(--sf-space-10); text-decoration-line: none }
.gg-bdga svg { height: 32px; width: 32px }
.gg-mnu a { color: inherit; font-weight: 600 }
.gg-mnu a { text-decoration-line: none; border-radius: 4px; outline: 1px solid rgb(218 225 231); padding: var(--sf-space-8) 15px var(--sf-space-8) 15px; outline-offset: -1px }
.gg-lpd { position: relative }
.gg-lpd { overflow: hidden; padding: var(--sf-space-96) 0 99px 0; background-color: var(--sf-bg); text-align: left; color: var(--sf-fg) }
.gg-lpd h1 { letter-spacing: -.035em; margin: 0 auto 19px auto }
.gg-lpd h1 { text-transform: none; line-height: 1.05; font-size: clamp(2.4rem, 6vw, 4.8rem); font-family: var(--sf-font-head); max-width: 900px }
.gg-lpd p { color: var(--sf-muted); font-size: clamp(1.05rem, 2vw, 1.25rem); margin: 0 auto 29px auto; max-width: 720px }
.gg-cta3 { display: flex; column-gap: var(--sf-space-12); row-gap: var(--sf-space-12) }
.gg-cta3 { flex-wrap: wrap; justify-content: center }
.gg-tap { padding: var(--sf-space-12) var(--sf-space-18) var(--sf-space-12); align-items: center; font-weight: 700; justify-content: center }
.gg-tap { border-radius: 4px; display: inline-flex; color: var(--sf-bg); text-decoration: none; outline: 1px solid rgb(41 106 153); box-shadow: none; background-color: var(--sf-primary); outline-offset: -1px }
.gg-core { background-color: var(--sf-bg); color: var(--sf-fg) }
.gg-reg { border-bottom: 1px solid var(--sf-line); padding: 65px 0 65px 0 }
.gg-reg h2 { margin-bottom: 25px; font-family: var(--sf-font-head) }
.gg-reg h2 { font-size: clamp(1.7rem, 3.4vw, 2.5rem); line-height: 1.15 }
.gg-cpy2 { color: var(--sf-fg) }
.gg-cpy2 { max-width: 820px; line-height: 1.8; font-size: 1.08rem }
.gg-cpy2 h2,.gg-cpy2 h3 { font-family: var(--sf-font-head) }
.gg-lay { gap: 23px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr)) }
.gg-crd { min-width: 0 }
.gg-crd { color: var(--sf-fg); background-color: var(--sf-card); border-radius: 4px; overflow: hidden; outline: 1px solid rgb(218 225 231); outline-offset: -1px }
.gg-crd img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover }
.gg-crd img { display: block; background-color: var(--sf-soft) }
.gg-cpy { flex-direction: column; align-items: flex-start; display: flex }
.gg-cpy { row-gap: var(--sf-space-12); padding: 21px; column-gap: var(--sf-space-12) }
.gg-cpy h3 { line-height: 1.25; font-size: 1.25rem }
.gg-cpy h3 { font-family: var(--sf-font-head); margin: 0 }
.gg-cpy h3 a { text-decoration: none; color: inherit }
.gg-cpy p { color: var(--sf-muted); margin: 0; line-height: 1.6 }
.gg-cpy time { color: var(--sf-muted); font-size: .84rem }
.gg-cpy code { max-width: 100%; color: var(--sf-primary); font-size: .86rem; overflow-wrap: anywhere }
.gg-cpy .gg-tap { margin-top: auto }
.gg-mre { text-decoration: underline; font-weight: 700; text-underline-offset: 4px; color: var(--sf-primary) }
.gg-med { margin: 0 auto 19px auto; max-width: 820px; overflow: hidden; background-color: var(--sf-card); border-radius: 4px; outline: 1px solid rgb(218 225 231); outline-offset: -1px }
.gg-med video { background-color: var(--sf-fg); max-height: 551px; width: 100%; display: block }
.gg-soc .gg-tap { margin: 0 auto 0 auto; display: flex; width: fit-content }
.gg-qst { row-gap: var(--sf-space-12); display: grid }
.gg-qst { max-width: 900px; column-gap: var(--sf-space-12) }
.gg-ans { background-color: var(--sf-card) }
.gg-ans { border: 1px solid var(--sf-line); padding: var(--sf-space-16) 21px var(--sf-space-16) 21px; border-radius: 4px }
.gg-ans summary { font-family: var(--sf-font-head); cursor: pointer; font-weight: 700 }
.gg-ans div { color: var(--sf-muted); padding: 11px 0 0 0; line-height: 1.7 }
.gg-spt { width: 100%; box-sizing: border-box; overflow: visible }
.gg-lgl { color: var(--sf-bg); background-color: var(--sf-fg); padding: var(--sf-space-40) 0 var(--sf-space-24) 0 }
.gg-lgl nav { display: flex; flex-wrap: wrap; row-gap: var(--sf-space-12); column-gap: var(--sf-space-24) }
.gg-lgl nav { margin-bottom: 21px; justify-content: center }
.gg-lgl a { color: var(--sf-bg); text-decoration-line: none }
.gg-lgl p { margin: 0px; text-align: center }
.gg-lgl p { opacity: .75; font-size: .85rem }
.gg-lpd .gg-wrp { width: min(723px, calc(100% - 40px)) }
.gg-spt .gg-spn { margin: 0 auto 0 auto; max-width: 100% }
.gg-spt .gg-spnh { height: auto }
.gg-abt .gg-wrp { grid-template-columns: minmax(160px, .55fr) minmax(0, 1.45fr); align-items: start; column-gap: 22px; row-gap: 22px; display: grid }
.gg-abt h2 { margin: 0 }
.gg-abt .gg-cpy2 :first-child { margin-top: 0 }
.gg-lpd .gg-cta3 .gg-tap { color: var(--sf-bg); background-color: var(--sf-primary) }
.gg-lgl .gg-bdga { color: var(--sf-bg) }
.gg-lgl .gg-bdga svg { fill: var(--sf-bg) }
.gg-lpd h1 { letter-spacing: -.055em; font-weight: 600 }
.gg-reg h2 { font-style: italic; font-weight: 600 }
.gg-crd { box-shadow: 0 12px 34px var(--sf-line) }
.gg-nf { max-width: 560px; margin: 41px auto 41px; padding: 0 17px 0 17px }
.gg-nfc { line-height: 1; font-size: 4em; color: var(--sf-primary); margin-bottom: 7px; font-weight: 800 }
.gg-cx { padding-left: 0px; padding-right: 0px }
@media (max-width:799.98px){.gg-im { margin: 0 0 26px 0 }}
@media (max-width:609.98px){.gg-tb h1 { font-size: 1.9rem } .gg-bgj { margin: 0 auto 0; display: flex } .gg-mn { display: none; column-gap: var(--sf-space-10); padding-top: var(--sf-space-10); row-gap: var(--sf-space-10); flex-direction: column } .gg-nt[open]~.gg-mn { display: flex }}
@media (max-width:922.98px){html { overflow-x: clip!important } .gg-im { margin-right: 0!important; margin-top: 0!important; margin-bottom: var(--sf-space-24)!important } .gg-im { max-width: 100%!important; margin-left: 0!important; width: auto!important } .gg-pr table,.gg-tblj table { min-width: 0!important; display: block; margin-top: 19px!important; max-width: 100%!important; margin-bottom: 19px!important; width: auto!important; overflow-x: auto } .gg-pr th,.gg-pr td,.gg-tblj th,.gg-tblj td { overflow-wrap: break-word; min-width: 8rem }}
@media (max-width:590.98px){.gg-spnq.gg-spnd { display: flex; flex-direction: column; align-items: center } .gg-spnd .gg-spnqo { text-align: center; align-self: center }}
@media (max-width:537.98px){.gg-spt .gg-spn { padding: var(--sf-space-8) }}
@media (max-width:748.98px){.gg-abt .gg-wrp { gap: 13px; grid-template-columns: minmax(0, 1fr) }}
@media (max-width:609.98px){.gg-lpd { padding: 54px 0 57px 0 } .gg-reg { padding-top: 39px; padding-bottom: 39px }}
@media (max-width:476.98px){.gg-wrp { width: calc(100% - 30px) } .gg-top3 .gg-wrp { column-gap: var(--sf-space-8); row-gap: var(--sf-space-8); min-height: 64px } .gg-mnu a { padding: var(--sf-space-8) var(--sf-space-10) var(--sf-space-8) var(--sf-space-10) } .gg-cpy { padding: 19px }}