/* ================================================================================ */
/*  Project: WebRH
/*  Author: Digital Experience
/*  Date: Mon Jun 15 2026 18:40:36 GMT+0000 (Coordinated Universal Time)
/*  
/*  Copyright © 2026 Red Hat, Inc.
/*  https://www.redhat.com
/* ================================================================================ */

.rh-article-teaser-headline {
  font-family: var(--rh-font-family-heading, RedHatDisplay, "Red Hat Display", Helvetica, Arial, sans-serif);
  font-size: 1.125rem;
  line-height: 1.3;
  font-weight: 500;
  margin: 0 0 6px;
  color: light-dark(#292929, #ffffff);
}
@media (min-width: 768px) {
  .rh-article-teaser-headline {
    font-size: 1.25rem;
  }
}
.rh-article-teaser-headline:last-child {
  margin-bottom: 0;
}
[data-rh-theme^="dark desaturated"] .rh-article-teaser-headline {
  color: #ffffff;
}
[data-rh-theme^="light subtle"] .rh-article-teaser-headline {
  color: #151515;
}
.rh-article-teaser-headline a {
  text-decoration: none;
  color: light-dark(#0066cc, #92c5f9);
}
.rh-article-teaser-headline a:hover, .rh-article-teaser-headline a:active {
  text-decoration: underline;
  color: light-dark(#004d99, #c7c7c7);
  cursor: pointer;
}
.rh-article-teaser-headline a:focus, .rh-article-teaser-headline a:active {
  outline: 1px dotted light-dark(#004d99, #c7c7c7);
  outline-offset: 1px;
  text-decoration: none !important;
}
[data-rh-theme^="dark desaturated"] .rh-article-teaser-headline a {
  color: #ffffff;
}

.rh-article-teaser-link {
  font-family: var(--rh-font-family-body-text, RedHatText, "Red Hat Text", Helvetica, Arial, sans-serif);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
  color: light-dark(#a3a3a3, #c7c7c7);
}
.rh-article-teaser-link:hover {
  color: light-dark(#151515, #c7c7c7);
}
.rh-article-teaser-link:focus, .rh-article-teaser-link:active {
  color: light-dark(#151515, #c7c7c7);
  outline: 1px dotted light-dark(#0066cc, #92c5f9);
  outline-offset: 1px;
  text-decoration: none !important;
}
[data-rh-theme^="dark desaturated"] .rh-article-teaser-link:focus, [data-rh-theme^="dark desaturated"] .rh-article-teaser-link:active {
  outline-color: #ffffff;
}

.rh-article-teaser-link-view {
  margin: 0 0 16px;
  line-height: 1.5;
}
.rh-article-teaser-link-view:last-child {
  margin-bottom: 0;
}

.rh-article-teaser-summary {
  font-family: var(--rh-font-family-body-text, RedHatText, "Red Hat Text", Helvetica, Arial, sans-serif);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 24px;
  color: light-dark(#151515, #ffffff);
}
.rh-article-teaser-summary:last-child {
  margin-bottom: 0;
}
.rh-article-teaser-summary strong,
.rh-article-teaser-summary b {
  font-weight: 700;
}
.rh-article-teaser-summary em,
.rh-article-teaser-summary i {
  font-style: italic;
}
.rh-article-teaser-summary a {
  text-decoration: none;
  color: light-dark(#0066cc, #92c5f9);
}
.rh-article-teaser-summary a:hover, .rh-article-teaser-summary a:active {
  cursor: pointer;
  text-decoration: underline;
  color: light-dark(#004d99, #b9dafc);
}
.rh-article-teaser-summary a:focus, .rh-article-teaser-summary a:active {
  outline: 1px dotted light-dark(#0066cc, #92c5f9);
  outline-offset: 1px;
  text-decoration: none !important;
}
[data-rh-theme^="dark desaturated"] .rh-article-teaser-summary a {
  color: #ffffff;
}
[data-rh-theme^="dark desaturated"] .rh-article-teaser-summary a:hover, [data-rh-theme^="dark desaturated"] .rh-article-teaser-summary a:active {
  color: #c7c7c7;
}
[data-rh-theme^="dark desaturated"] .rh-article-teaser-summary a:focus, [data-rh-theme^="dark desaturated"] .rh-article-teaser-summary a:active {
  outline-color: #ffffff;
}
[data-rh-theme~=desaturated] .rh-article-teaser-summary a {
  text-decoration: underline;
}
.rh-article-teaser-summary .rh-article-teaser-summary-link:hover, .rh-article-teaser-summary .rh-article-teaser-summary-link:focus {
  -webkit-text-decoration: underline dashed light-dark(#707070, #a3a3a3) 1px;
          text-decoration: underline dashed light-dark(#707070, #a3a3a3) 1px;
  text-underline-offset: 6px;
}

.rh-article-teaser-meta {
  margin: 0 0 24px;
}
.rh-article-teaser-meta:last-child {
  margin-bottom: 0;
}
.rh-article-teaser-meta .rh-article-teaser-taxonomy-link a {
  color: light-dark(#151515, #ffffff);
  -webkit-text-decoration: underline dashed light-dark(#707070, #a3a3a3) 1px;
          text-decoration: underline dashed light-dark(#707070, #a3a3a3) 1px;
  text-underline-offset: 4px;
  transition: ease all 0.3s;
}
.rh-article-teaser-meta .rh-article-teaser-taxonomy-link a:hover, .rh-article-teaser-meta .rh-article-teaser-taxonomy-link a:focus {
  -webkit-text-decoration: underline dashed 1px;
          text-decoration: underline dashed 1px;
  -webkit-text-decoration-color: inherit;
          text-decoration-color: inherit;
  text-underline-offset: 6px;
}

.rh-article-teaser-date,
.rh-article-teaser-author {
  font-family: var(--rh-font-family-body-text, RedHatText, "Red Hat Text", Helvetica, Arial, sans-serif);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: light-dark(#151515, #c7c7c7);
}
.rh-article-teaser-date a,
.rh-article-teaser-author a {
  text-decoration: none;
  color: light-dark(#0066cc, #92c5f9);
}
.rh-article-teaser-date a:hover, .rh-article-teaser-date a:active,
.rh-article-teaser-author a:hover,
.rh-article-teaser-author a:active {
  cursor: pointer;
  color: light-dark(#004d99, #b9dafc);
}
.rh-article-teaser-date a:focus, .rh-article-teaser-date a:active,
.rh-article-teaser-author a:focus,
.rh-article-teaser-author a:active {
  outline: 1px dotted light-dark(#0066cc, #92c5f9);
  outline-offset: 1px;
  text-decoration: none !important;
}
[data-rh-theme^="dark desaturated"] .rh-article-teaser-date a,
[data-rh-theme^="dark desaturated"] .rh-article-teaser-author a {
  color: #ffffff;
}
[data-rh-theme^="dark desaturated"] .rh-article-teaser-date a:hover, [data-rh-theme^="dark desaturated"] .rh-article-teaser-date a:active,
[data-rh-theme^="dark desaturated"] .rh-article-teaser-author a:hover,
[data-rh-theme^="dark desaturated"] .rh-article-teaser-author a:active {
  color: #c7c7c7;
}
[data-rh-theme^="dark desaturated"] .rh-article-teaser-date a:focus, [data-rh-theme^="dark desaturated"] .rh-article-teaser-date a:active,
[data-rh-theme^="dark desaturated"] .rh-article-teaser-author a:focus,
[data-rh-theme^="dark desaturated"] .rh-article-teaser-author a:active {
  outline-color: #ffffff;
}
[data-rh-theme~=desaturated] .rh-article-teaser-date a,
[data-rh-theme~=desaturated] .rh-article-teaser-author a {
  text-decoration: underline;
}

.rh-article-teaser-tag-label {
  font-style: normal;
}

.rh-article-teaser-pipe {
  border: 1px solid transparent;
  padding-left: 16px;
  margin-right: 16px;
  border-right-color: light-dark(#c7c7c7, rgba(255, 255, 255, 0.6));
}
@media print {
  .rh-article-teaser-pipe {
    border-right-color: #151515 !important;
  }
}
[data-rh-theme$=polar] .rh-article-teaser-pipe {
  border-right-color: rgba(242, 242, 242, 0.3);
}

.rh-article-teaser-band-tags,
.rh-article-teaser-hero-tags,
.rh-article-teaser-result-tags {
  margin: 0;
  display: inline-block;
}

.rh-article-teaser-band-tags {
  font-family: var(--rh-font-family-body-text, RedHatText, "Red Hat Text", Helvetica, Arial, sans-serif);
  font-size: 0.875rem;
  font-weight: 400;
  font-style: italic;
  line-height: 1.5;
  color: light-dark(#151515, #c7c7c7);
}
.rh-article-teaser-band-tags a {
  text-decoration: none;
  color: light-dark(#0066cc, #92c5f9);
}
.rh-article-teaser-band-tags a:hover, .rh-article-teaser-band-tags a:active {
  cursor: pointer;
  color: light-dark(#004d99, #b9dafc);
}
.rh-article-teaser-band-tags a:focus, .rh-article-teaser-band-tags a:active {
  outline: 1px dotted light-dark(#0066cc, #92c5f9);
  outline-offset: 1px;
  text-decoration: none !important;
}
[data-rh-theme^="dark desaturated"] .rh-article-teaser-band-tags a {
  color: #ffffff;
}
[data-rh-theme^="dark desaturated"] .rh-article-teaser-band-tags a:hover, [data-rh-theme^="dark desaturated"] .rh-article-teaser-band-tags a:active {
  color: #c7c7c7;
}
[data-rh-theme^="dark desaturated"] .rh-article-teaser-band-tags a:focus, [data-rh-theme^="dark desaturated"] .rh-article-teaser-band-tags a:active {
  outline-color: #ffffff;
}
[data-rh-theme~=desaturated] .rh-article-teaser-band-tags a {
  text-decoration: underline;
}

.rh-article-teaser-result-tag {
  display: inline-block;
  font-size: 0.75rem;
  border: 1px solid #707070;
  background-color: #ffffff;
  padding: 6px;
  border-radius: 3px;
  margin-right: 8px;
  text-decoration: none;
  color: light-dark(#a3a3a3, #c7c7c7);
}
.rh-article-teaser-result-tag:hover {
  color: light-dark(#151515, #c7c7c7);
}
.rh-article-teaser-result-tag:focus, .rh-article-teaser-result-tag:active {
  outline: 1px dotted light-dark(#0066cc, #92c5f9);
  outline-offset: 1px;
  text-decoration: none !important;
  color: light-dark(#151515, #c7c7c7);
}
[data-rh-theme^="dark desaturated"] .rh-article-teaser-result-tag:focus, [data-rh-theme^="dark desaturated"] .rh-article-teaser-result-tag:active {
  outline-color: #ffffff;
}

.rh-article-teaser-hero-headline {
  margin: 0 0 24px;
  font-family: var(--rh-font-family-heading, RedHatDisplay, "Red Hat Display", Helvetica, Arial, sans-serif);
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.3;
  color: light-dark(#151515, #ffffff);
}
@media (min-width: 768px) {
  .rh-article-teaser-hero-headline {
    font-size: 2.5rem;
    font-weight: 400;
  }
}
.rh-article-teaser-hero-headline:last-child {
  margin-bottom: 0;
}
.rh-article-teaser-hero-headline:not(:last-child) {
  margin-bottom: 24px;
}
.rh-article-teaser-hero-headline em {
  font-style: italic;
}
.rh-article-teaser-hero-headline a {
  text-decoration: none;
  color: inherit;
}
.rh-article-teaser-hero-headline a:hover, .rh-article-teaser-hero-headline a:focus, .rh-article-teaser-hero-headline a:active {
  color: light-dark(#004d99, #c7c7c7);
}

.rh-article-teaser-hero-summary {
  font-family: var(--rh-font-family-body-text, RedHatText, "Red Hat Text", Helvetica, Arial, sans-serif);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 24px;
  color: light-dark(#151515, #ffffff);
}
@media (min-width: 768px) {
  .rh-article-teaser-hero-summary {
    font-size: 1.125rem;
  }
}
.rh-article-teaser-hero-summary:last-child {
  margin-bottom: 0;
}
.rh-article-teaser-hero-summary a {
  text-decoration: none;
  color: light-dark(#0066cc, #92c5f9);
}
.rh-article-teaser-hero-summary a:hover, .rh-article-teaser-hero-summary a:active {
  cursor: pointer;
  text-decoration: underline;
  color: light-dark(#004d99, #b9dafc);
}
.rh-article-teaser-hero-summary a:focus, .rh-article-teaser-hero-summary a:active {
  outline: 1px dotted light-dark(#0066cc, #92c5f9);
  outline-offset: 1px;
  text-decoration: none !important;
}
[data-rh-theme^="dark desaturated"] .rh-article-teaser-hero-summary a {
  color: #ffffff;
}
[data-rh-theme^="dark desaturated"] .rh-article-teaser-hero-summary a:hover, [data-rh-theme^="dark desaturated"] .rh-article-teaser-hero-summary a:active {
  color: #c7c7c7;
}
[data-rh-theme^="dark desaturated"] .rh-article-teaser-hero-summary a:focus, [data-rh-theme^="dark desaturated"] .rh-article-teaser-hero-summary a:active {
  outline-color: #ffffff;
}
[data-rh-theme~=desaturated] .rh-article-teaser-hero-summary a {
  text-decoration: underline;
}

.rh-article-teaser-hero-date,
.rh-article-teaser-hero-author,
.rh-article-teaser-hero-readtime {
  font-family: var(--rh-font-family-body-text, RedHatText, "Red Hat Text", Helvetica, Arial, sans-serif);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  color: light-dark(#151515, #ffffff);
}
.rh-article-teaser-hero-date .placeholder,
.rh-article-teaser-hero-author .placeholder,
.rh-article-teaser-hero-readtime .placeholder {
  font-style: normal;
}
.rh-article-teaser-hero-date a,
.rh-article-teaser-hero-author a,
.rh-article-teaser-hero-readtime a {
  text-decoration: none;
  color: light-dark(#0066cc, #92c5f9);
}
.rh-article-teaser-hero-date a:hover, .rh-article-teaser-hero-date a:active,
.rh-article-teaser-hero-author a:hover,
.rh-article-teaser-hero-author a:active,
.rh-article-teaser-hero-readtime a:hover,
.rh-article-teaser-hero-readtime a:active {
  cursor: pointer;
  color: light-dark(#004d99, #b9dafc);
}
.rh-article-teaser-hero-date a:focus, .rh-article-teaser-hero-date a:active,
.rh-article-teaser-hero-author a:focus,
.rh-article-teaser-hero-author a:active,
.rh-article-teaser-hero-readtime a:focus,
.rh-article-teaser-hero-readtime a:active {
  outline: 1px dotted light-dark(#0066cc, #92c5f9);
  outline-offset: 1px;
  text-decoration: none !important;
}
[data-rh-theme^="dark desaturated"] .rh-article-teaser-hero-date a,
[data-rh-theme^="dark desaturated"] .rh-article-teaser-hero-author a,
[data-rh-theme^="dark desaturated"] .rh-article-teaser-hero-readtime a {
  color: #ffffff;
}
[data-rh-theme^="dark desaturated"] .rh-article-teaser-hero-date a:hover, [data-rh-theme^="dark desaturated"] .rh-article-teaser-hero-date a:active,
[data-rh-theme^="dark desaturated"] .rh-article-teaser-hero-author a:hover,
[data-rh-theme^="dark desaturated"] .rh-article-teaser-hero-author a:active,
[data-rh-theme^="dark desaturated"] .rh-article-teaser-hero-readtime a:hover,
[data-rh-theme^="dark desaturated"] .rh-article-teaser-hero-readtime a:active {
  color: #c7c7c7;
}
[data-rh-theme^="dark desaturated"] .rh-article-teaser-hero-date a:focus, [data-rh-theme^="dark desaturated"] .rh-article-teaser-hero-date a:active,
[data-rh-theme^="dark desaturated"] .rh-article-teaser-hero-author a:focus,
[data-rh-theme^="dark desaturated"] .rh-article-teaser-hero-author a:active,
[data-rh-theme^="dark desaturated"] .rh-article-teaser-hero-readtime a:focus,
[data-rh-theme^="dark desaturated"] .rh-article-teaser-hero-readtime a:active {
  outline-color: #ffffff;
}
[data-rh-theme~=desaturated] .rh-article-teaser-hero-date a,
[data-rh-theme~=desaturated] .rh-article-teaser-hero-author a,
[data-rh-theme~=desaturated] .rh-article-teaser-hero-readtime a {
  text-decoration: underline;
}

.rh-article-teaser-hero-author a:hover, .rh-article-teaser-hero-author a:active {
  -webkit-text-decoration: underline dashed light-dark(#707070, #a3a3a3) 1px;
          text-decoration: underline dashed light-dark(#707070, #a3a3a3) 1px;
  text-underline-offset: 6px;
}

.rh-article-teaser-hero-tags {
  font-family: var(--rh-font-family-body-text, RedHatText, "Red Hat Text", Helvetica, Arial, sans-serif);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  color: light-dark(#151515, #ffffff);
}
.rh-article-teaser-hero-tags a {
  color: light-dark(#151515, #ffffff);
  -webkit-text-decoration: underline dashed light-dark(#707070, #a3a3a3) 1px;
          text-decoration: underline dashed light-dark(#707070, #a3a3a3) 1px;
  text-underline-offset: 4px;
}
.rh-article-teaser-hero-tags a:hover, .rh-article-teaser-hero-tags a:active {
  color: light-dark(#151515, #ffffff);
  -webkit-text-decoration: underline dashed 1px;
          text-decoration: underline dashed 1px;
  -webkit-text-decoration-color: inherit;
          text-decoration-color: inherit;
  text-underline-offset: 6px;
  cursor: pointer;
}
.rh-article-teaser-hero-tags a:focus, .rh-article-teaser-hero-tags a:active {
  outline: 1px dotted light-dark(#0066cc, #92c5f9);
  outline-offset: 1px;
  text-decoration: none !important;
}
[data-rh-theme^="dark desaturated"] .rh-article-teaser-hero-tags a:focus, [data-rh-theme^="dark desaturated"] .rh-article-teaser-hero-tags a:active {
  outline-color: #ffffff;
}
[data-rh-theme~=desaturated] .rh-article-teaser-hero-tags a {
  text-decoration: underline;
}