/* Shared refinement for the approved red-and-gold documentary layout. */
:root.gq-preview {
  --refine-red: #7d1027;
  --refine-gold: #a67c35;
  --refine-ink: #252329;
  --refine-muted: #625a60;
  --refine-line: #e7dde0;
  --refine-white: #fff;
}

html.gq-preview body.gq-preview-page.gq-site-refined {
  color: var(--refine-ink) !important;
  background: var(--refine-white) !important;
}

html.gq-preview body.gq-site-refined :where(.site-header, .site-footer, main.section, main > .section, main > .container) {
  --preview-red: var(--refine-red);
  --preview-red-deep: #590a1b;
  --preview-gold: var(--refine-gold);
  --preview-gold-deep: #866126;
  --preview-ink: var(--refine-ink);
  --preview-muted: var(--refine-muted);
  --preview-line: var(--refine-line);
  --refresh-red: var(--refine-red);
  --refresh-gold: var(--refine-gold);
  --refresh-ink: var(--refine-ink);
  --refresh-muted: var(--refine-muted);
  --refresh-line: var(--refine-line);
  --p-accent: var(--refine-red);
  --p-ink: var(--refine-ink);
  --p-muted: var(--refine-muted);
  --p-line: var(--refine-line);
  --p-gold: var(--refine-gold);
  --p-soft: #faf7f8;
}

html.gq-preview body.gq-preview-page.gq-site-refined::before,
html.gq-preview body.gq-preview-page.gq-site-refined::after,
html.gq-preview body.gq-preview-page.gq-site-refined .site-footer::before,
html.gq-preview body.gq-preview-page.gq-site-refined .site-footer::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .container:where(:not(:is(.hero, .page-hero, .practice-hero) .container)),
html.gq-preview body.gq-preview-page.gq-site-refined main .container:where(:not(:is(.hero, .page-hero, .practice-hero) .container)) {
  width: min(calc(100% - 48px), 1200px) !important;
  max-width: 1200px !important;
  margin-inline: auto !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .preview-reveal,
html.gq-preview body.gq-preview-page.gq-site-refined [data-reveal] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined :where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--refine-gold) !important;
  outline-offset: 4px !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined :where(section, article, main)[id] {
  scroll-margin-top: 154px;
}

