.gv-article { position: relative; padding: 18px 24px 30px; background: #080d10; color: #e6e7e8; }
.gv-article--tier-list .gv-article-badges span:first-child { background: #7c3aed; border-color: #9f67f5; }
.gv-article--tier-list .gv-quick-answer { border-left-color: #8b5cf6; }
.gv-article--codes .gv-article-badges span:first-child { background: #078a57; border-color: #14b875; }
.gv-article--codes .gv-quick-answer { border-left-color: #10a66a; }
.gv-article--ranking .gv-article-badges span:first-child { background:#b7791f;border-color:#d69e2e; }
.gv-article--news .gv-article-badges span:first-child { background:#2563eb;border-color:#4f83f1; }
.gv-structured-block{margin:18px 0;padding:18px;border:1px solid #273036;border-radius:10px;background:#0f1518}.gv-structured-block>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.gv-structured-block>header h2{margin:0!important;padding:0!important;border:0!important;background:none!important}.gv-structured-block>header span{color:#96a0a6;font-size:12px}.gv-structured-block>footer{margin-top:15px;padding-top:14px;border-top:1px solid #273036}.gv-structured-block>footer p{margin-bottom:0;color:#aab3b8}.gv-tier-board>div{display:grid;grid-template-columns:48px minmax(140px,.5fr) 1fr;gap:12px;align-items:center;padding:10px;border-bottom:1px solid #222a2f}.gv-tier-board>div>b{display:grid;place-items:center;width:38px;height:38px;border-radius:6px;background:#7c3aed;color:#fff;font-size:18px}.gv-tier-board>div>b[data-tier="A"]{background:#2563eb}.gv-tier-board>div>b[data-tier="B"]{background:#08916a}.gv-tier-board>div>b[data-tier="C"]{background:#b7791f}.gv-tier-board>div>b[data-tier="D"]{background:#a83b3b}.gv-tier-board>div p{margin:0;color:#9fa9ae}.gv-codes-board>div{display:grid;grid-template-columns:minmax(120px,.8fr) 1fr auto auto auto;gap:10px;align-items:center;padding:11px;border-bottom:1px solid #222a2f}.gv-codes-board code{color:#fff;font-size:14px;font-weight:800}.gv-codes-board b{color:#19b979;font-size:11px}.gv-codes-board .is-expired{opacity:.62}.gv-codes-board .is-expired b{color:#dc6262}.gv-codes-board button{padding:7px 10px;border:1px solid #3a454b;border-radius:5px;background:#192126;color:#fff;cursor:pointer}.gv-ranking-board>div{display:grid;grid-template-columns:46px minmax(150px,.6fr) 70px 1fr;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #222a2f}.gv-ranking-board>div>b{color:#ff9a45;font-size:20px}.gv-ranking-board>div>span{font-weight:900;color:#ffb56f}.gv-ranking-board>div p{margin:0;color:#a5afb4}.gv-news-source{display:flex;justify-content:space-between;gap:15px;margin:16px 0;padding:14px 16px;border-left:3px solid #397ee7;background:#101922}.gv-news-source a{color:#78a7ff}@media(max-width:700px){.gv-tier-board>div,.gv-ranking-board>div{grid-template-columns:42px 1fr}.gv-tier-board>div p,.gv-ranking-board>div p{grid-column:1/-1}.gv-codes-board>div{grid-template-columns:1fr auto}.gv-codes-board>div span,.gv-codes-board>div small{grid-column:1/-1}}
.gv-article a { text-decoration: none; }
.gv-reading-progress { position: fixed; z-index: 1300; top: 0; left: 0; width: 100%; height: 3px; background: var(--gv-primary); transform: scaleX(0); transform-origin: left; }
.gv-article-container { width: min(100%, 1600px); margin: 0 auto; display: grid; grid-template-columns: 220px minmax(0, 1fr) 300px; gap: clamp(20px, 1.7vw, 28px); }
.gv-article-breadcrumbs { grid-column: 1 / -1; min-width: 0; display: flex; gap: 9px; overflow: hidden; color: #929aa0; font-size: 10px; white-space: nowrap; text-overflow: ellipsis; }
.gv-article-breadcrumbs strong { overflow: hidden; text-overflow: ellipsis; }
.gv-article-left, .gv-article-right { min-width: 0; }
.gv-article-left { position: sticky; top: 88px; align-self: start; }
.admin-bar .gv-article-left { top: 120px; }
.gv-article-left > section, .gv-article-right > section { padding: 15px; border: 1px solid #1d252a; border-radius: 8px; background: linear-gradient(145deg, #0f1518, #0a0f12); }
.gv-article-left > section + section, .gv-article-right > section + section { margin-top: 13px; }
.gv-article-left h2, .gv-article-right h2, .gv-article-right header h2 { margin: 0 0 12px; font-size: 10px; text-transform: uppercase; }
.gv-article-left h2::before, .gv-article-right h2::before { display: inline-block; width: 2px; height: 12px; margin-right: 6px; background: var(--gv-primary); vertical-align: -2px; content: ''; }
.gv-article-toc { padding: 0 !important; overflow: hidden; }
.gv-article-toc > h2 { min-height: 45px; margin: 0 !important; padding: 0 14px; display: flex; align-items: center; border-bottom: 1px solid #202a30; color: #fff; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.gv-article-toc__scroll { overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #5b6870 #11191d; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; touch-action: pan-y; }
.gv-article-toc.is-scrollable .gv-article-toc__scroll { height: min(60vh, 620px); min-height: 220px; }
.gv-article-toc__scroll:focus-visible { outline: 2px solid var(--gv-primary); outline-offset: -2px; }
.gv-article-toc__scroll::-webkit-scrollbar { width: 8px; }
.gv-article-toc__scroll::-webkit-scrollbar-track { background: #11191d; }
.gv-article-toc__scroll::-webkit-scrollbar-thumb { border: 2px solid #11191d; border-radius: 999px; background: #5b6870; }
.gv-article-toc ol { margin: 0; padding: 12px 18px 15px 33px; color: #9da4aa; font-size: 10px; line-height: 1.5; }
.gv-article-toc li + li { margin-top: 7px; }
.gv-article-toc li.is-h3 { margin-left: 11px; }
.gv-article-toc a { color: #adb3b7; }
.gv-article-toc a:hover { color: #fff; }
.gv-article-toc__hint { margin: 0; padding: 8px 14px; border-top: 1px solid #202a30; background: #10181c; color: #8e9aa1; font-size: 9px; line-height: 1.3; text-align: center; }
.gv-article-toc--mobile { display: none; }
.gv-article-main { min-width: 0; display: flex; flex-direction: column; }
.gv-article-main > .gv-article-content { order: 20; }
.gv-article-main > .gv-article-pagination { order: 30; }
.gv-article-main > .gv-evidence { order: 40; }
.gv-article-main > .gv-related-entity { order: 50; }
.gv-article-main > .gv-article-parent { order: 60; }
.gv-article-main > .gv-article-faq { order: 70; }
.gv-article-main > .gv-reviewer { order: 80; }
.gv-article-main > .gv-article-author { order: 90; }
.gv-article-header { padding: 8px 0 15px; }
.gv-article-badges { display: flex; gap: 7px; }
.gv-article-badges span { padding: 4px 7px; border-radius: 4px; background: #158d5f; color: #fff; font-size: 8px; font-weight: 800; }
.gv-article-badges span + span { background: #8245c7; }
.gv-article-header h1 { margin: 12px 0 8px; color: #fff; font-size: clamp(32px, 3.5vw, 48px); line-height: 1.05; letter-spacing: -.035em; }
.gv-article-header > p { max-width: 710px; margin: 0; color: #c4c8cb; font-size: 12px; line-height: 1.6; }
.gv-article-byline { margin-top: 17px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 17px; color: #aab0b5; font-size: 9px; }
.gv-article-byline img { width: 28px; height: 28px; border-radius: 50%; }
.gv-article-byline a { color: #dce1e4; font-weight: 700; }
.gv-article-featured { height: 315px; margin: 0 0 14px; overflow: hidden; border-radius: 7px; background: radial-gradient(circle at 50% 30%, #6d452d, transparent 22%), linear-gradient(145deg, #202529, #07090a); }
.gv-article-featured img { width: 100%; height: 100%; object-fit: cover; }
.gv-article-featured--placeholder { position: relative; }
.gv-article-featured--placeholder::before { position: absolute; left: 45%; top: 22%; width: 145px; height: 220px; border-radius: 48% 48% 20% 20%; background: linear-gradient(145deg, #292d2e 0 42%, #060809 43%); content: ''; transform: rotate(-8deg); }
.gv-article-featured--placeholder i { position: absolute; left: 31%; top: 28%; width: 270px; height: 9px; background: linear-gradient(90deg, transparent, #d75d2f, transparent); box-shadow: 0 0 16px #d04419; transform: rotate(-37deg); }
.gv-quick-answer { margin-bottom: 15px; padding: 16px 20px; border-left: 4px solid #35a734; border-radius: 7px; background: linear-gradient(90deg, rgba(34,108,35,.2), #11171a 24%); }
.gv-quick-answer strong { color: #56d953; font-size: 10px; text-transform: uppercase; }
.gv-quick-answer p { margin: 8px 0 0; color: #e0e2e3; font-size: 11px; line-height: 1.55; }
.gv-key-takeaways { margin: 0 0 16px; padding: 17px 20px; border: 1px solid #293238; border-radius: 8px; background: linear-gradient(145deg, #11191d, #0c1215); }
.gv-key-takeaways h2 { margin: 0 0 10px; color: #fff; font-size: 15px; }
.gv-key-takeaways ul { margin: 0; padding-left: 21px; color: #d7dcde; font-size: 11px; line-height: 1.6; }
.gv-key-takeaways li + li { margin-top: 6px; }
.gv-key-takeaways li::marker { color: var(--gv-primary); }
.gv-article-toc--mobile { display: none; }
.gv-article-content { font-size: 11px; line-height: 1.62; }
.gv-article-content > * { max-width: 100%; }
.gv-article-content h2, .gv-article-content h3 { scroll-margin-top: 100px; color: #fff; line-height: 1.2; }
.gv-article-content h2 { margin: 22px 0 8px; font-size: 20px; }
.gv-article-content h3 { margin: 19px 0 7px; font-size: 16px; }
.gv-article-content p { margin: 0 0 12px; color: #d1d4d6; }
.gv-article-content a { color: #ff9a45; text-decoration: underline; text-decoration-color: rgba(255,106,0,.72); text-decoration-thickness: 1px; text-underline-offset: 2px; }
.gv-article-content a:visited { color: #ffb36f; }
.gv-article-content a:hover { color: #fff; text-decoration-color: var(--gv-primary); }
.gv-article-content a:focus-visible { outline: 2px solid var(--gv-primary); outline-offset: 3px; border-radius: 2px; }
.gv-article-content img { display: block; width: auto !important; max-width: 100% !important; height: auto !important; max-height: none; margin-inline: auto; border-radius: 7px; object-fit: contain; object-position: center; aspect-ratio: auto !important; }
.gv-article-content video, .gv-article-content iframe { display: block; width: 100%; max-width: 100%; height: auto; border-radius: 7px; }
.gv-article-content iframe { aspect-ratio: 16 / 9; }
.gv-article-content figure, .gv-article-content .wp-block-image, .gv-article-content .wp-block-gallery { width: 100% !important; max-width: 100% !important; margin: 15px 0; }
.gv-article-content figure[class*="align"], .gv-article-content .alignwide, .gv-article-content .alignfull { margin-inline: 0 !important; }
.gv-article-content .wp-block-image a { display: block; max-width: 100%; }
.gv-article-content .wp-block-gallery { align-items: start; }
.gv-article-content .wp-block-gallery img { width: 100% !important; }
.gv-article-content figcaption { margin-top: 5px; color: #8f969c; font-size: 9px; }
.gv-article-content blockquote { margin: 14px 0; padding: 14px 17px; border-left: 3px solid #35a734; border-radius: 6px; background: #11171a; color: #cdd1d3; }
.gv-article-content ul, .gv-article-content ol { padding-left: 23px; }
.gv-article-content li + li { margin-top: 5px; }
.gv-article-content ul li::marker { color: #32bb50; }
.gv-article-content table { width: 100%; border-collapse: collapse; }
.gv-article-content th, .gv-article-content td { padding: 9px; border: 1px solid #293137; text-align: left; }
.gv-article-author { margin-top: 24px; padding: 18px; display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 16px; align-items: center; border: 1px solid #1b252a; border-radius: 8px; background: linear-gradient(145deg,#10171a,#0a0f12); }
.gv-article-author img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; }
.gv-article-author h2 { margin: 0 0 3px; color: #fff; font-size: 15px; }
.gv-article-author a { color: var(--gv-primary); font-weight: 800; }
.gv-article-author p { margin: 5px 0 0; color: #aeb5b9; font-size: 12px; line-height: 1.55; }
.gv-related-entity { margin-top: 24px; padding: 18px; display: grid; grid-template-columns: 130px minmax(0,1fr); gap: 18px; align-items: center; border: 1px solid #2a343a; border-radius: 9px; background: linear-gradient(145deg,#11191d,#0a1013); }
.gv-related-entity__image { height: 105px; overflow: hidden; border-radius: 7px; }
.gv-related-entity__image img { width: 100%; height: 100%; object-fit: cover; }
.gv-related-entity span, .gv-article-parent > span { color: var(--gv-primary); font-size: 9px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.gv-related-entity h2 { margin: 5px 0 7px; color: #fff; font-size: 19px; }
.gv-related-entity p { margin: 0 0 9px; color: #aeb6ba; font-size: 11px; line-height: 1.55; }
.gv-related-entity div > a { color: #fff; font-size: 10px; font-weight: 800; }
.gv-article-parent { margin-top: 18px; padding: 18px 20px; border-left: 3px solid var(--gv-primary); border-radius: 7px; background: #11171a; }
.gv-article-parent h2 { margin: 5px 0 8px; color: #fff; font-size: 17px; }
.gv-article-parent a { color: var(--gv-primary); font-size: 11px; font-weight: 900; }
.gv-article-faq { margin-top: 24px; }
.gv-article-faq > h2 { margin: 0 0 12px; color: #fff; font-size: 21px; }
.gv-article-faq details { border-top: 1px solid #283137; background: #0e1417; }
.gv-article-faq details:last-child { border-bottom: 1px solid #283137; }
.gv-article-faq summary { padding: 14px 16px; color: #f0f2f3; font-size: 12px; font-weight: 800; cursor: pointer; }
.gv-article-faq details p { margin: 0; padding: 0 16px 15px; color: #b9c0c4; font-size: 11px; line-height: 1.6; }
.gv-article-pagination { margin-top: 22px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.gv-article-pagination a { min-height: 82px; padding: 15px; display: flex; flex-direction: column; justify-content: center; border: 1px solid #273137; border-radius: 8px; background: #0e1417; color: #fff; }
.gv-article-pagination a:hover { border-color: var(--gv-primary); }
.gv-article-pagination span { margin-bottom: 6px; color: #929ba0; font-size: 9px; text-transform: uppercase; }
.gv-article-pagination strong { font-size: 12px; line-height: 1.4; }
.gv-article-pagination .is-next { grid-column: 2; text-align: right; }

.gv-article-about > div { display: grid; grid-template-columns: 105px 1fr; gap: 13px; }
.gv-article-game-image { min-height: 105px; border-radius: 5px; background: radial-gradient(circle at 55% 30%, #69422d, transparent 25%), linear-gradient(145deg, #22272a, #080a0b); }
.gv-article-about p { margin: 0; color: #aeb4b8; font-size: 9px; line-height: 1.55; }
.gv-article-about p a { display: block; margin-top: 8px; color: var(--gv-primary); font-weight: 700; }
.gv-article-info dl { margin: 0; }
.gv-article-info dl div { min-height: 27px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 10px; font-size: 9px; }
.gv-article-info dd { margin: 0; }
.gv-article-info a { color: #fff; }
.gv-article-right section > header { display: flex; justify-content: space-between; gap: 12px; }
.gv-article-right section > header a { color: #c3c8cb; font-size: 8px; }
.gv-article-related article, .gv-article-trending article { min-height: 59px; display: grid; align-items: center; gap: 9px; }
.gv-article-related article { grid-template-columns: 78px 1fr; }
.gv-article-trending article { grid-template-columns: 24px 61px 1fr; }
.gv-related-thumb { height: 49px; display: block; border-radius: 5px; background: var(--gv-related, radial-gradient(circle at 60% 30%, #6d321b, transparent 28%), linear-gradient(145deg, #23282b, #080a0b)); background-size: cover; background-position: center; }
.gv-article-related article p, .gv-article-trending article p { margin: 0; min-width: 0; }
.gv-article-related article p > a, .gv-article-trending article p > a { display: -webkit-box; overflow: hidden; color: #fff; font-size: 9px; font-weight: 700; line-height: 1.25; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.gv-article-related time, .gv-article-trending small { display: block; margin-top: 3px; color: #8e969b; font-size: 8px; }
.gv-article-trending article > b { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 4px; background: var(--gv-primary); color: #fff; font-size: 9px; }
.gv-article-tags div { display: flex; flex-wrap: wrap; gap: 7px; }
.gv-article-tags a { padding: 6px 9px; border-radius: 5px; background: #171d21; color: #d6d9db; font-size: 8px; }

body.gv-light .gv-article { background: #edf0f2; color: #171a1d; }

@media (max-width: 1399px) {
  .gv-article-container { grid-template-columns: minmax(0, 1fr) 290px; }
  .gv-article-left { display: none; }
  .gv-article-breadcrumbs { grid-column: 1 / -1; }
  .gv-article-toc--mobile { display: block; margin-bottom: 15px; }
	.gv-article-toc--mobile.is-scrollable .gv-article-toc__scroll { height: min(42vh, 320px); min-height: 245px; }
}
@media (max-width: 1100px) {
  .gv-article-container { grid-template-columns: 1fr; }
  .gv-article-breadcrumbs, .gv-article-main, .gv-article-right { grid-column: 1; }
  .gv-article-right { position: static; max-height: none; padding-right: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; overflow: visible; }
  .gv-article-right > section { margin-top: 0 !important; }
}
@media (max-width: 767px) {
  .gv-article { padding: 14px; }
  .gv-article-container { display: flex; flex-direction: column; gap: 12px; }
  .gv-article-breadcrumbs { order: 0; font-size: 9px; }
  .gv-article-main { order: 1; }
  .gv-article-right { order: 2; display: contents; }
  .gv-article-header { padding-top: 3px; }
  .gv-article-header h1 { max-width: 560px; font-size: 30px; }
  .gv-article-header > p { font-size: 11px; }
  .gv-article-byline { gap: 7px 12px; }
  .gv-article-featured { height: clamp(210px, 52vw, 380px); }
  .gv-quick-answer { padding: 14px; }
	.gv-article-toc--mobile { border-color: #263139; background: #0d1418; }
	.gv-article-toc--mobile > h2 { min-height: 48px; margin: 0; padding: 0 14px; color: #fff; font-size: 16px; line-height: 1.25; text-transform: none; }
	.gv-article-toc--mobile > h2::first-letter { color: var(--gv-primary); }
	.gv-article-toc--mobile.is-scrollable .gv-article-toc__scroll { height: 245px; min-height: 245px; max-height: 245px; }
	.gv-article-toc--mobile ol { margin: 0; padding: 10px; list-style: none; counter-reset: gv-toc-item; }
	.gv-article-toc--mobile li { counter-increment: gv-toc-item; margin: 0 0 5px; }
	.gv-article-toc--mobile li + li { margin-top: 0; }
	.gv-article-toc--mobile li.is-h3 { margin-left: 0; }
	.gv-article-toc--mobile li a { position: relative; min-height: 44px; padding: 10px 34px 10px 13px; display: flex; align-items: center; border: 1px solid #273239; border-radius: 7px; background: #11191d; color: #d7dde1; font-size: 13px; line-height: 1.35; }
	.gv-article-toc--mobile li a::after { position: absolute; right: 13px; top: 50%; color: #8f9ca4; content: '›'; transform: translateY(-50%); }
	.gv-article-toc--mobile .gv-article-toc__hint { padding-block: 7px; font-size: 10px; }
  .gv-related-entity { grid-template-columns: 90px minmax(0,1fr); padding: 14px; gap: 13px; }
  .gv-related-entity__image { height: 90px; }
  .gv-article-pagination { grid-template-columns: 1fr; }
  .gv-article-pagination .is-next { grid-column: 1; }
  .gv-article-content { font-size: 11px; }
	.gv-article-content img { width: auto !important; max-width: 100% !important; height: auto !important; max-height: none !important; }
	.gv-article-content figure, .gv-article-content .wp-block-image, .gv-article-content .wp-block-gallery { overflow: visible; }
  .gv-article-content h2 { padding: 10px 9px 0; margin-top: 12px; border: 1px solid #171e23; border-bottom: 0; border-radius: 7px 7px 0 0; background: #0d1215; }
  .gv-article-content h2 + * { margin-top: 0; padding: 7px 9px 11px; border: 1px solid #171e23; border-top: 0; border-radius: 0 0 7px 7px; background: #0d1215; }
  .gv-article-about, .gv-article-info, .gv-article-related, .gv-article-trending, .gv-article-tags { margin-top: 0 !important; }
  .gv-article-related { order: 3; }
  .gv-article-trending { order: 4; }
  .gv-article-tags { order: 5; }
  .gv-article-related > div { display: grid; grid-template-columns: repeat(4, 180px); gap: 9px; overflow-x: auto; }
  .gv-article-related article { grid-template-columns: 1fr; }
  .gv-article-related .gv-related-thumb { height: 73px; }
  .gv-article-info dl { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 18px; }
}