*,
*::before,
*::after {
border-radius: 0 !important;
} :root { --go-accent-light: #2817f1 !important;
--go-accent-dark: #c7f000 !important;
--go-accent: var(--go-accent-light) !important; --go-bg-primary: #f7f8fb !important;
--go-bg-secondary: #ffffff !important;
--go-bg-tertiary: #f0f1f5 !important;
--go-bg-elevated: #ffffff !important; --go-text-primary: #0a0a0a !important;
--go-text-secondary: #2a2a2a !important;
--go-text-muted: #5a6170 !important;
--go-text-on-accent: #ffffff !important; --go-border-primary: #e2e4ea !important;
--go-border-secondary: #eff0f3 !important;
--go-border-accent: rgba(40, 23, 241, 0.18) !important; --go-shadow-sm: 0 1px 3px rgba(0,0,0,0.04) !important;
--go-shadow-md: 0 2px 8px rgba(0,0,0,0.06) !important; --go-overlay-gradient: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 40%, transparent 100%) !important; --go-font-display: "League Spartan", system-ui, sans-serif !important;
--go-font-text: "Familjen Grotesk", system-ui, sans-serif !important;
--go-font-ui: "Chakra Petch", "Familjen Grotesk", system-ui, sans-serif !important; --go-space-xs: 4px !important;
--go-space-sm: 8px !important;
--go-space-md: 16px !important;
--go-space-lg: 24px !important;
--go-space-xl: 32px !important;
--go-space-2xl: 48px !important;
--go-space-3xl: 64px !important; --go-container-max: 1200px !important;
--go-container-padding: clamp(16px, 3vw, 40px) !important;
--go-content-max: 760px !important;
--go-sidebar-width: 320px !important;
--go-grid-gap: clamp(16px, 2vw, 24px) !important; --go-transition-fast: 0.15s ease !important;
--go-transition-base: 0.2s ease !important;
--go-transition-slow: 0.3s ease !important; --go-official-accent-light: #2817f1 !important;
--go-official-accent-dark: #c7f000 !important;
--go-color-accent: var(--go-accent) !important;
--go-color-bg: var(--go-bg-primary) !important;
--go-color-text: var(--go-text-primary) !important;
--go-color-text-muted: var(--go-text-muted) !important;
--go-color-border: var(--go-border-primary) !important;
} body.newsx-dark-mode,
body.dark-mode,
html.go-root-dark-mode body,
html[data-theme="dark"] body {
--go-accent: var(--go-accent-dark) !important;
--go-bg-primary: #0e0e10 !important;
--go-bg-secondary: #161618 !important;
--go-bg-tertiary: #1c1c20 !important;
--go-bg-elevated: #222226 !important;
--go-text-primary: #f0f0f5 !important;
--go-text-secondary: #d0d0d8 !important;
--go-text-muted: #8a8a98 !important;
--go-text-on-accent: #0a0a0a !important;
--go-border-primary: #2a2a30 !important;
--go-border-secondary: #1e1e24 !important;
--go-border-accent: rgba(199, 240, 0, 0.18) !important;
--go-shadow-sm: 0 1px 3px rgba(0,0,0,0.2) !important;
--go-shadow-md: 0 2px 8px rgba(0,0,0,0.25) !important; --go-official-accent-dark: #c7f000 !important;
--go-color-accent: var(--go-accent) !important;
--go-color-bg: var(--go-bg-primary) !important;
--go-color-text: var(--go-text-primary) !important;
--go-color-text-muted: var(--go-text-muted) !important;
--go-color-border: var(--go-border-primary) !important;
} body {
font-family: var(--go-font-text) !important;
font-size: 16.5px !important;
line-height: 1.6 !important;
color: var(--go-text-primary) !important;
background: var(--go-bg-primary) !important;
-webkit-font-smoothing: antialiased !important;
text-rendering: optimizeLegibility !important;
} h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: var(--go-font-display) !important;
font-weight: 820 !important;
letter-spacing: -0.025em !important;
line-height: 1.12 !important;
color: var(--go-text-primary) !important;
}
h1, .h1 {
font-size: clamp(2.2rem, 4vw, 3.8rem) !important;
}
h2, .h2 {
font-size: clamp(1.6rem, 2.5vw, 2.4rem) !important;
}
h3, .h3 {
font-size: clamp(1.2rem, 1.8vw, 1.6rem) !important;
}
h4, .h4 {
font-size: clamp(1.05rem, 1.4vw, 1.25rem) !important;
}
h5, .h5 {
font-size: clamp(0.95rem, 1.1vw, 1.1rem) !important;
}
h6, .h6 {
font-size: clamp(0.85rem, 1vw, 0.95rem) !important;
} a {
color: var(--go-accent) !important;
text-decoration: none !important;
transition: color var(--go-transition-fast) !important;
} .entry-content p,
.go-article__content p {
font-size: clamp(1.02rem, 0.5vw + 0.9rem, 1.12rem) !important;
line-height: 1.72 !important;
margin-bottom: 1.5em !important;
} .go-ds-card-cat,
.go-ds-card-meta,
.go-portal-card__kicker,
.go-article__eyebrow,
.go-ds-see-more,
.go-portal-tabs__item,
.go-shell-footer-section-label,
.go-article__tags a,
.breadcrumb,
.breadcrumbs,
.go-breadcrumb {
font-family: var(--go-font-ui) !important;
font-size: 0.75rem !important;
font-weight: 700 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
} .go-ds-wrap,
.go-portal-shell,
.go-shell-wrap,
.go-layout-shell {
width: min(var(--go-container-max), calc(100vw - var(--go-container-padding) * 2)) !important;
margin-inline: auto !important;
} .go-v24-header,
#site-header {
background: var(--go-bg-secondary) !important;
border-bottom: 1px solid var(--go-border-primary) !important;
} body:not(.newsx-dark-mode):not(.dark-mode) .go-v24-header,
body:not(.newsx-dark-mode):not(.dark-mode) #site-header {
background: #ffffff !important;
border-bottom-color: #e2e4ea !important;
} body.newsx-dark-mode .go-v24-header,
body.newsx-dark-mode #site-header,
body.dark-mode .go-v24-header,
body.dark-mode #site-header,
html.go-root-dark-mode body .go-v24-header,
html.go-root-dark-mode body #site-header,
html[data-theme="dark"] body .go-v24-header,
html[data-theme="dark"] body #site-header {
background: #0a0b10 !important;
border-bottom-color: var(--go-border-primary) !important;
} .go-v24-header::before,
.go-v24-header::after,
#site-header::before,
#site-header::after {
background: transparent !important;
border-color: transparent !important;
}
.go-v24-header-inner {
max-width: var(--go-container-max) !important;
gap: var(--go-space-lg) !important;
} .go-v24-main-nav a {
font-family: var(--go-font-ui) !important;
font-size: 0.78rem !important;
font-weight: 700 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
color: var(--go-text-secondary) !important;
transition: color var(--go-transition-fast) !important;
}
.go-v24-main-nav a:hover {
color: var(--go-accent) !important;
} .go-v24-header-search {
background: var(--go-bg-tertiary) !important;
border: 1px solid var(--go-border-primary) !important;
border-radius: 0 !important;
}
.go-v24-header-search input {
background: transparent !important;
border: none !important;
color: var(--go-text-primary) !important;
font-family: var(--go-font-text) !important;
}  .go-ds-home,
main.go-ds-home {
background: var(--go-bg-primary) !important;
} .go-ds-home > .go-ds-wrap > section,
.go-ds-home > .go-ds-wrap > div {
margin-bottom: clamp(40px, 5vw, 64px) !important;
} .go-ds-hero {
gap: 16px !important;
margin-bottom: clamp(32px, 4vw, 48px) !important;
}
.go-ds-hero-card,
.go-ds-hero-card--main,
.go-ds-hero-card--small {
position: relative !important;
overflow: hidden !important;
}
.go-ds-hero-card--main {
min-height: clamp(340px, 32vw, 500px) !important;
} .go-ds-hero img {
object-fit: cover !important;
width: 100% !important;
height: 100% !important;
transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}
.go-ds-hero-card:hover img,
.go-ds-hero-card--main:hover img,
.go-ds-hero-card--small:hover img {
transform: scale(1.04) !important;
} .go-ds-hero-shade {
background: linear-gradient(
180deg,
transparent 20%,
rgba(0, 0, 0, 0.15) 40%,
rgba(0, 0, 0, 0.75) 80%,
rgba(0, 0, 0, 0.92)
) !important;
} .go-ds-hero-copy {
color: #ffffff !important;
}
.go-ds-hero-copy .go-ds-card-title,
.go-ds-hero-copy .go-ds-hero-title {
font-family: var(--go-font-display) !important;
font-weight: 870 !important;
line-height: 1.06 !important;
letter-spacing: -0.03em !important;
color: #ffffff !important;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}
.go-ds-hero-card--main .go-ds-card-title,
.go-ds-hero-card--main .go-ds-hero-title {
font-size: clamp(1.6rem, 3.2vw, 2.8rem) !important;
}
.go-ds-hero-card--small .go-ds-card-title,
.go-ds-hero-card--small .go-ds-hero-title {
font-size: clamp(0.92rem, 1.3vw, 1.25rem) !important;
} .go-ds-hero-cat,
.go-ds-hero-copy .go-ds-card-cat {
font-family: var(--go-font-ui) !important;
font-size: 0.68rem !important;
font-weight: 800 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
color: var(--go-accent-dark) !important;
background: rgba(0, 0, 0, 0.6) !important;
padding: 3px 8px !important;
display: inline-block !important;
margin-bottom: 8px !important;
backdrop-filter: blur(4px) !important;
} .go-ds-hero-copy .go-ds-card-meta {
color: rgba(255, 255, 255, 0.7) !important;
font-size: 0.7rem !important;
} .go-ds-latest-strip {
border-top: 3px solid var(--go-accent) !important;
border-bottom: 1px solid var(--go-border-primary) !important;
margin-bottom: clamp(32px, 4vw, 48px) !important;
}
.go-ds-latest-strip-label {
font-family: var(--go-font-ui) !important;
font-size: 0.7rem !important;
font-weight: 900 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
color: var(--go-accent) !important;
} .go-ds-section-head {
display: flex !important;
align-items: baseline !important;
justify-content: space-between !important;
border-bottom: none !important;
padding-bottom: 0 !important;
margin-bottom: clamp(20px, 2.5vw, 32px) !important;
position: relative !important;
} .go-ds-section-head::before {
content: "" !important;
position: absolute !important;
top: -12px !important;
left: 0 !important;
width: 48px !important;
height: 3px !important;
background: var(--go-accent) !important;
}
.go-ds-section-title {
font-family: var(--go-font-display) !important;
font-size: clamp(1.35rem, 1.6vw, 1.9rem) !important;
font-weight: 880 !important;
letter-spacing: -0.02em !important;
text-transform: none !important;
color: var(--go-text-primary) !important;
line-height: 1.1 !important;
} .go-ds-see-more {
font-family: var(--go-font-ui) !important;
font-size: 0.72rem !important;
font-weight: 700 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
color: var(--go-accent) !important;
transition: opacity var(--go-transition-fast) !important;
}
.go-ds-see-more:hover {
opacity: 0.75 !important;
} .go-ds-anchor {
margin-bottom: clamp(32px, 4vw, 48px) !important;
}
.go-ds-anchor-card {
position: relative !important;
overflow: hidden !important;
}
.go-ds-anchor-card img {
transition: transform 0.4s ease, filter 0.4s ease !important;
}
.go-ds-anchor-card:hover img {
transform: scale(1.06) !important;
filter: brightness(0.8) !important;
} .go-ds-anchor-label {
font-family: var(--go-font-ui) !important;
font-size: 0.68rem !important;
font-weight: 800 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
} .go-ds-card {
background: transparent !important;
border: none !important;
border-bottom: 1px solid var(--go-border-secondary) !important;
padding-bottom: var(--go-space-md) !important;
transition: border-color var(--go-transition-base) !important;
}
.go-ds-card:hover {
border-color: var(--go-accent) !important;
transform: none !important;
} .go-ds-card-media {
overflow: hidden !important;
position: relative !important;
} .go-ds-card-img {
object-fit: cover !important;
width: 100% !important;
transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}
.go-ds-card:hover .go-ds-card-img {
transform: scale(1.03) !important;
} .go-ds-card-body {
padding-top: var(--go-space-sm) !important;
} .go-ds-card-title {
font-family: var(--go-font-display) !important;
font-weight: 800 !important;
line-height: 1.15 !important;
letter-spacing: -0.015em !important;
color: var(--go-text-primary) !important;
}
.go-ds-card-title a {
color: inherit !important;
text-decoration: none !important;
}
.go-ds-card-title a:hover {
text-decoration: underline !important;
text-decoration-thickness: 2px !important;
text-underline-offset: 3px !important;
text-decoration-color: var(--go-accent) !important;
} .go-ds-card--feature .go-ds-card-title,
.go-ds-card--feature-list .go-ds-card-title,
.go-ds-card--wide .go-ds-card-title {
font-size: clamp(1.2rem, 1.7vw, 1.65rem) !important;
font-weight: 840 !important;
} .go-ds-card--standard .go-ds-card-title {
font-size: clamp(0.95rem, 1.1vw, 1.2rem) !important;
} .go-ds-card--mini .go-ds-card-title,
.go-ds-card--list .go-ds-card-title {
font-size: clamp(0.88rem, 0.95vw, 1.05rem) !important;
font-weight: 760 !important;
} .go-ds-card--latest .go-ds-card-title {
font-size: clamp(1.15rem, 1.5vw, 1.5rem) !important;
font-weight: 820 !important;
}
.go-ds-card--latest {
border-bottom: 1px solid var(--go-border-primary) !important;
padding-bottom: var(--go-space-lg) !important;
margin-bottom: 0 !important;
} .go-ds-card-meta {
font-family: var(--go-font-ui) !important;
font-size: 0.7rem !important;
font-weight: 600 !important;
letter-spacing: 0.03em !important;
color: var(--go-text-muted) !important;
margin-top: 6px !important;
} .go-ds-card-excerpt {
font-family: var(--go-font-text) !important;
font-size: 0.88rem !important;
line-height: 1.5 !important;
color: var(--go-text-muted) !important;
margin-top: 6px !important;
} .go-ds-card-cat {
font-family: var(--go-font-ui) !important;
font-size: 0.65rem !important;
font-weight: 800 !important;
letter-spacing: 0.07em !important;
text-transform: uppercase !important;
color: var(--go-accent) !important;
margin-bottom: 4px !important;
display: inline-block !important;
} .go-ds-duo {
gap: clamp(24px, 3vw, 40px) !important;
} .go-ds-panel .go-ds-section-head,
.go-ds-duo .go-ds-section-head {
margin-bottom: clamp(16px, 2vw, 24px) !important;
} .go-ds-duo > *:first-child {
border-right: 1px solid var(--go-border-secondary) !important;
padding-right: clamp(12px, 1.5vw, 20px) !important;
} .go-ds-section--games .go-ds-card--wide .go-ds-card-title {
font-size: clamp(1.1rem, 1.4vw, 1.45rem) !important;
} .go-ds-carousel {
position: relative !important;
}
.go-ds-carousel-track {
scroll-snap-type: x mandatory !important;
-webkit-overflow-scrolling: touch !important;
}
.go-ds-carousel-btn--prev,
.go-ds-carousel-btn--next {
width: 40px !important;
height: 40px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: var(--go-bg-primary) !important;
border: 1px solid var(--go-border-primary) !important;
color: var(--go-text-primary) !important;
transition: border-color var(--go-transition-fast), color var(--go-transition-fast), background var(--go-transition-fast) !important;
}
.go-ds-carousel-btn--prev:hover,
.go-ds-carousel-btn--next:hover {
border-color: var(--go-accent) !important;
color: var(--go-accent) !important;
background: var(--go-bg-secondary) !important;
} .go-ds-content-band {
gap: clamp(24px, 3vw, 40px) !important;
border-top: 1px solid var(--go-border-primary) !important;
padding-top: clamp(24px, 3vw, 40px) !important;
} .go-ds-side-rail,
.go-ds-rightbar {
padding: 0 !important;
} .go-ds-rail-box {
background: transparent !important;
border: none !important;
margin-bottom: var(--go-space-xl) !important;
}
.go-ds-rail-box .go-ds-section-head {
margin-bottom: var(--go-space-md) !important;
} .go-ds-ranking {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
counter-reset: rank !important;
}
.go-ds-ranking li,
.go-ds-ranking-item {
border-bottom: 1px solid var(--go-border-secondary) !important;
padding: var(--go-space-sm) 0 !important;
}
.go-ds-ranking-number {
font-family: var(--go-font-display) !important;
font-weight: 900 !important;
color: var(--go-accent) !important;
font-size: 0.85rem !important;
}
.go-ds-ranking-title {
font-family: var(--go-font-display) !important;
font-weight: 760 !important;
font-size: 0.9rem !important;
line-height: 1.25 !important;
}
.go-ds-ranking-title a {
color: var(--go-text-primary) !important;
}
.go-ds-ranking-title a:hover {
text-decoration: underline !important;
text-decoration-color: var(--go-accent) !important;
text-decoration-thickness: 2px !important;
text-underline-offset: 2px !important;
} .go-ds-latest-feed {
border-top: 1px solid var(--go-border-primary) !important;
padding-top: var(--go-space-lg) !important;
}
.go-ds-latest-list {
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
} .go-ds-load-more,
.go-portal-load-more__button,
button[data-go-ds-load-more],
button[data-go-portal-load-more] {
appearance: none !important;
background: transparent !important;
border: 1px solid var(--go-border-accent) !important;
color: var(--go-accent) !important;
font-family: var(--go-font-ui) !important;
font-size: 0.72rem !important;
font-weight: 800 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
padding: 13px 36px !important;
min-height: 46px !important;
cursor: pointer !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
transition: background var(--go-transition-fast), color var(--go-transition-fast), border-color var(--go-transition-fast), transform var(--go-transition-fast) !important;
} body:not(.newsx-dark-mode):not(.dark-mode) .go-ds-load-more:hover,
body:not(.newsx-dark-mode):not(.dark-mode) .go-portal-load-more__button:hover,
body:not(.newsx-dark-mode):not(.dark-mode) button[data-go-ds-load-more]:hover,
body:not(.newsx-dark-mode):not(.dark-mode) button[data-go-portal-load-more]:hover {
background: rgba(40, 23, 241, 0.06) !important;
border-color: rgba(40, 23, 241, 0.4) !important;
transform: translateY(-1px) !important;
} body.newsx-dark-mode .go-ds-load-more:hover,
body.newsx-dark-mode .go-portal-load-more__button:hover,
body.newsx-dark-mode button[data-go-ds-load-more]:hover,
body.newsx-dark-mode button[data-go-portal-load-more]:hover,
body.dark-mode .go-ds-load-more:hover,
body.dark-mode .go-portal-load-more__button:hover,
body.dark-mode button[data-go-ds-load-more]:hover,
body.dark-mode button[data-go-portal-load-more]:hover,
html.go-root-dark-mode body .go-ds-load-more:hover,
html.go-root-dark-mode body .go-portal-load-more__button:hover,
html.go-root-dark-mode body button[data-go-ds-load-more]:hover,
html.go-root-dark-mode body button[data-go-portal-load-more]:hover,
html[data-theme="dark"] body .go-ds-load-more:hover,
html[data-theme="dark"] body .go-portal-load-more__button:hover,
html[data-theme="dark"] body button[data-go-ds-load-more]:hover,
html[data-theme="dark"] body button[data-go-portal-load-more]:hover {
background: rgba(199, 240, 0, 0.06) !important;
border-color: rgba(199, 240, 0, 0.4) !important;
transform: translateY(-1px) !important;
} .go-ds-ad {
margin: clamp(24px, 3vw, 40px) auto !important;
text-align: center !important;
background: transparent !important;
}  .go-portal-page {
background: var(--go-bg-primary) !important;
} .go-portal-page section,
.go-portal-page .go-portal-shell {
background: transparent !important;
} .go-portal-hero {
padding: clamp(40px, 6vw, 80px) 0 clamp(24px, 3vw, 40px) !important;
text-align: left !important;
border-bottom: 3px solid var(--go-accent) !important;
margin-bottom: clamp(24px, 3vw, 40px) !important;
}
.go-portal-hero__intro {
max-width: 860px !important;
}
.go-portal-hero__kicker,
.go-portal-hero .go-portal-kicker {
font-family: var(--go-font-ui) !important;
font-size: 0.72rem !important;
font-weight: 800 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
color: var(--go-accent) !important;
margin-bottom: var(--go-space-sm) !important;
display: block !important;
}
.go-portal-hero h1 {
font-family: var(--go-font-display) !important;
font-size: clamp(2.4rem, 5.5vw, 5rem) !important;
font-weight: 880 !important;
letter-spacing: -0.04em !important;
line-height: 0.95 !important;
color: var(--go-text-primary) !important;
margin-bottom: var(--go-space-md) !important;
}
.go-portal-hero p {
font-family: var(--go-font-text) !important;
color: var(--go-text-muted) !important;
max-width: 680px !important;
font-size: clamp(0.95rem, 1.15vw, 1.1rem) !important;
line-height: 1.5 !important;
} .go-portal-tabs {
display: flex !important;
border-bottom: 1px solid var(--go-border-primary) !important;
gap: 0 !important;
margin-bottom: clamp(24px, 3vw, 40px) !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
}
.go-portal-tabs::-webkit-scrollbar {
display: none !important;
}
.go-portal-tabs__item {
font-family: var(--go-font-ui) !important;
font-size: 0.75rem !important;
font-weight: 700 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
padding: 12px 18px !important;
border-bottom: 2px solid transparent !important;
color: var(--go-text-muted) !important;
white-space: nowrap !important;
transition: color var(--go-transition-fast), border-color var(--go-transition-fast) !important;
margin-bottom: -1px !important;
background: transparent !important;
}
.go-portal-tabs__item.is-active {
color: var(--go-accent) !important;
border-bottom-color: var(--go-accent) !important;
}
.go-portal-tabs__item:hover {
color: var(--go-text-primary) !important;
} .go-portal-featured {
margin-bottom: clamp(32px, 4vw, 56px) !important;
}
.go-portal-featured__grid {
gap: clamp(20px, 2.5vw, 32px) !important;
} .go-portal-card.is-lead {
position: relative !important;
overflow: hidden !important;
}
.go-portal-card.is-lead .go-portal-card__media {
overflow: hidden !important;
}
.go-portal-card.is-lead .go-portal-card__media img {
transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}
.go-portal-card.is-lead:hover .go-portal-card__media img {
transform: scale(1.03) !important;
}
.go-portal-card.is-lead .go-portal-card__title {
font-size: clamp(1.5rem, 2.8vw, 2.6rem) !important;
font-weight: 850 !important;
letter-spacing: -0.02em !important;
line-height: 1.08 !important;
} .go-portal-card.is-compact {
border-bottom: 1px solid var(--go-border-secondary) !important;
padding-bottom: var(--go-space-md) !important;
}
.go-portal-card.is-compact .go-portal-card__title {
font-size: clamp(0.9rem, 1.05vw, 1.1rem) !important;
font-weight: 760 !important;
line-height: 1.25 !important;
} .go-portal-card {
overflow: hidden !important;
background: transparent !important;
transition: transform var(--go-transition-base) !important;
}
.go-portal-card__media {
overflow: hidden !important;
position: relative !important;
}
.go-portal-card__media img {
object-fit: cover !important;
width: 100% !important;
transition: transform 0.4s ease !important;
}
.go-portal-card:hover .go-portal-card__media img {
transform: scale(1.03) !important;
}
.go-portal-card__body {
padding-top: var(--go-space-sm) !important;
}
.go-portal-card__kicker {
font-family: var(--go-font-ui) !important;
font-size: 0.68rem !important;
font-weight: 800 !important;
letter-spacing: 0.07em !important;
text-transform: uppercase !important;
color: var(--go-accent) !important;
margin-bottom: 4px !important;
display: inline-block !important;
}
.go-portal-card__title {
font-family: var(--go-font-display) !important;
font-weight: 800 !important;
line-height: 1.18 !important;
letter-spacing: -0.015em !important;
font-size: clamp(1.05rem, 1.3vw, 1.35rem) !important;
color: var(--go-text-primary) !important;
}
.go-portal-card__title a {
color: inherit !important;
text-decoration: none !important;
}
.go-portal-card__title a:hover {
text-decoration: underline !important;
text-decoration-thickness: 2px !important;
text-underline-offset: 3px !important;
text-decoration-color: var(--go-accent) !important;
}
.go-portal-card__excerpt {
font-family: var(--go-font-text) !important;
color: var(--go-text-muted) !important;
font-size: 0.88rem !important;
line-height: 1.5 !important;
margin-top: 6px !important;
}
.go-portal-card__meta {
font-family: var(--go-font-ui) !important;
font-size: 0.68rem !important;
font-weight: 600 !important;
letter-spacing: 0.03em !important;
color: var(--go-text-muted) !important;
margin-top: 8px !important;
} .go-portal-card__score {
font-family: var(--go-font-display) !important;
font-weight: 900 !important;
background: rgba(10, 12, 16, 0.82) !important;
color: #ffffff !important;
border: 2px solid var(--go-accent) !important;
min-width: 48px !important;
min-height: 48px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
} .go-portal-feed {
margin-bottom: clamp(32px, 4vw, 56px) !important;
}
.go-portal-feed__grid {
gap: clamp(20px, 2.5vw, 36px) clamp(18px, 2vw, 28px) !important;
} .go-portal-section-head {
display: flex !important;
align-items: baseline !important;
justify-content: space-between !important;
border-bottom: none !important;
padding-bottom: 0 !important;
margin-bottom: clamp(20px, 2.5vw, 32px) !important;
position: relative !important;
}
.go-portal-section-head::before {
content: "" !important;
position: absolute !important;
top: -12px !important;
left: 0 !important;
width: 48px !important;
height: 3px !important;
background: var(--go-accent) !important;
}
.go-portal-section-head h2 {
font-family: var(--go-font-display) !important;
font-size: clamp(1.35rem, 1.6vw, 1.9rem) !important;
font-weight: 880 !important;
letter-spacing: -0.02em !important;
line-height: 1.1 !important;
color: var(--go-text-primary) !important;
} .go-portal-feed + .go-portal-section-head,
.go-portal-featured + .go-portal-section-head {
border-top: 1px solid var(--go-border-primary) !important;
padding-top: clamp(24px, 3vw, 40px) !important;
margin-top: clamp(8px, 1vw, 16px) !important;
} .go-portal-game-strip {
gap: var(--go-space-md) !important;
margin-bottom: var(--go-space-xl) !important;
}
.go-portal-game-tile {
overflow: hidden !important;
position: relative !important;
}
.go-portal-game-tile img {
transition: transform 0.4s ease !important;
}
.go-portal-game-tile:hover img {
transform: scale(1.04) !important;
}
.go-portal-agenda-card {
border-bottom: 1px solid var(--go-border-secondary) !important;
padding: var(--go-space-md) 0 !important;
} .go-promo-clean-card {
background: transparent !important;
border-bottom: 1px solid var(--go-border-secondary) !important;
padding-bottom: var(--go-space-md) !important;
}
.go-promo-clean-card__body {
padding-top: var(--go-space-sm) !important;
}
.go-promo-clean-card__button {
font-family: var(--go-font-ui) !important;
font-size: 0.72rem !important;
font-weight: 800 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
color: var(--go-accent) !important;
border: 1px solid var(--go-border-accent) !important;
padding: 8px 20px !important;
transition: background var(--go-transition-fast), border-color var(--go-transition-fast) !important;
}
.go-promo-clean-card__button:hover {
background: rgba(var(--go-accent), 0.06) !important;
border-color: var(--go-accent) !important;
}  .go-article__eyebrow {
font-family: var(--go-font-ui) !important;
font-size: 0.75rem !important;
font-weight: 800 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
color: var(--go-accent) !important;
margin-bottom: var(--go-space-sm) !important;
} .go-article__title {
font-family: var(--go-font-display) !important;
font-size: clamp(2rem, 3.8vw, 3.5rem) !important;
font-weight: 850 !important;
letter-spacing: -0.025em !important;
line-height: 1.08 !important;
color: var(--go-text-primary) !important;
margin-bottom: var(--go-space-md) !important;
} .go-article__deck {
font-size: clamp(1.05rem, 1.3vw, 1.25rem) !important;
color: var(--go-text-muted) !important;
line-height: 1.45 !important;
max-width: 680px !important;
margin-bottom: var(--go-space-lg) !important;
} .go-article__meta-row {
display: flex !important;
align-items: center !important;
gap: var(--go-space-md) !important;
padding: var(--go-space-md) 0 !important;
border-top: 1px solid var(--go-border-primary) !important;
border-bottom: 1px solid var(--go-border-primary) !important;
margin-bottom: var(--go-space-lg) !important;
} .go-article__meta-row a,
.go-article__meta-row span,
.go-article__author,
.go-article__date {
font-family: var(--go-font-ui) !important;
font-size: 0.82rem !important;
} .go-article__cover,
.go-article__hero-visual {
width: 100% !important;
margin-bottom: var(--go-space-xl) !important;
}
.go-article__cover-image,
.go-editorial-cover__image {
width: 100% !important;
height: auto !important;
object-fit: cover !important;
display: block !important;
border-radius: 0 !important;
} .go-article__grid {
display: grid !important;
grid-template-columns: minmax(0, var(--go-content-max)) minmax(0, var(--go-sidebar-width)) !important;
gap: 40px !important;
} .go-article__content {
font-family: var(--go-font-text) !important;
font-size: clamp(1.02rem, 0.5vw + 0.9rem, 1.12rem) !important;
line-height: 1.72 !important;
color: var(--go-text-secondary) !important;
}
.go-article__content h2,
.go-article__content h3,
.go-article__content h4 {
font-family: var(--go-font-display) !important;
color: var(--go-text-primary) !important;
margin-top: 2em !important;
margin-bottom: 0.8em !important;
}
.go-article__content blockquote {
border-left: 3px solid var(--go-accent) !important;
padding-left: var(--go-space-lg) !important;
margin: 1.5em 0 !important;
font-style: italic !important;
color: var(--go-text-muted) !important;
} .go-article__sidebar {
position: sticky !important;
top: 80px !important;
} .go-article__side-card {
background: var(--go-bg-tertiary) !important;
padding: var(--go-space-lg) !important;
margin-bottom: var(--go-space-lg) !important;
border: 1px solid var(--go-border-secondary) !important;
border-radius: 0 !important;
}
.go-article__side-card h3,
.go-article__side-card-title {
font-family: var(--go-font-display) !important;
font-size: 1.1rem !important;
font-weight: 800 !important;
margin-bottom: var(--go-space-md) !important;
padding-bottom: var(--go-space-sm) !important;
border-bottom: 2px solid var(--go-accent) !important;
} .go-article__side-story {
padding: var(--go-space-md) 0 !important;
border-bottom: 1px solid var(--go-border-secondary) !important;
}
.go-article__side-story a {
color: var(--go-text-primary) !important;
}
.go-article__side-story a:hover {
color: var(--go-accent) !important;
} .go-article__tags {
display: flex !important;
flex-wrap: wrap !important;
gap: var(--go-space-sm) !important;
}
.go-article__tags a {
font-family: var(--go-font-ui) !important;
font-size: 0.72rem !important;
font-weight: 700 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
padding: 4px 10px !important;
border: 1px solid var(--go-border-primary) !important;
color: var(--go-text-muted) !important;
transition: border-color var(--go-transition-fast), color var(--go-transition-fast) !important;
border-radius: 0 !important;
}
.go-article__tags a:hover {
border-color: var(--go-accent) !important;
color: var(--go-accent) !important;
}  .go-article__side-score,
.go-portal-card__score {
font-family: var(--go-font-display) !important;
font-weight: 900 !important;
border-radius: 0 !important;
} .is-score-excellent,
.go-article__side-score--excellent {
background: #00c853 !important;
color: #fff !important;
} .is-score-great,
.go-article__side-score--great {
background: #64dd17 !important;
color: #0a0a0a !important;
} .is-score-good,
.go-article__side-score--good {
background: #ffd600 !important;
color: #0a0a0a !important;
} .is-score-mid,
.go-article__side-score--mid {
background: #ff9100 !important;
color: #0a0a0a !important;
} .is-score-low,
.go-article__side-score--low {
background: #ff1744 !important;
color: #fff !important;
} .go-article__verdict {
border: 1px solid var(--go-border-primary) !important;
padding: var(--go-space-lg) !important;
margin: var(--go-space-xl) 0 !important;
border-radius: 0 !important;
}
.go-article__verdict-title {
font-family: var(--go-font-display) !important;
font-weight: 850 !important;
margin-bottom: var(--go-space-md) !important;
} .go-article__pros {
border-left: 3px solid #00c853 !important;
padding-left: var(--go-space-md) !important;
margin-bottom: var(--go-space-md) !important;
}
.go-article__pros-title {
font-family: var(--go-font-ui) !important;
font-size: 0.75rem !important;
font-weight: 800 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
color: #00c853 !important;
margin-bottom: var(--go-space-sm) !important;
} .go-article__cons {
border-left: 3px solid #ff1744 !important;
padding-left: var(--go-space-md) !important;
margin-bottom: var(--go-space-md) !important;
}
.go-article__cons-title {
font-family: var(--go-font-ui) !important;
font-size: 0.75rem !important;
font-weight: 800 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
color: #ff1744 !important;
margin-bottom: var(--go-space-sm) !important;
}
.go-article__pros li,
.go-article__cons li {
font-size: 0.92rem !important;
line-height: 1.5 !important;
margin-bottom: var(--go-space-xs) !important;
color: var(--go-text-secondary) !important;
} .go-shell-footer,
#site-footer {
background: var(--go-bg-secondary) !important;
border-top: 1px solid var(--go-border-primary) !important;
color: var(--go-text-secondary) !important;
} body.newsx-dark-mode .go-shell-footer,
body.newsx-dark-mode #site-footer,
body.dark-mode .go-shell-footer,
body.dark-mode #site-footer,
html.go-root-dark-mode body .go-shell-footer,
html.go-root-dark-mode body #site-footer,
html[data-theme="dark"] body .go-shell-footer,
html[data-theme="dark"] body #site-footer {
background: #0e0f12 !important;
}
.go-shell-footer-main {
padding: var(--go-space-2xl) 0 var(--go-space-xl) !important;
}
.go-shell-footer-brand {
margin-bottom: var(--go-space-lg) !important;
}
.go-shell-footer-grid {
gap: var(--go-space-lg) !important;
}
.go-shell-footer-section-label {
font-family: var(--go-font-ui) !important;
font-size: 0.72rem !important;
font-weight: 800 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
color: var(--go-text-muted) !important;
margin-bottom: var(--go-space-md) !important;
}
.go-shell-footer a {
font-size: 0.85rem !important;
color: var(--go-text-muted) !important;
}
.go-shell-footer a:hover {
color: var(--go-accent) !important;
}
.go-shell-footer-social-link {
border: 1px solid var(--go-border-primary) !important;
border-radius: 0 !important;
transition: border-color var(--go-transition-fast), color var(--go-transition-fast), transform var(--go-transition-fast) !important;
}
.go-shell-footer-social-link:hover {
border-color: var(--go-accent) !important;
color: var(--go-accent) !important;
transform: translateY(-2px) !important;
}
.go-shell-footer-bottom {
border-top: 1px solid var(--go-border-primary) !important;
padding-top: var(--go-space-lg) !important;
font-size: 0.78rem !important;
color: var(--go-text-muted) !important;
} .go-v24-drawer,
.go-offcanvas,
.newsx-offcanvas {
background: var(--go-bg-secondary) !important;
} body.newsx-dark-mode .go-v24-drawer,
body.newsx-dark-mode .go-offcanvas,
body.newsx-dark-mode .newsx-offcanvas,
body.dark-mode .go-v24-drawer,
body.dark-mode .go-offcanvas,
body.dark-mode .newsx-offcanvas,
html.go-root-dark-mode body .go-v24-drawer,
html.go-root-dark-mode body .go-offcanvas,
html.go-root-dark-mode body .newsx-offcanvas,
html[data-theme="dark"] body .go-v24-drawer,
html[data-theme="dark"] body .go-offcanvas,
html[data-theme="dark"] body .newsx-offcanvas {
background: #0a0b10 !important;
} .go-v24-drawer a,
.go-offcanvas a,
.newsx-offcanvas a,
.go-v24-drawer .menu-item a,
.go-offcanvas .menu-item a,
.newsx-offcanvas .menu-item a {
font-family: var(--go-font-display) !important;
font-size: clamp(0.95rem, 1.2vw, 1.1rem) !important;
font-weight: 760 !important;
padding: 14px var(--go-space-lg) !important;
border-bottom: 1px solid var(--go-border-secondary) !important;
color: var(--go-text-primary) !important;
}
.go-v24-drawer a:hover,
.go-offcanvas a:hover,
.newsx-offcanvas a:hover,
.go-v24-drawer .menu-item a:hover,
.go-offcanvas .menu-item a:hover,
.newsx-offcanvas .menu-item a:hover {
color: var(--go-accent) !important;
} .go-v24-drawer-close,
.go-offcanvas-close,
.newsx-offcanvas-close {
color: var(--go-text-primary) !important;
border-radius: 0 !important;
}
.go-v24-drawer-close:hover,
.go-offcanvas-close:hover,
.newsx-offcanvas-close:hover {
color: var(--go-accent) !important;
} button,
.btn,
.button,
input[type="submit"],
input[type="button"] {
font-family: var(--go-font-ui) !important;
border-radius: 0 !important;
cursor: pointer !important;
transition: all var(--go-transition-fast) !important;
} :focus-visible {
outline: 2px solid var(--go-accent) !important;
outline-offset: 2px !important;
} ::selection {
background: var(--go-accent) !important;
color: var(--go-text-on-accent) !important;
} body.newsx-dark-mode ::selection,
body.dark-mode ::selection,
html.go-root-dark-mode body ::selection,
html[data-theme="dark"] body ::selection {
background: var(--go-accent-dark) !important;
color: #0a0a0a !important;
} .go-ds-card img,
.go-ds-card-img,
.go-portal-card img,
.go-portal-card__image,
.go-article__cover-image,
.go-editorial-cover__image,
.go-article__side-card img,
.go-article__related img,
.go-ds-hero img,
.go-portal-hero img,
img.wp-post-image {
border-radius: 0 !important;
} .go-ds-card,
.go-portal-card,
.go-article__side-card,
.go-ds-hero-card,
.go-ds-hero-card--main {
border-radius: 0 !important;
} @media (max-width: 1100px) { .go-article__grid {
grid-template-columns: 1fr !important;
}
.go-article__sidebar {
position: static !important;
top: auto !important;
width: 100% !important;
}
.go-article__title {
font-size: clamp(1.8rem, 3.5vw, 2.8rem) !important;
} .go-ds-wrap,
.go-portal-shell,
.go-shell-wrap,
.go-layout-shell {
width: min(var(--go-container-max), calc(100vw - var(--go-space-lg) * 2)) !important;
} .go-ds-hero-card--main {
min-height: clamp(250px, 25vw, 360px) !important;
}
.go-ds-hero-card--main .go-ds-card-title,
.go-ds-hero-card--main .go-ds-hero-title {
font-size: clamp(1.4rem, 2.8vw, 2.2rem) !important;
} .go-ds-duo {
gap: clamp(16px, 2vw, 28px) !important;
}
.go-ds-duo > *:first-child {
padding-right: clamp(8px, 1vw, 14px) !important;
} .go-ds-content-band {
grid-template-columns: 1fr !important;
} .go-ds-side-rail,
.go-ds-rightbar {
width: 100% !important;
} .go-portal-featured-grid,
.go-portal-featured__grid {
grid-template-columns: 1fr !important;
} .go-portal-hero h1 {
font-size: clamp(2rem, 4vw, 3rem) !important;
} .go-portal-card.is-lead .go-portal-card__title {
font-size: clamp(1.3rem, 2.2vw, 2rem) !important;
} .go-ds-carousel-btn--prev,
.go-ds-carousel-btn--next {
width: 36px !important;
height: 36px !important;
}
} @media (max-width: 768px) { body {
font-size: 15.5px !important;
} .go-v24-header,
#site-header {
min-height: auto !important;
}
.go-v24-main-nav {
display: none !important;
} .go-ds-wrap,
.go-portal-shell,
.go-shell-wrap,
.go-layout-shell {
width: calc(100vw - var(--go-space-md) * 2) !important;
} .go-ds-hero {
grid-template-columns: 1fr !important;
}
.go-ds-hero-card--main {
min-height: 220px !important;
}
.go-ds-hero-card--main .go-ds-card-title,
.go-ds-hero-card--main .go-ds-hero-title {
font-size: clamp(1.3rem, 4.5vw, 1.8rem) !important;
}
.go-ds-hero-card--small .go-ds-card-title,
.go-ds-hero-card--small .go-ds-hero-title {
font-size: clamp(0.85rem, 2.5vw, 1.05rem) !important;
} .go-ds-hero-cat,
.go-ds-hero-copy .go-ds-card-cat {
font-size: 0.62rem !important;
padding: 2px 6px !important;
} .go-ds-latest-strip {
margin-bottom: clamp(20px, 3vw, 32px) !important;
} .go-ds-section-head {
margin-bottom: var(--go-space-md) !important;
}
.go-ds-section-head::before {
width: 36px !important;
height: 2px !important;
top: -8px !important;
}
.go-ds-section-title {
font-size: clamp(1.1rem, 3vw, 1.5rem) !important;
}
.go-ds-see-more {
font-size: 0.65rem !important;
} .go-ds-card {
width: 100% !important;
}
.go-ds-card--feature .go-ds-card-title,
.go-ds-card--feature-list .go-ds-card-title,
.go-ds-card--wide .go-ds-card-title {
font-size: clamp(1.05rem, 3vw, 1.35rem) !important;
}
.go-ds-card--latest .go-ds-card-title {
font-size: clamp(1rem, 2.8vw, 1.25rem) !important;
} .go-ds-duo {
grid-template-columns: 1fr !important;
flex-direction: column !important;
gap: var(--go-space-xl) !important;
} .go-ds-duo > *:first-child {
border-right: none !important;
padding-right: 0 !important;
border-bottom: 1px solid var(--go-border-secondary) !important;
padding-bottom: var(--go-space-xl) !important;
} .go-ds-content-band {
grid-template-columns: 1fr !important;
gap: var(--go-space-lg) !important;
} .go-ds-side-rail,
.go-ds-rightbar,
.go-article__sidebar {
width: 100% !important;
} .go-ds-carousel-btn--prev,
.go-ds-carousel-btn--next {
width: 32px !important;
height: 32px !important;
} .go-ds-ranking-title {
font-size: 0.85rem !important;
}
.go-ds-ranking-number {
font-size: 0.78rem !important;
} .go-ds-load-more,
.go-portal-load-more__button,
button[data-go-ds-load-more],
button[data-go-portal-load-more] {
width: 100% !important;
text-align: center !important;
} .go-portal-hero {
padding: var(--go-space-xl) 0 !important;
border-bottom-width: 2px !important;
}
.go-portal-hero h1 {
font-size: clamp(1.8rem, 5vw, 2.5rem) !important;
}
.go-portal-hero p {
font-size: 0.92rem !important;
}
.go-portal-hero__kicker,
.go-portal-hero .go-portal-kicker {
font-size: 0.65rem !important;
} .go-portal-section-head {
margin-bottom: var(--go-space-md) !important;
}
.go-portal-section-head::before {
width: 36px !important;
height: 2px !important;
top: -8px !important;
} .go-portal-tabs {
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
white-space: nowrap !important;
}
.go-portal-tabs__item {
padding: 8px 12px !important;
font-size: 0.72rem !important;
} .go-portal-feed,
.go-portal-grid,
.go-portal-feed__grid {
grid-template-columns: repeat(2, 1fr) !important;
} .go-portal-card.is-lead .go-portal-card__title {
font-size: clamp(1.2rem, 3.5vw, 1.65rem) !important;
} .go-portal-card.is-compact .go-portal-card__title {
font-size: clamp(0.82rem, 2vw, 0.95rem) !important;
} .go-portal-card__score {
min-width: 40px !important;
min-height: 40px !important;
font-size: 0.85rem !important;
} .go-shell-footer-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
.go-shell-footer-main {
padding: var(--go-space-xl) 0 var(--go-space-lg) !important;
} .go-article__title {
font-size: clamp(1.6rem, 5vw, 2.2rem) !important;
}
.go-article__content {
font-size: 1rem !important;
}
.go-article__meta-row {
flex-wrap: wrap !important;
gap: var(--go-space-sm) !important;
}
.go-article__deck {
font-size: 1rem !important;
}
} @media (max-width: 480px) { .go-ds-wrap,
.go-portal-shell,
.go-shell-wrap,
.go-layout-shell {
width: calc(100vw - var(--go-space-sm) * 2) !important;
} .go-portal-feed,
.go-portal-grid,
.go-portal-feed__grid {
grid-template-columns: 1fr !important;
}
.go-shell-footer-grid {
grid-template-columns: 1fr !important;
} .go-ds-hero-card--main {
min-height: 180px !important;
}
.go-ds-hero-card--main .go-ds-card-title,
.go-ds-hero-card--main .go-ds-hero-title {
font-size: clamp(1.15rem, 5vw, 1.5rem) !important;
}
.go-ds-hero-card--small {
min-height: 100px !important;
}
.go-ds-hero-cat,
.go-ds-hero-copy .go-ds-card-cat {
font-size: 0.58rem !important;
padding: 2px 5px !important;
} .go-ds-section-head {
margin-bottom: var(--go-space-sm) !important;
}
.go-ds-section-head::before {
width: 28px !important;
top: -6px !important;
}
.go-portal-section-head {
margin-bottom: var(--go-space-sm) !important;
}
.go-portal-section-head::before {
width: 28px !important;
top: -6px !important;
} .go-ds-latest-strip {
margin-bottom: 20px !important;
}
.go-ds-latest-strip-label {
font-size: 0.62rem !important;
} .go-ds-card {
padding-bottom: var(--go-space-sm) !important;
}
.go-ds-card-body {
padding-top: 6px !important;
}
.go-ds-card-meta {
font-size: 0.62rem !important;
}
.go-ds-card-cat {
font-size: 0.6rem !important;
} .go-ds-duo > *:first-child {
padding-bottom: var(--go-space-lg) !important;
} .go-ds-ranking li,
.go-ds-ranking-item {
padding: 6px 0 !important;
}
.go-ds-ranking-title {
font-size: 0.82rem !important;
} .go-ds-carousel-btn--prev,
.go-ds-carousel-btn--next {
width: 28px !important;
height: 28px !important;
} .go-portal-hero {
padding: var(--go-space-lg) 0 !important;
}
.go-portal-hero h1 {
font-size: clamp(1.5rem, 6vw, 2rem) !important;
}
.go-portal-hero p {
font-size: 0.88rem !important;
} .go-portal-card__title {
font-size: clamp(0.95rem, 3vw, 1.15rem) !important;
}
.go-portal-card.is-lead .go-portal-card__title {
font-size: clamp(1.1rem, 4.5vw, 1.4rem) !important;
}
.go-portal-card.is-compact .go-portal-card__title {
font-size: clamp(0.78rem, 2vw, 0.9rem) !important;
}
.go-portal-card__meta {
font-size: 0.6rem !important;
}
.go-portal-card__score {
min-width: 38px !important;
min-height: 38px !important;
font-size: 0.8rem !important;
} .go-portal-tabs__item {
padding: 6px 10px !important;
font-size: 0.65rem !important;
} .go-article__title {
font-size: clamp(1.4rem, 6vw, 1.8rem) !important;
}
h1, .h1 {
font-size: clamp(1.6rem, 6vw, 2.2rem) !important;
}
h2, .h2 {
font-size: clamp(1.3rem, 4vw, 1.8rem) !important;
}
h3, .h3 {
font-size: clamp(1.1rem, 3vw, 1.4rem) !important;
} .go-article__cover,
.go-article__hero-visual {
margin-bottom: var(--go-space-lg) !important;
}
.go-article__verdict {
padding: var(--go-space-md) !important;
}
.go-article__side-card {
padding: var(--go-space-md) !important;
}
.go-article__tags {
gap: var(--go-space-xs) !important;
}
.go-article__tags a {
font-size: 0.65rem !important;
padding: 3px 8px !important;
}
} .go-inst-page,
.go-institutional-page,
.page-template-page-institutional {
max-width: 800px !important;
margin: 0 auto !important;
padding: var(--go-space-2xl) var(--go-container-padding) !important;
}
.go-inst-page h1,
.go-institutional-page h1 {
font-family: var(--go-font-display) !important;
font-weight: 850 !important;
margin-bottom: var(--go-space-lg) !important;
}
.go-inst-page p,
.go-institutional-page p {
font-family: var(--go-font-text) !important;
line-height: 1.72 !important;
color: var(--go-text-secondary) !important;
margin-bottom: 1.5em !important;
}
.go-inst-page h2,
.go-institutional-page h2 {
font-family: var(--go-font-display) !important;
margin-top: 2em !important;
margin-bottom: 0.8em !important;
} .go-inst-page,
.go-institutional-page {
background: transparent !important;
} .go-search-results,
.search-results {
padding: var(--go-space-xl) 0 !important;
}
.go-search-results .go-portal-card,
.search-results .go-portal-card,
.go-search-results .go-ds-card,
.search-results .go-ds-card {
background: var(--go-bg-secondary) !important;
border: 1px solid var(--go-border-secondary) !important;
border-radius: 0 !important;
}
.search-results h2,
.go-search-results h2 {
font-family: var(--go-font-display) !important;
font-weight: 850 !important;
} .search-form input[type="search"],
.go-search-form input[type="search"] {
background: var(--go-bg-tertiary) !important;
border: 1px solid var(--go-border-primary) !important;
border-radius: 0 !important;
color: var(--go-text-primary) !important;
font-family: var(--go-font-text) !important;
padding: var(--go-space-sm) var(--go-space-md) !important;
}
.search-form input[type="submit"],
.go-search-form input[type="submit"] {
background: var(--go-accent) !important;
color: var(--go-text-on-accent) !important;
border: none !important;
border-radius: 0 !important;
font-family: var(--go-font-ui) !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.04em !important;
padding: var(--go-space-sm) var(--go-space-lg) !important;
cursor: pointer !important;
} .error-404,
.not-found {
text-align: center !important;
padding: var(--go-space-3xl) var(--go-container-padding) !important;
max-width: 680px !important;
margin: 0 auto !important;
}
.error-404 h1,
.not-found h1 {
font-family: var(--go-font-display) !important;
font-size: clamp(3rem, 8vw, 6rem) !important;
font-weight: 900 !important;
color: var(--go-accent) !important;
margin-bottom: var(--go-space-md) !important;
}
.error-404 p,
.not-found p {
color: var(--go-text-muted) !important;
font-size: clamp(1rem, 1.2vw, 1.15rem) !important;
margin-bottom: var(--go-space-lg) !important;
}
.error-404 .search-form,
.not-found .search-form {
max-width: 480px !important;
margin: 0 auto !important;
} .go-article__comments,
.comments-area {
padding: var(--go-space-xl) 0 !important;
border-top: 1px solid var(--go-border-primary) !important;
margin-top: var(--go-space-xl) !important;
}
.go-article__comments h2,
.comments-area h2,
.comments-title {
font-family: var(--go-font-display) !important;
font-weight: 850 !important;
font-size: clamp(1.3rem, 1.5vw, 1.8rem) !important;
margin-bottom: var(--go-space-lg) !important;
} .comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
background: var(--go-bg-tertiary) !important;
border: 1px solid var(--go-border-primary) !important;
border-radius: 0 !important;
color: var(--go-text-primary) !important;
font-family: var(--go-font-text) !important;
padding: var(--go-space-sm) var(--go-space-md) !important;
width: 100% !important;
transition: border-color var(--go-transition-fast) !important;
}
.comment-form textarea:focus,
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus {
border-color: var(--go-accent) !important;
}
.comment-form label {
font-family: var(--go-font-ui) !important;
font-size: 0.78rem !important;
font-weight: 700 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
color: var(--go-text-muted) !important;
margin-bottom: var(--go-space-xs) !important;
display: block !important;
} .comment-form input[type="submit"],
.comment-form .submit {
background: var(--go-accent) !important;
color: var(--go-text-on-accent) !important;
border: none !important;
border-radius: 0 !important;
font-family: var(--go-font-ui) !important;
font-size: 0.78rem !important;
font-weight: 800 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
padding: 12px 32px !important;
min-height: 44px !important;
cursor: pointer !important;
transition: opacity var(--go-transition-fast), transform var(--go-transition-fast) !important;
}
.comment-form input[type="submit"]:hover,
.comment-form .submit:hover {
opacity: 0.9 !important;
transform: translateY(-1px) !important;
} .comment,
.comment-body {
padding: var(--go-space-lg) 0 !important;
border-bottom: 1px solid var(--go-border-secondary) !important;
}
.comment-author {
font-family: var(--go-font-ui) !important;
font-weight: 700 !important;
font-size: 0.85rem !important;
}
.comment-meta {
font-family: var(--go-font-ui) !important;
font-size: 0.72rem !important;
color: var(--go-text-muted) !important;
}
.comment-content {
font-family: var(--go-font-text) !important;
line-height: 1.6 !important;
color: var(--go-text-secondary) !important;
margin-top: var(--go-space-sm) !important;
}
.comment-reply-link {
font-family: var(--go-font-ui) !important;
font-size: 0.72rem !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.04em !important;
color: var(--go-accent) !important;
}  .go-ds-card-img,
.go-portal-card__image,
img.wp-post-image {
aspect-ratio: auto !important;
max-width: 100% !important;
height: auto !important;
} .go-no-transitions,
.go-no-transitions * {
transition: none !important;
} .go-transitions-ready .go-ds-card,
.go-transitions-ready .go-portal-card,
.go-transitions-ready .go-shell-footer-social-link,
.go-transitions-ready .go-article__tags a,
.go-transitions-ready a {
transition-duration: var(--go-transition-fast) !important;
}  :root {
--go-official-accent-light: #2817f1 !important;
--go-official-accent-dark: #c7f000 !important;
--go-color-accent: var(--go-accent) !important;
--go-mode-accent: var(--go-accent) !important;
--go-cat-accent: var(--go-accent) !important;
} body.newsx-dark-mode,
body.dark-mode,
html.go-root-dark-mode body,
html[data-theme="dark"] body {
--go-official-accent-dark: #c7f000 !important;
--go-color-accent: var(--go-accent) !important;
--go-mode-accent: var(--go-accent) !important;
--go-cat-accent: var(--go-accent) !important;
} .go-ds-section-head,
.go-portal-section-head,
.go-article__side-card h3,
.go-article__side-card-title {
border-bottom-color: var(--go-accent) !important;
}
.go-ds-card-cat,
.go-portal-card__kicker,
.go-article__eyebrow,
.go-ds-see-more {
color: var(--go-accent) !important;
} .breadcrumb,
.breadcrumbs,
.go-breadcrumb,
.go-breadcrumbs,
nav.breadcrumb,
.rank-math-breadcrumb,
.yoast-breadcrumb {
font-family: var(--go-font-ui) !important;
font-size: 0.72rem !important;
letter-spacing: 0.04em !important;
color: var(--go-text-muted) !important;
}
.breadcrumb a,
.breadcrumbs a,
.go-breadcrumb a,
.go-breadcrumbs a,
.rank-math-breadcrumb a,
.yoast-breadcrumb a {
color: var(--go-text-muted) !important;
font-size: 0.72rem !important;
}
.breadcrumb a:hover,
.breadcrumbs a:hover,
.go-breadcrumb a:hover,
.go-breadcrumbs a:hover,
.rank-math-breadcrumb a:hover,
.yoast-breadcrumb a:hover {
color: var(--go-accent) !important;
} .breadcrumb .separator,
.breadcrumbs .separator,
.go-breadcrumb .separator,
.rank-math-breadcrumb .separator,
.yoast-breadcrumb .separator {
color: var(--go-border-primary) !important;
} .go-ds-ad {
margin: var(--go-space-xl) auto !important;
text-align: center !important;
background: transparent !important;
overflow: hidden !important;
}
.go-ds-ad::before {
content: "" !important;
display: block !important;
} .go-ds-ad[data-ad-border="true"] {
border: 1px solid var(--go-border-secondary) !important;
padding: var(--go-space-sm) !important;
} .go-ds-ad-label {
font-family: var(--go-font-ui) !important;
font-size: 0.6rem !important;
font-weight: 700 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
color: var(--go-text-muted) !important;
margin-bottom: var(--go-space-xs) !important;
} .go-author-archive,
.author-archive,
.author .go-portal-shell {
padding: var(--go-space-xl) 0 !important;
} .go-author-header,
.author-header {
margin-bottom: var(--go-space-xl) !important;
}
.go-author-header h1,
.author-header h1 {
font-family: var(--go-font-display) !important;
font-weight: 850 !important;
font-size: clamp(1.8rem, 3vw, 2.8rem) !important;
}
.go-author-header p,
.go-author-bio,
.author-header p {
color: var(--go-text-muted) !important;
font-size: clamp(0.92rem, 1.1vw, 1.05rem) !important;
line-height: 1.6 !important;
max-width: 680px !important;
}
.go-author-header img,
.author-header img {
border-radius: 0 !important;
} .go-author-archive .go-portal-card,
.author .go-portal-card {
background: var(--go-bg-secondary) !important;
border: 1px solid var(--go-border-secondary) !important;
border-radius: 0 !important;
} .go-article__related {
padding: var(--go-space-xl) 0 !important;
margin-top: var(--go-space-xl) !important;
} .go-article__related-head,
.go-article__related h2,
.go-article__related h3 {
font-family: var(--go-font-display) !important;
font-weight: 850 !important;
font-size: clamp(1.3rem, 1.5vw, 1.8rem) !important;
padding-bottom: var(--go-space-sm) !important;
margin-bottom: var(--go-space-lg) !important;
border-bottom: 2px solid var(--go-accent) !important;
} .go-article__related .go-ds-card,
.go-article__related .go-portal-card,
.go-article__related-card {
background: var(--go-bg-secondary) !important;
border: 1px solid var(--go-border-secondary) !important;
border-radius: 0 !important;
transition: border-color var(--go-transition-base), transform var(--go-transition-base) !important;
}
.go-article__related .go-ds-card:hover,
.go-article__related .go-portal-card:hover,
.go-article__related-card:hover {
border-color: var(--go-border-primary) !important;
transform: translateY(-2px) !important;
}
.go-article__related-card img {
border-radius: 0 !important;
object-fit: cover !important;
width: 100% !important;
}
.go-article__related-card-title {
font-family: var(--go-font-display) !important;
font-weight: 800 !important;
line-height: 1.18 !important;
}
.go-article__related-card-title a {
color: var(--go-text-primary) !important;
}
.go-article__related-card-title a:hover {
color: var(--go-accent) !important;
} nav.go-portal-pagination,
.go-portal-pagination,
.pagination,
.nav-links {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: var(--go-space-sm) !important;
padding: var(--go-space-xl) 0 !important;
}
nav.go-portal-pagination a,
.go-portal-pagination a,
.pagination a,
.nav-links a,
.page-numbers {
font-family: var(--go-font-ui) !important;
font-size: 0.82rem !important;
font-weight: 700 !important;
min-width: 40px !important;
min-height: 40px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: 1px solid var(--go-border-primary) !important;
color: var(--go-text-muted) !important;
border-radius: 0 !important;
transition: background var(--go-transition-fast), color var(--go-transition-fast), border-color var(--go-transition-fast) !important;
}
nav.go-portal-pagination a:hover,
.go-portal-pagination a:hover,
.pagination a:hover,
.nav-links a:hover,
a.page-numbers:hover {
border-color: var(--go-accent) !important;
color: var(--go-accent) !important;
} nav.go-portal-pagination .is-active,
.go-portal-pagination .is-active,
.pagination .current,
.nav-links .current,
span.page-numbers.current {
background: var(--go-accent) !important;
color: var(--go-text-on-accent) !important;
border-color: var(--go-accent) !important;
} nav.go-portal-pagination .prev,
nav.go-portal-pagination .next,
.go-portal-pagination .prev,
.go-portal-pagination .next,
.nav-links .prev,
.nav-links .next {
font-family: var(--go-font-ui) !important;
font-size: 0.75rem !important;
font-weight: 700 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
}