/* Keep the separately floating logo hidden while the original video cover loads. */
html.gq-preview body.gq-preview-index.gq-site-refined .home-cover .hero-logo-draw {
  display: none !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .btn:where(:not(:is(.hero, .page-hero, .practice-hero) .btn)) {
  min-height: 46px;
  line-height: 1.5 !important;
  text-align: center;
  transform: none !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .btn-primary:where(:not(:is(.hero, .page-hero, .practice-hero) .btn-primary))::before {
  content: none !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .btn-primary:where(:not(:is(.hero, .page-hero, .practice-hero) .btn-primary)),
html.gq-preview body.gq-preview-page.gq-site-refined .preview-join-action,
html.gq-preview body.gq-preview-page.gq-site-refined .site-search-submit {
  background: var(--refine-red) !important;
  border-color: var(--refine-red) !important;
  color: #fff !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .btn-primary:where(:not(:is(.hero, .page-hero, .practice-hero) .btn-primary)):hover,
html.gq-preview body.gq-preview-page.gq-site-refined .preview-join-action:hover,
html.gq-preview body.gq-preview-page.gq-site-refined .site-search-submit:hover {
  background: #590a1b !important;
  border-color: #590a1b !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .site-header {
  border-bottom-color: var(--refine-line) !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .site-header.is-scrolled {
  box-shadow: 0 4px 16px rgba(37, 35, 41, .06) !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .brand-title {
  color: var(--refine-red) !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .brand-sub {
  color: var(--refine-muted) !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .site-nav {
  border-top-color: var(--refine-line) !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .site-search {
  border-color: #ccb998 !important;
  border-radius: 4px;
  overflow: visible;
}

html.gq-preview body.gq-preview-page.gq-site-refined .site-search:focus-within {
  border-color: var(--refine-red) !important;
  box-shadow: 0 0 0 3px rgba(125, 16, 39, .08) !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .site-search-input:focus {
  box-shadow: none !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .site-search-input:focus-visible {
  outline: none !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .site-search-results {
  z-index: 110;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  border-color: var(--refine-line) !important;
  box-shadow: 0 10px 30px rgba(37, 35, 41, .12) !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .site-search-result {
  padding: 12px !important;
  border-radius: 3px;
}

html.gq-preview body.gq-preview-page.gq-site-refined .site-search-result strong {
  color: var(--refine-ink) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  display: block !important;
  height: auto !important;
  max-height: none !important;
  -webkit-line-clamp: unset !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .site-search-result span {
  color: var(--refine-muted) !important;
  line-height: 1.75 !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .site-search-result:hover,
html.gq-preview body.gq-preview-page.gq-site-refined .site-search-result.is-active {
  color: var(--refine-red) !important;
  background: #faf1f3 !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .site-footer {
  padding: 56px 0 24px !important;
  background: #590a1b !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .site-footer .site-purpose {
  color: #ecd6aa !important;
  line-height: 1.8 !important;
  padding-block: 16px;
  border-bottom-color: rgba(255, 255, 255, .18) !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .footer-grid {
  gap: 36px !important;
  padding-bottom: 36px !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .site-footer a {
  color: #e9dce0 !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .site-footer a:hover {
  color: #fff !important;
}

html.gq-preview body.gq-preview-page.gq-site-refined .footer-desc,
html.gq-preview body.gq-preview-page.gq-site-refined .footer-bottom {
  color: #d9c5cc !important;
}

html.gq-preview body.gq-site-refined.gq-preview-charity .practice-case {
  border-color: var(--refine-line);
  border-radius: 5px;
  box-shadow: none;
}

html.gq-preview body.gq-site-refined.gq-preview-charity .practice-case-inner {
  padding: 30px;
}

html.gq-preview body.gq-site-refined.gq-preview-charity .practice-narrative p {
  font-size: 15px;
  line-height: 1.95;
}

html.gq-preview body.gq-site-refined.gq-preview-charity .practice-source,
html.gq-preview body.gq-site-refined.gq-preview-charity .practice-small,
html.gq-preview body.gq-site-refined.gq-preview-charity .practice-photo figcaption {
  font-size: 12px;
  line-height: 1.8;
}

html.gq-preview body.gq-site-refined.gq-preview-charity .practice-photo img {
  transform: none !important;
}

html.gq-preview body.gq-site-refined.gq-preview-charity #case-yangcaili .practice-photo-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 800px) {
  html.gq-preview body.gq-site-refined.gq-preview-charity #case-yangcaili .practice-photo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Homepage material, news carousel DOM and video remain intact. */
html.gq-preview body.gq-preview-index.gq-home-refresh.gq-site-refined .news-ticker-section,
html.gq-preview body.gq-preview-index.gq-home-refresh.gq-site-refined .news-ticker-section .container:where(:not(:is(.hero, .page-hero, .practice-hero) .container)) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

html.gq-preview body.gq-preview-index.gq-home-refresh.gq-site-refined .news-ticker::before,
html.gq-preview body.gq-preview-index.gq-home-refresh.gq-site-refined .news-ticker::after,
html.gq-preview body.gq-preview-index.gq-home-refresh.gq-site-refined .news-ticker-track > *::after {
  content: none !important;
  display: none !important;
}

html.gq-preview body.gq-preview-index.gq-home-refresh.gq-site-refined .news-ticker {
  padding: 12px 0 !important;
}

html.gq-preview body.gq-preview-index.gq-home-refresh.gq-site-refined .news-ticker-track {
  padding-right: 0 !important;
}

html.gq-preview body.gq-preview-index.gq-home-refresh.gq-site-refined .news-ticker-track > strong,
html.gq-preview body.gq-preview-index.gq-home-refresh.gq-site-refined .news-ticker-track > a {
  min-height: 32px !important;
  justify-content: flex-start !important;
}

html.gq-preview body.gq-preview-index.gq-home-refresh.gq-site-refined .home-official-item p {
  font-size: 13px !important;
  line-height: 1.85 !important;
}

html.gq-preview body.gq-preview-index.gq-home-refresh.gq-site-refined .current-news-list-item small {
  font-size: 11px !important;
  line-height: 1.7 !important;
}

html.gq-preview body.gq-preview-index.gq-home-refresh.gq-site-refined .current-news-arrow {
  min-width: 42px;
  min-height: 42px;
}

html.gq-preview body.gq-preview-policy.gq-site-refined .policy-side-panel,
html.gq-preview body.gq-preview-policy.gq-site-refined .policy-news-card {
  border-color: var(--refine-line) !important;
  box-shadow: none !important;
}

html.gq-preview body.gq-preview-policy.gq-site-refined .policy-card-body p {
  line-height: 1.85 !important;
}

@media (max-width: 980px) {
  html.gq-preview body.gq-site-refined.gq-menu-open {
    overflow: hidden !important;
  }

  html.gq-preview body.gq-site-refined .site-menu-backdrop {
    position: fixed;
    inset: 68px 0 0;
    z-index: 100;
    background: rgba(37, 35, 41, .28);
    touch-action: none;
  }

  html.gq-preview body.gq-site-refined .site-menu-backdrop[hidden] {
    display: none !important;
  }

  html.gq-preview body.gq-preview-page.gq-site-refined .nav-toggle,
  html.gq-preview body.gq-preview-page.gq-site-refined .preview-search-toggle {
    border-radius: 4px !important;
    border-color: var(--refine-line) !important;
  }

  html.gq-preview body.gq-preview-page.gq-site-refined .site-search {
    right: 24px !important;
    left: 24px !important;
  }

  html.gq-preview body.gq-preview-page.gq-site-refined .site-nav {
    width: min(88vw, 380px) !important;
    padding-inline: 22px !important;
    box-shadow: -12px 0 40px rgba(37, 35, 41, .1) !important;
  }

  html.gq-preview body.gq-preview-page.gq-site-refined :where(section, article, main)[id] {
    scroll-margin-top: 88px;
  }
}

@media (max-width: 700px) {
  html.gq-preview body.gq-preview-page.gq-site-refined .container:where(:not(:is(.hero, .page-hero, .practice-hero) .container)),
  html.gq-preview body.gq-preview-page.gq-site-refined main .container:where(:not(:is(.hero, .page-hero, .practice-hero) .container)) {
    width: calc(100% - 32px) !important;
  }

  html.gq-preview body.gq-preview-page.gq-site-refined .site-search {
    right: 16px !important;
    left: 16px !important;
  }

  html.gq-preview body.gq-preview-page.gq-site-refined .site-search-results {
    max-height: min(58dvh, 440px) !important;
  }

  html.gq-preview body.gq-preview-page.gq-site-refined .site-footer {
    padding: 40px 0 22px !important;
  }

  html.gq-preview body.gq-preview-page.gq-site-refined .footer-grid {
    gap: 28px 20px !important;
    padding-bottom: 28px !important;
  }

  html.gq-preview body.gq-site-refined.gq-preview-charity .practice-case-inner {
    padding: 22px 18px;
  }

  html.gq-preview body.gq-site-refined.gq-preview-charity .practice-member {
    font-size: 28px;
  }

  html.gq-preview body.gq-site-refined.gq-preview-charity .practice-facts {
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.gq-preview body.gq-preview-index.gq-home-refresh.gq-site-refined .news-ticker-track {
    gap: 8px 18px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.gq-preview { scroll-behavior: auto; }
  html.gq-preview body.gq-site-refined :where(.btn, .site-nav, .site-nav a::after, .practice-photo img) {
    transition: none !important;
    animation: none !important;
  }
}