/* Relia editorial UI, 2026-10-20. Scoped to editorial content and blog dates. */
body.template-blog_collection .f-article-card__date,
body.template-blog_article .f-article-card__date,
body.template-blog_article .f-article__date {
  display: none !important;
}

/* The theme draws link lines with pseudo-elements, independently of text-decoration. */
body .rte .relia-screens a::before,
body .rte .relia-screens a::after,
body .rte .relia-reading a::before,
body .rte .relia-reading a::after {
  content: none !important;
  display: none !important;
}
body .rte .relia-screens a,
body .rte .relia-reading a {
  text-decoration-thickness: 1px;
  text-underline-offset: .24em;
  text-decoration-skip-ink: auto;
}
body .rte .relia-screens .rg-breadcrumb {
  font-size: 13px;
  line-height: 1.8;
}
body .rte .relia-screens .rg-breadcrumb a {
  text-decoration: none !important;
  border: 0 !important;
  padding: 3px 0;
}
body .rte .relia-screens .rg-breadcrumb a:hover,
body .rte .relia-screens .rg-breadcrumb a:focus-visible {
  text-decoration: underline !important;
}
body .rte .relia-screens :is(.rg-cta,.rg-secondary,.rg-guide-card),
body .rte .relia-screens .rg-reading-nav a,
body .rte .relia-screens .rg-contacts a,
body .rte .relia-screens .rg-mobile-actions a {
  text-decoration: none !important;
}
body .rte .relia-screens .rg-secondary {
  border: 1px solid currentColor;
  padding: 12px 18px;
  border-radius: 2px;
}
body .rte .relia-screens .rg-secondary:hover {
  background: #ffffff10;
}
body .rte .relia-screens .rg-links a,
body .rte .relia-screens .rg-sources a,
body .rte .relia-screens .rg-product-card a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .25em;
}

/* A single outer canvas, visible panel edges and a shared content inset on every screen. */
body article.relia-screens {
  --rg-ui-inset: clamp(24px, 4vw, 64px);
  width: 100% !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  min-width: 0;
}
body article.relia-screens .rg-topic {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}
body article.relia-screens .rg-screen {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0 0 20px !important;
  padding-left: var(--rg-ui-inset) !important;
  padding-right: var(--rg-ui-inset) !important;
  border: 1px solid #d8e2e9;
}
body article.relia-screens .rg-screen-dark {
  border-color: #29495e;
}
body article.relia-screens .rg-reading-nav {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #d8e2e9;
  padding-left: var(--rg-ui-inset);
  padding-right: var(--rg-ui-inset);
}
body article.relia-screens .rg-screen-table > h2 {
  width: 100%;
  max-width: none;
}
body article.relia-screens .rg-screen-table > .rg-table-wrap,
body article.relia-screens .rg-screen-table > .rg-visual {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
body article.relia-screens .rg-screen-table table {
  width: 100% !important;
  max-width: 100%;
}
body article.relia-screens .rg-screen-index {
  right: var(--rg-ui-inset);
}
@media (max-width:600px) {
  body article.relia-screens { --rg-ui-inset: 24px; }
  body article.relia-screens .rg-screen { margin-bottom: 14px !important; }
  body article.relia-screens .rg-reading-nav {
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 14px;
  }
  body .rte .relia-screens .rg-breadcrumb { font-size: 12px; }
  body .rte .relia-screens .rg-secondary { padding: 11px 15px; }
}
