/* ================================================================================ */
/*  Project: WebRH
/*  Author: Digital Experience
/*  Date: Tue Apr 28 2026 15:06:25 GMT+0000 (Coordinated Universal Time)
/*  
/*  Copyright © 2026 Red Hat, Inc.
/*  https://www.redhat.com
/* ================================================================================ */

.rh-default--component,
.rh-generic--component {
  font-family: var(--rh-font-family-body-text, RedHatText, "Red Hat Text", Helvetica, Arial, sans-serif);
  font-weight: 400;
  line-height: 1.5;
}
.rh-default--component h1,
.rh-generic--component h1 {
  margin-top: 0;
  font-family: var(--rh-font-family-heading, RedHatDisplay, "Red Hat Display", Helvetica, Arial, sans-serif);
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.3;
  color: light-dark(#151515, #ffffff);
}
.rh-default--component h1:not(:first-child),
.rh-generic--component h1:not(:first-child) {
  margin-top: 24px;
}
.rh-default--component h1:not(:last-child, :empty),
.rh-generic--component h1:not(:last-child, :empty) {
  margin-bottom: 16px;
}
.rh-default--component h1:not([class]) a,
.rh-generic--component h1:not([class]) a {
  text-decoration: none;
  color: inherit;
}
.rh-default--component h1:not([class]) a:hover,
.rh-generic--component h1:not([class]) a:hover {
  color: light-dark(#004d99, #c7c7c7);
}
.rh-default--component h1:not([class]) a:active, .rh-default--component h1:not([class]) a:focus,
.rh-generic--component h1:not([class]) a:active,
.rh-generic--component h1:not([class]) a:focus {
  color: light-dark(#004d99, #c7c7c7);
}
.rh-default--component h1[id] a,
.rh-generic--component h1[id] a {
  color: inherit;
}
.rh-default--component h1[id] a:hover,
.rh-generic--component h1[id] a:hover {
  color: light-dark(#004d99, #c7c7c7);
}
.rh-default--component h2,
.rh-generic--component h2 {
  margin-top: 0;
  font-family: var(--rh-font-family-heading, RedHatDisplay, "Red Hat Display", Helvetica, Arial, sans-serif);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3;
  color: light-dark(#151515, #ffffff);
}
.rh-default--component h2:not(:first-child),
.rh-generic--component h2:not(:first-child) {
  margin-top: 24px;
}
.rh-default--component h2:not(:last-child, :empty),
.rh-generic--component h2:not(:last-child, :empty) {
  margin-bottom: 16px;
}
.rh-default--component h2:not([class]) a,
.rh-generic--component h2:not([class]) a {
  text-decoration: none;
}
.rh-default--component h2:not([class]) a:not(:first-child),
.rh-generic--component h2:not([class]) a:not(:first-child) {
  margin-top: 24px;
}
.rh-default--component h2:not([class]) a:hover,
.rh-generic--component h2:not([class]) a:hover {
  color: light-dark(#004d99, #c7c7c7);
}
.rh-default--component h2[id] a,
.rh-generic--component h2[id] a {
  color: inherit;
}
.rh-default--component h2[id] a:hover,
.rh-generic--component h2[id] a:hover {
  color: light-dark(#004d99, #c7c7c7);
}
.rh-default--component h3,
.rh-generic--component h3 {
  margin-top: 0;
  font-family: var(--rh-font-family-heading, RedHatDisplay, "Red Hat Display", Helvetica, Arial, sans-serif);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.3;
  color: light-dark(#151515, #ffffff);
}
.rh-default--component h3:not(:first-child),
.rh-generic--component h3:not(:first-child) {
  margin-top: 24px;
}
.rh-default--component h3:not(:last-child, :empty),
.rh-generic--component h3:not(:last-child, :empty) {
  margin-bottom: 16px;
}
.rh-default--component h3:not([class]) a,
.rh-generic--component h3:not([class]) a {
  text-decoration: none;
  transition: none;
}
.rh-default--component h3 a,
.rh-generic--component h3 a {
  text-decoration: none;
  color: light-dark(#151515, #ffffff);
}
.rh-default--component h3 a:hover,
.rh-generic--component h3 a:hover {
  color: light-dark(#004d99, #c7c7c7);
}
.rh-default--component h3 a:active, .rh-default--component h3 a:focus,
.rh-generic--component h3 a:active,
.rh-generic--component h3 a:focus {
  color: light-dark(#004d99, #c7c7c7);
}
[data-rh-overlay] .rh-default--component h3,
[data-rh-overlay] .rh-generic--component h3 {
  font-weight: 500;
}
.rh-default--component h3[id] a,
.rh-generic--component h3[id] a {
  color: inherit;
}
.rh-default--component h3[id] a:hover,
.rh-generic--component h3[id] a:hover {
  color: light-dark(#004d99, #c7c7c7);
}
.rh-default--component h4,
.rh-generic--component h4 {
  margin-top: 0;
  font-family: var(--rh-font-family-heading, RedHatDisplay, "Red Hat Display", Helvetica, Arial, sans-serif);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.3;
  color: light-dark(#151515, #ffffff);
}
.rh-default--component h4:not(:first-child),
.rh-generic--component h4:not(:first-child) {
  margin-top: 24px;
}
.rh-default--component h4:not(:last-child, :empty),
.rh-generic--component h4:not(:last-child, :empty) {
  margin-bottom: 16px;
}
.rh-default--component h4:not([class]) a,
.rh-generic--component h4:not([class]) a {
  text-decoration: none;
  transition: none;
  color: inherit;
}
.rh-default--component h4:not([class]) a:hover,
.rh-generic--component h4:not([class]) a:hover {
  color: light-dark(#004d99, #c7c7c7);
}
.rh-default--component h4:not([class]) a:active, .rh-default--component h4:not([class]) a:focus,
.rh-generic--component h4:not([class]) a:active,
.rh-generic--component h4:not([class]) a:focus {
  color: light-dark(#004d99, #c7c7c7);
}
.rh-default--component h4[id] a,
.rh-generic--component h4[id] a {
  color: inherit;
}
.rh-default--component h4[id] a:hover,
.rh-generic--component h4[id] a:hover {
  color: light-dark(#004d99, #c7c7c7);
}
.rh-default--component h5,
.rh-generic--component h5 {
  margin-top: 0;
  font-family: var(--rh-font-family-heading, RedHatDisplay, "Red Hat Display", Helvetica, Arial, sans-serif);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.3;
  color: light-dark(#151515, #ffffff);
}
.rh-default--component h5:not(:first-child),
.rh-generic--component h5:not(:first-child) {
  margin-top: 24px;
}
.rh-default--component h5:not(:last-child, :empty),
.rh-generic--component h5:not(:last-child, :empty) {
  margin-bottom: 16px;
}
.rh-default--component h5:not([class]) a,
.rh-generic--component h5:not([class]) a {
  text-decoration: none;
  transition: none;
  color: inherit;
}
.rh-default--component h5:not([class]) a:hover,
.rh-generic--component h5:not([class]) a:hover {
  color: light-dark(#004d99, #c7c7c7);
}
.rh-default--component h5:not([class]) a:active, .rh-default--component h5:not([class]) a:focus,
.rh-generic--component h5:not([class]) a:active,
.rh-generic--component h5:not([class]) a:focus {
  color: light-dark(#004d99, #c7c7c7);
}
.rh-default--component h5[id] a,
.rh-generic--component h5[id] a {
  color: inherit;
}
.rh-default--component h5[id] a:hover,
.rh-generic--component h5[id] a:hover {
  color: light-dark(#004d99, #c7c7c7);
}
.rh-default--component h6,
.rh-generic--component h6 {
  margin-top: 0;
  font-family: var(--rh-font-family-heading, RedHatDisplay, "Red Hat Display", Helvetica, Arial, sans-serif);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  color: light-dark(#151515, #ffffff);
}
.rh-default--component h6:not(:first-child),
.rh-generic--component h6:not(:first-child) {
  margin-top: 24px;
}
.rh-default--component h6:not(:last-child, :empty),
.rh-generic--component h6:not(:last-child, :empty) {
  margin-bottom: 16px;
}
.rh-default--component h6:not([class]) a,
.rh-generic--component h6:not([class]) a {
  text-decoration: none;
  color: inherit;
}
.rh-default--component h6:not([class]) a:hover,
.rh-generic--component h6:not([class]) a:hover {
  color: light-dark(#004d99, #c7c7c7);
}
.rh-default--component h6:not([class]) a:active, .rh-default--component h6:not([class]) a:focus,
.rh-generic--component h6:not([class]) a:active,
.rh-generic--component h6:not([class]) a:focus {
  color: light-dark(#004d99, #c7c7c7);
}
.rh-default--component h6[id] a,
.rh-generic--component h6[id] a {
  color: inherit;
}
.rh-default--component h6[id] a:hover,
.rh-generic--component h6[id] a:hover {
  color: light-dark(#004d99, #c7c7c7);
}
.rh-default--component div:not(.rh-carousel-navigation, .rh-promo-content),
.rh-default--component p,
.rh-generic--component div:not(.rh-carousel-navigation, .rh-promo-content),
.rh-generic--component p {
  margin-block: 0;
  color: light-dark(#151515, #ffffff);
}
.rh-default--component div:not(.rh-carousel-navigation, .rh-promo-content) rh-cta > a,
.rh-default--component p rh-cta > a,
.rh-generic--component div:not(.rh-carousel-navigation, .rh-promo-content) rh-cta > a,
.rh-generic--component p rh-cta > a {
  text-decoration: none;
}
.rh-default--component > div:not(:last-child, :empty),
.rh-default--component > section:not(:last-child, :empty),
.rh-default--component div:not(.rh-carousel-navigation, .rh-promo-content, :last-child, :empty),
.rh-default--component p:not(:last-child, :empty),
.rh-generic--component > div:not(:last-child, :empty),
.rh-generic--component > section:not(:last-child, :empty),
.rh-generic--component div:not(.rh-carousel-navigation, .rh-promo-content, :last-child, :empty),
.rh-generic--component p:not(:last-child, :empty) {
  margin-bottom: 16px;
}
.rh-default--component a,
.rh-generic--component a {
  text-decoration: none;
  color: light-dark(#0066cc, #92c5f9);
}
.rh-default--component a:hover, .rh-default--component a:active,
.rh-generic--component a:hover,
.rh-generic--component a:active {
  cursor: pointer;
  text-decoration: underline;
  color: light-dark(#004d99, #b9dafc);
}
.rh-default--component a:focus, .rh-default--component a:active,
.rh-generic--component a:focus,
.rh-generic--component a:active {
  text-decoration: none !important;
  outline-offset: 1px;
  outline: 1px dotted light-dark(#0066cc, #92c5f9);
}
[data-rh-theme^="dark desaturated"] .rh-default--component a:focus, [data-rh-theme^="dark desaturated"] .rh-default--component a:active,
[data-rh-theme^="dark desaturated"] .rh-generic--component a:focus,
[data-rh-theme^="dark desaturated"] .rh-generic--component a:active {
  outline-color: #ffffff;
}
.rh-default--component a:not([data-analytics-linktype=cta]),
.rh-generic--component a:not([data-analytics-linktype=cta]) {
  text-underline-offset: 4px;
  -webkit-text-decoration: underline dashed light-dark(#707070, #a3a3a3) 1px;
          text-decoration: underline dashed light-dark(#707070, #a3a3a3) 1px;
  transition: ease all 0.3s;
}
.rh-default--component a:not([data-analytics-linktype=cta]):hover, .rh-default--component a:not([data-analytics-linktype=cta]):active,
.rh-generic--component a:not([data-analytics-linktype=cta]):hover,
.rh-generic--component a:not([data-analytics-linktype=cta]):active {
  -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-default--component hr,
.rh-generic--component hr {
  margin: 16px 0;
  border: 0;
  border-top: 1px solid light-dark(#c7c7c7, rgba(255, 255, 255, 0.6));
}
.rh-default--component hr:first-child,
.rh-generic--component hr:first-child {
  margin-top: 0;
}
.rh-default--component hr:last-child,
.rh-generic--component hr:last-child {
  margin-bottom: 0;
}
.rh-default--component ol,
.rh-default--component ul,
.rh-generic--component ol,
.rh-generic--component ul {
  margin-block: 0;
  padding-left: 24px;
}
.rh-default--component ol:not(:last-child, :empty),
.rh-default--component ul:not(:last-child, :empty),
.rh-generic--component ol:not(:last-child, :empty),
.rh-generic--component ul:not(:last-child, :empty) {
  margin-bottom: 16px;
}
@container rh-card--layout (max-width: 449px) {
  .rh-card--layout .rh-default--component ol,
  .rh-card--layout .rh-default--component ul,
  .rh-card--layout .rh-generic--component ol,
  .rh-card--layout .rh-generic--component ul {
    padding-left: 16px;
  }
}
.rh-default--component li,
.rh-generic--component li {
  font-weight: 400;
  color: light-dark(#151515, #ffffff);
}
.rh-default--component li:not(:last-child, :empty),
.rh-generic--component li:not(:last-child, :empty) {
  margin-bottom: 8px;
}
.rh-default--component li a,
.rh-generic--component li a {
  transition: ease all 0.3s;
  text-underline-offset: 4px;
  -webkit-text-decoration: underline dashed light-dark(#004d99, #b9dafc) 1px;
          text-decoration: underline dashed light-dark(#004d99, #b9dafc) 1px;
}
.rh-default--component li a:focus, .rh-default--component li a:active,
.rh-generic--component li a:focus,
.rh-generic--component li a:active {
  text-decoration: none;
  outline-offset: 1px;
  outline: 1px dotted light-dark(#0066cc, #92c5f9);
}
[data-rh-theme^="dark desaturated"] .rh-default--component li a:focus, [data-rh-theme^="dark desaturated"] .rh-default--component li a:active,
[data-rh-theme^="dark desaturated"] .rh-generic--component li a:focus,
[data-rh-theme^="dark desaturated"] .rh-generic--component li a:active {
  outline-color: #ffffff;
}
.rh-default--component li a:hover, .rh-default--component li a:focus, .rh-default--component li a:active,
.rh-generic--component li a:hover,
.rh-generic--component li a:focus,
.rh-generic--component li a:active {
  cursor: pointer;
  text-underline-offset: 6px;
}
.rh-default--component li > ol,
.rh-default--component li > ul,
.rh-generic--component li > ol,
.rh-generic--component li > ul {
  margin-top: 8px;
}
.rh-default--component dl,
.rh-generic--component dl {
  margin: 0 0 16px;
  padding-left: 0;
}
.rh-default--component dd,
.rh-generic--component dd {
  margin-left: 0;
  color: light-dark(#151515, #ffffff);
}
.rh-default--component dd a,
.rh-generic--component dd a {
  text-decoration: none;
  color: light-dark(#0066cc, #92c5f9);
}
.rh-default--component dd a:hover, .rh-default--component dd a:active,
.rh-generic--component dd a:hover,
.rh-generic--component dd a:active {
  cursor: pointer;
  text-decoration: underline;
  color: light-dark(#004d99, #b9dafc);
}
[data-rh-theme^="dark desaturated"] .rh-default--component dd a:hover, [data-rh-theme^="dark desaturated"] .rh-default--component dd a:active,
[data-rh-theme^="dark desaturated"] .rh-generic--component dd a:hover,
[data-rh-theme^="dark desaturated"] .rh-generic--component dd a:active {
  color: #c7c7c7;
}
.rh-default--component dd a:focus, .rh-default--component dd a:active,
.rh-generic--component dd a:focus,
.rh-generic--component dd a:active {
  text-decoration: none !important;
  outline-offset: 1px;
  outline: 1px dotted light-dark(#0066cc, #92c5f9);
}
[data-rh-theme^="dark desaturated"] .rh-default--component dd a:focus, [data-rh-theme^="dark desaturated"] .rh-default--component dd a:active,
[data-rh-theme^="dark desaturated"] .rh-generic--component dd a:focus,
[data-rh-theme^="dark desaturated"] .rh-generic--component dd a:active {
  outline-color: #ffffff;
}
[data-rh-theme^="dark desaturated"] .rh-default--component dd a,
[data-rh-theme^="dark desaturated"] .rh-generic--component dd a {
  color: #ffffff;
}
[data-rh-theme~=desaturated] .rh-default--component dd a,
[data-rh-theme~=desaturated] .rh-generic--component dd a {
  text-decoration: underline;
}
.rh-default--component dt,
.rh-generic--component dt {
  font-weight: 500;
  color: light-dark(#151515, #ffffff);
}
.rh-default--component dt:not(:first-child),
.rh-generic--component dt:not(:first-child) {
  margin-top: 16px;
}
.rh-band-aside .rh-default--component dt,
.rh-band-aside .rh-generic--component dt {
  font-weight: 400;
}
.rh-default--component dt a,
.rh-generic--component dt a {
  text-decoration: none;
}
.rh-default--component dt a:hover, .rh-default--component dt a:active,
.rh-generic--component dt a:hover,
.rh-generic--component dt a:active {
  cursor: pointer;
  text-decoration: underline;
  color: light-dark(#004d99, #b9dafc);
}
[data-rh-theme^="dark desaturated"] .rh-default--component dt a:hover, [data-rh-theme^="dark desaturated"] .rh-default--component dt a:active,
[data-rh-theme^="dark desaturated"] .rh-generic--component dt a:hover,
[data-rh-theme^="dark desaturated"] .rh-generic--component dt a:active {
  color: #c7c7c7;
}
.rh-default--component dt a:focus, .rh-default--component dt a:active,
.rh-generic--component dt a:focus,
.rh-generic--component dt a:active {
  text-decoration: none !important;
  outline-offset: 1px;
  outline: 1px dotted light-dark(#0066cc, #92c5f9);
}
[data-rh-theme^="dark desaturated"] .rh-default--component dt a:focus, [data-rh-theme^="dark desaturated"] .rh-default--component dt a:active,
[data-rh-theme^="dark desaturated"] .rh-generic--component dt a:focus,
[data-rh-theme^="dark desaturated"] .rh-generic--component dt a:active {
  outline-color: #ffffff;
}
[data-rh-theme~=desaturated] .rh-default--component dt a,
[data-rh-theme~=desaturated] .rh-generic--component dt a {
  text-decoration: underline;
}
.rh-default--component table a,
.rh-generic--component table a {
  transition: ease all 0.3s;
  text-underline-offset: 4px;
  -webkit-text-decoration: underline dashed light-dark(#707070, #a3a3a3) 1px;
          text-decoration: underline dashed light-dark(#707070, #a3a3a3) 1px;
}
.rh-default--component table a:hover, .rh-default--component table a:focus,
.rh-generic--component table a:hover,
.rh-generic--component table a:focus {
  text-underline-offset: 6px;
}
.rh-default--component img,
.rh-default--component embed,
.rh-default--component object,
.rh-default--component video,
.rh-generic--component img,
.rh-generic--component embed,
.rh-generic--component object,
.rh-generic--component video {
  max-width: 100%;
  height: auto;
}
.rh-default--component .media-youtube-video,
.rh-generic--component .media-youtube-video {
  padding: 0 0 56.25%;
  height: 0;
  position: relative;
}
.rh-default--component .media-youtube-video iframe,
.rh-generic--component .media-youtube-video iframe {
  border: 0;
}
.rh-default--component .media-youtube-video iframe,
.rh-default--component .media-youtube-video img,
.rh-generic--component .media-youtube-video iframe,
.rh-generic--component .media-youtube-video img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rh-default--component [allowfullscreen],
.rh-generic--component [allowfullscreen] {
  top: 0;
  left: 0;
  width: 100%;
}
.rh-default--component code:not([class]),
.rh-default--component pre:not([class]),
.rh-default--component pre:not([class]) code,
.rh-generic--component code:not([class]),
.rh-generic--component pre:not([class]),
.rh-generic--component pre:not([class]) code {
  font-size: 0.875rem;
}
.rh-default--component code:not([class]),
.rh-generic--component code:not([class]) {
  display: inline;
  margin: 0;
  padding: 2px 4px;
  white-space: pre-wrap;
  border-width: 0;
  border-radius: 0;
  color: light-dark(#292929, #ffffff);
  background-color: light-dark(#f2f2f2, #4d4d4d);
  border-color: light-dark(#c7c7c7, #707070);
}
.rh-default--component pre:not([class]),
.rh-generic--component pre:not([class]) {
  display: block;
  margin: 0 0 16px;
  padding: 6px 8px;
  line-height: 1.5;
  word-break: break-all;
  word-wrap: break-word;
  border: 1px solid light-dark(#c7c7c7, #707070);
  border-radius: 0;
  color: light-dark(#292929, #ffffff);
  background-color: light-dark(#f2f2f2, #4d4d4d);
}
.rh-default--component pre:not([class]) code,
.rh-generic--component pre:not([class]) code {
  padding: 0;
  border: 0;
}
.rh-default--component[data-rh-align~=left],
.rh-generic--component[data-rh-align~=left] {
  list-style-position: outside;
  text-align: left;
}
.rh-default--component[data-rh-align~=right],
.rh-generic--component[data-rh-align~=right] {
  text-align: right;
  list-style-position: inside;
}
.rh-default--component[data-rh-align~=center],
.rh-generic--component[data-rh-align~=center] {
  text-align: center;
  list-style-position: inside;
}
.rh-default--component[data-rh-align~=center] > ul,
.rh-generic--component[data-rh-align~=center] > ul {
  padding-left: 0;
}
.rh-default--component[data-rh-align=center] ol,
.rh-generic--component[data-rh-align=center] ol {
  padding-left: 0;
}
.rh-default--component[data-rh-align=center] ol li,
.rh-generic--component[data-rh-align=center] ol li {
  text-align: left;
}
.rh-default--component[data-rh-align=center] ol .pfe-list--primary li,
.rh-generic--component[data-rh-align=center] ol .pfe-list--primary li {
  text-align: left;
}
.rh-default--component[data-rh-align=center] ul:not([class]) li,
.rh-generic--component[data-rh-align=center] ul:not([class]) li {
  text-align: left;
}
[data-rh-layout^=only8] .rh-default--component :has(+ .rh-band-header--component),
[data-rh-layout^=only8] .rh-generic--component :has(+ .rh-band-header--component) {
  max-width: 700px;
  width: 100%;
  margin-left: -32px;
  padding: 0 0 0 32px;
  grid-column-end: span 12;
}
rh-accordion-panel .rh-default--component p,
rh-accordion-panel .rh-default--component ol,
rh-accordion-panel .rh-default--component ul,
rh-accordion-panel .rh-generic--component p,
rh-accordion-panel .rh-generic--component ol,
rh-accordion-panel .rh-generic--component ul {
  font-size: 1rem;
}

@media (max-width: 767px) {
  .rh-default--component,
  .rh-generic--component {
    font-size: 1rem;
  }
  .rh-default--component[data-rh-align~=left-mobile],
  .rh-generic--component[data-rh-align~=left-mobile] {
    list-style-position: outside;
    text-align: left;
  }
  .rh-default--component[data-rh-align~=right-mobile],
  .rh-generic--component[data-rh-align~=right-mobile] {
    text-align: right;
    list-style-position: inside;
  }
  .rh-default--component[data-rh-align~=center-mobile],
  .rh-generic--component[data-rh-align~=center-mobile] {
    text-align: center;
    list-style-position: inside;
  }
  .rh-default--component[data-rh-align~=center-mobile] > ul,
  .rh-generic--component[data-rh-align~=center-mobile] > ul {
    padding-left: 0;
  }
  .rh-band-aside .rh-default--component ol,
  .rh-band-aside .rh-default--component ul,
  .rh-band-aside .rh-generic--component ol,
  .rh-band-aside .rh-generic--component ul {
    padding-left: 48px;
  }
  #article-contents .rh-default--component,
  #article-contents .rh-generic--component {
    font-size: 1.125rem;
  }
  #article-contents .rh-card--layout .rh-default--component,
  #article-contents .rh-card--layout .rh-generic--component {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .rh-default--component,
  .rh-generic--component {
    font-size: 1.125rem;
  }
  .rh-default--component h2,
  .rh-generic--component h2 {
    font-size: 1.75rem;
  }
  .rh-default--component h3,
  .rh-generic--component h3 {
    font-size: 1.5rem;
  }
  .rh-default--component h4,
  .rh-generic--component h4 {
    font-size: 1.25rem;
  }
  .rh-default--component h5,
  .rh-generic--component h5 {
    font-size: 1.125rem;
  }
  .rh-default--component h6,
  .rh-generic--component h6 {
    font-size: 1rem;
  }
  .rh-default--component ol,
  .rh-default--component ul,
  .rh-generic--component ol,
  .rh-generic--component ul {
    padding-left: 48px;
  }
  .rh-band-aside .rh-default--component ol,
  .rh-band-aside .rh-default--component ul,
  .rh-band-aside .rh-generic--component ol,
  .rh-band-aside .rh-generic--component ul {
    padding-left: 16px;
  }
  .rh-default--component[data-rh-align=left-desktop],
  .rh-generic--component[data-rh-align=left-desktop] {
    list-style-position: outside;
    text-align: left;
  }
  .rh-default--component[data-rh-align=right-desktop],
  .rh-generic--component[data-rh-align=right-desktop] {
    text-align: right;
    list-style-position: inside;
  }
  #article-contents .rh-default--component,
  #article-contents .rh-generic--component {
    font-size: 1.25rem;
  }
  #article-contents .rh-card--layout .rh-default--component,
  #article-contents .rh-card--layout .rh-generic--component {
    font-size: 1.125rem;
  }
}