/* GEXYRAL_GLOBAL_VISUAL_CONSISTENCY_R3
   Public-site visual authority: keep the WWW experience on one dark surface system.
   Light controls/media are allowed only where they are deliberate interaction/content surfaces. */

:root{
  --gex-r3-page:#020713;
  --gex-r3-page-alt:#031021;
  --gex-r3-panel:#07162f;
  --gex-r3-panel-strong:#091c3a;
  --gex-r3-line:rgba(84,151,239,.22);
  --gex-r3-text:#eef6ff;
  --gex-r3-muted:#98aac0;
  --gex-r3-accent:#37a8ff;
}

/* The public page canvas must never fall back to browser white between modules. */
html,
body.gexyral-inner-body,
body[data-frontend-static-ready="1"],
body.gexyral-inner-body .gexyral-inner-shell,
body.gexyral-inner-body .gexyral-inner-content,
body[data-frontend-static-ready="1"] .gexyral-site-shell{
  background-color:var(--gex-r3-page) !important;
}

body.gexyral-inner-body .gexyral-inner-section,
body[data-frontend-static-ready="1"] .gexyral-section{
  background-color:var(--gex-r3-page);
}

body.gexyral-inner-body .gexyral-inner-section.is-alt{
  background-color:var(--gex-r3-page-alt);
}

/* Prevent transparent spacing wrappers from exposing a light browser/page canvas. */
body.gexyral-inner-body :is(
  .gexyral-inner-content,
  .gexyral-product-body,
  .gexyral-service-body,
  .gexyral-solution-body,
  .gexyral-city-body,
  .gexyral-about-body,
  .gexyral-contact-body,
  .gexyral-tools-body,
  .gexyral-legal-body,
  .gexyral-case-body,
  .gexyral-resource-body
){
  background-color:transparent;
}

/* Resource articles previously switched to a separate white reading card.
   Keep readability, but within the same dark GEXYRAL visual system. */
body[data-page-type="resource_detail"] .gexyral-resource-article-shell{
  background:linear-gradient(180deg,#06101f 0%,#020713 24%,#020713 100%) !important;
}
body[data-page-type="resource_detail"] .gexyral-resource-article-main{
  border-color:rgba(91,157,234,.24) !important;
  background:
    radial-gradient(circle at 100% 0,rgba(56,168,255,.08),transparent 34%),
    linear-gradient(180deg,#07162f 0%,#051126 58%,#040d1e 100%) !important;
  color:var(--gex-r3-text) !important;
  box-shadow:0 28px 86px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035) !important;
}
body[data-page-type="resource_detail"] :is(
  .gexyral-resource-article-intro,
  .gexyral-resource-article-facts,
  .gexyral-resource-article-chapter,
  .gexyral-resource-article-next,
  .gexyral-resource-article-checks,
  .gexyral-resource-article-faq,
  .gexyral-resource-article-related,
  .gexyral-resource-article-downloads,
  .gexyral-resource-article-navigation
){
  border-color:rgba(82,145,224,.17) !important;
}
body[data-page-type="resource_detail"] :is(
  .gexyral-resource-article-lead,
  .gexyral-resource-article-summary>p,
  .gexyral-resource-article-chapter>p,
  .gexyral-resource-article-chapter>ul li,
  .gexyral-resource-article-next>ol p,
  .gexyral-resource-article-checks strong,
  .gexyral-resource-article-downloads>a,
  .gexyral-resource-article-navigation>a strong,
  .gexyral-resource-article-faq .gexyral-ui-faq-panel p
){
  color:#a9bacd !important;
}
body[data-page-type="resource_detail"] :is(
  .gexyral-resource-article-quick>header strong,
  .gexyral-resource-article-facts strong,
  .gexyral-resource-article-next>ol strong,
  .gexyral-resource-article-downloads>strong,
  .gexyral-resource-article-related a strong,
  .gexyral-resource-article-faq .gexyral-ui-faq-item button
){
  color:#eaf5ff !important;
}
body[data-page-type="resource_detail"] .gexyral-resource-article-v3 :is(
  .gexyral-resource-article-chapter h2,
  .gexyral-resource-article-next h2,
  .gexyral-resource-article-faq h2,
  .gexyral-resource-article-related h2
){
  color:#f4f8ff !important;
}
body[data-page-type="resource_detail"] :is(
  .gexyral-resource-article-kicker span,
  .gexyral-resource-article-summary>span,
  .gexyral-resource-article-chapter-title>span,
  .gexyral-resource-article-next>span,
  .gexyral-resource-article-faq>header>span,
  .gexyral-resource-article-related>header>span
){
  color:#5bc2ff !important;
}
body[data-page-type="resource_detail"] .gexyral-resource-article-tags span{
  border-color:rgba(78,160,228,.28) !important;
  background:rgba(31,112,174,.12) !important;
  color:#8bcaf0 !important;
}
body[data-page-type="resource_detail"] .gexyral-resource-article-quick{
  border-color:rgba(81,151,225,.2) !important;
  background:linear-gradient(145deg,rgba(10,35,69,.84),rgba(5,20,44,.88)) !important;
}
body[data-page-type="resource_detail"] .gexyral-resource-article-quick>header span,
body[data-page-type="resource_detail"] .gexyral-resource-article-facts p,
body[data-page-type="resource_detail"] .gexyral-resource-article-checks small,
body[data-page-type="resource_detail"] .gexyral-resource-article-navigation>a span{
  color:#7f93aa !important;
}
body[data-page-type="resource_detail"] .gexyral-resource-article-quick li{
  border-top-color:rgba(82,145,224,.15) !important;
}
body[data-page-type="resource_detail"] .gexyral-resource-article-quick li b{
  border-color:rgba(77,180,239,.34) !important;
  background:rgba(30,133,197,.12) !important;
  color:#5bc2ff !important;
}
body[data-page-type="resource_detail"] .gexyral-resource-article-faq .gexyral-ui-faq-item{
  border-color:rgba(84,151,229,.2) !important;
  background:rgba(6,22,48,.8) !important;
  box-shadow:none !important;
}
body[data-page-type="resource_detail"] .gexyral-resource-article-faq .gexyral-ui-faq-item.is-open{
  border-color:rgba(72,177,239,.34) !important;
  background:rgba(9,34,68,.92) !important;
}
body[data-page-type="resource_detail"] .gexyral-resource-article-faq .gexyral-ui-faq-item button i{
  border-color:rgba(82,155,229,.28) !important;
  background:rgba(36,128,187,.12) !important;
}
body[data-page-type="resource_detail"] .gexyral-resource-article-related a{
  border-color:rgba(84,151,229,.2) !important;
  background:linear-gradient(145deg,rgba(7,26,56,.9),rgba(4,16,37,.9)) !important;
}
body[data-page-type="resource_detail"] .gexyral-resource-article-navigation>a:hover strong{
  color:#eef8ff !important;
}

/* Global dark-surface continuity around fixed/public chrome. */
body.gexyral-inner-body :is(.gexyral-inner-footer,.gexyral-inner-mobile-bar,.gexyral-inner-mobile-menu),
body[data-frontend-static-ready="1"] :is(.gexyral-footer,.gexyral-mobile-bar,.gexyral-mobile-menu){
  background-color:#020713;
}

@media(max-width:780px){
  body[data-page-type="resource_detail"] .gexyral-resource-article-main{
    padding:30px 22px 36px !important;
    border-radius:20px !important;
  }
}