:root {
--go-v123-faq-blue: #2817f1;
--go-v123-faq-lime: #c7f000;
}
body:not(.wp-admin) .go-faq-reader {
--go-faq-accent: var(--go-v123-faq-blue);
--go-faq-bg: rgba(255, 255, 255, 0.76);
--go-faq-bg-2: rgba(40, 23, 241, 0.045);
--go-faq-line: rgba(17, 24, 39, 0.12);
--go-faq-text: #0b0f19;
--go-faq-muted: rgba(31, 41, 55, 0.72);
position: relative;
clear: both;
margin: clamp(34px, 5vw, 56px) 0;
padding: clamp(22px, 3.4vw, 34px);
border: 1px solid var(--go-faq-line);
border-radius:0!important;
background:
linear-gradient(180deg, var(--go-faq-bg), rgba(255, 255, 255, 0.52)),
radial-gradient(circle at 0 0, var(--go-faq-bg-2), transparent 40%);
box-shadow: none;
overflow: hidden;
counter-reset: go-faq;
}
body:not(.wp-admin) .go-faq-reader::before {
content: 'FAQ';
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 28px;
margin-bottom: 14px;
padding: 0 11px;
border: 1px solid color-mix(in srgb, var(--go-faq-accent) 28%, transparent);
border-radius:0!important;
background: color-mix(in srgb, var(--go-faq-accent) 9%, transparent);
color: var(--go-faq-accent);
font-size: 0.72rem;
font-weight: 900;
letter-spacing: 0.08em;
line-height: 1;
text-transform: uppercase;
}
body:not(.wp-admin) .go-faq-reader > :is(h2, h3).go-faq-reader__title,
body:not(.wp-admin) .go-faq-reader > :is(h2, h3):first-child {
max-width: 820px;
margin: 0 0 clamp(18px, 2.6vw, 26px) !important;
color: var(--go-faq-text) !important;
font-family: inherit;
font-size: clamp(1.55rem, 2.5vw, 2.2rem) !important;
font-weight: 850 !important;
letter-spacing: -0.04em !important;
line-height: 1.08 !important;
}
body:not(.wp-admin) .go-faq-reader > :is(h3, h4):not(.go-faq-reader__title),
body:not(.wp-admin) .go-faq-reader :is(.schema-faq-question, .rank-math-question, .wp-block-yoast-faq-question) {
position: relative;
display: flex;
gap: 12px;
align-items: flex-start;
margin: 0 !important;
padding: 18px 0 10px;
border-top: 1px solid var(--go-faq-line);
color: var(--go-faq-text) !important;
font-size: clamp(1rem, 1.5vw, 1.18rem) !important;
font-weight: 850 !important;
letter-spacing: -0.02em !important;
line-height: 1.3 !important;
}
body:not(.wp-admin) .go-faq-reader > :is(h3, h4):not(.go-faq-reader__title)::before,
body:not(.wp-admin) .go-faq-reader :is(.schema-faq-question, .rank-math-question, .wp-block-yoast-faq-question)::before {
counter-increment: go-faq;
content: counter(go-faq, decimal-leading-zero);
flex: 0 0 auto;
min-width: 34px;
color: var(--go-faq-accent);
font-size: 0.82rem;
font-weight: 900;
letter-spacing: 0.02em;
line-height: 1.55;
}
body:not(.wp-admin) .go-faq-reader > :is(h3, h4):not(.go-faq-reader__title):first-of-type {
border-top-color: color-mix(in srgb, var(--go-faq-accent) 22%, var(--go-faq-line));
}
body:not(.wp-admin) .go-faq-reader > p,
body:not(.wp-admin) .go-faq-reader > ul,
body:not(.wp-admin) .go-faq-reader > ol,
body:not(.wp-admin) .go-faq-reader :is(.schema-faq-answer, .rank-math-answer, .wp-block-yoast-faq-answer) {
max-width: 76ch;
margin: 0 0 16px 46px !important;
color: var(--go-faq-muted) !important;
font-size: 1rem !important;
line-height: 1.68 !important;
}
body:not(.wp-admin) .go-faq-reader > ul,
body:not(.wp-admin) .go-faq-reader > ol {
padding-left: 1.15em;
}
body:not(.wp-admin) .go-faq-reader > p:last-child,
body:not(.wp-admin) .go-faq-reader > ul:last-child,
body:not(.wp-admin) .go-faq-reader > ol:last-child {
margin-bottom: 0 !important;
}
body:not(.wp-admin) .go-faq-reader a {
color: var(--go-faq-accent) !important;
font-weight: 750;
text-decoration-thickness: 0.08em;
text-underline-offset: 0.18em;
}
body:not(.wp-admin) .go-faq-reader :is(strong, b) {
color: var(--go-faq-text);
}
body:not(.wp-admin) .go-faq-reader :is(.wp-block-separator, hr) {
border-color: var(--go-faq-line) !important;
} body:not(.wp-admin) .newsx-post-content :is(.schema-faq-section, .rank-math-list-item, .wp-block-yoast-faq-block .schema-faq-section),
body:not(.wp-admin) .go-article__content :is(.schema-faq-section, .rank-math-list-item, .wp-block-yoast-faq-block .schema-faq-section),
body:not(.wp-admin) .go-guide-article__content :is(.schema-faq-section, .rank-math-list-item, .wp-block-yoast-faq-block .schema-faq-section) {
border-top: 1px solid rgba(17, 24, 39, 0.1);
}
body.newsx-dark-mode:not(.wp-admin) .go-faq-reader,
body.dark-mode:not(.wp-admin) .go-faq-reader,
body.dark:not(.wp-admin) .go-faq-reader,
body.is-dark-theme:not(.wp-admin) .go-faq-reader,
body[data-theme='dark']:not(.wp-admin) .go-faq-reader,
html.dark body:not(.wp-admin) .go-faq-reader,
html[data-theme='dark'] body:not(.wp-admin) .go-faq-reader,
html.go-root-dark-mode body:not(.wp-admin) .go-faq-reader {
--go-faq-accent: var(--go-v123-faq-lime);
--go-faq-bg: rgba(255, 255, 255, 0.035);
--go-faq-bg-2: rgba(199, 240, 0, 0.05);
--go-faq-line: rgba(255, 255, 255, 0.12);
--go-faq-text: #ffffff;
--go-faq-muted: rgba(244, 247, 251, 0.74);
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.024)),
radial-gradient(circle at 0 0, var(--go-faq-bg-2), transparent 40%);
}
body.newsx-dark-mode:not(.wp-admin) .newsx-post-content :is(.schema-faq-section, .rank-math-list-item, .wp-block-yoast-faq-block .schema-faq-section),
body.dark-mode:not(.wp-admin) .newsx-post-content :is(.schema-faq-section, .rank-math-list-item, .wp-block-yoast-faq-block .schema-faq-section),
body.dark:not(.wp-admin) .newsx-post-content :is(.schema-faq-section, .rank-math-list-item, .wp-block-yoast-faq-block .schema-faq-section) {
border-top-color: rgba(255, 255, 255, 0.12);
}
@media (max-width: 760px) {
body:not(.wp-admin) .go-faq-reader {
margin: 30px 0;
padding: 20px;
border-radius:0!important;
}
body:not(.wp-admin) .go-faq-reader > :is(h3, h4):not(.go-faq-reader__title),
body:not(.wp-admin) .go-faq-reader :is(.schema-faq-question, .rank-math-question, .wp-block-yoast-faq-question) {
gap: 10px;
}
body:not(.wp-admin) .go-faq-reader > :is(h3, h4):not(.go-faq-reader__title)::before,
body:not(.wp-admin) .go-faq-reader :is(.schema-faq-question, .rank-math-question, .wp-block-yoast-faq-question)::before {
min-width: 28px;
font-size: 0.76rem;
}
body:not(.wp-admin) .go-faq-reader > p,
body:not(.wp-admin) .go-faq-reader > ul,
body:not(.wp-admin) .go-faq-reader > ol,
body:not(.wp-admin) .go-faq-reader :is(.schema-faq-answer, .rank-math-answer, .wp-block-yoast-faq-answer) {
margin-left: 38px !important;
}
}