/* Container: full width so text-align works */
.ar-fancy-title-block {
  display: block;
  margin: 5px 0;
  margin-top: 30px;
  margin-bottom: 30px;
}

/* Alignment helpers */
.ar-fancy-title-block.align-left   { text-align: left; }
.ar-fancy-title-block.align-center { text-align: center; }
.ar-fancy-title-block.align-right  { text-align: right; }

/* Subtitle styling (color & size set inline) */
.ar-fancy-title-block .fancy-subtitle {
  display: block;
  margin: 0 0 5px;
  font-weight: 400;
  color: var(--subtitle-color);
}

/* Title shrink-wrap */
.ar-fancy-title-block .fancy-title {
  display: inline-block;
  position: relative;
  margin: 0;
    color: var(--title-color);
}

/* 80% underline under the title text */
.ar-fancy-title-block .fancy-title::after {
  content: '';
  display: block;
  width: 80%;
  height: 2px;
  border-radius: 10px;
  background: var(--line-color);
  margin: 0.5rem auto 0;
}

/* Optional overrides to nudge left/right */
.ar-fancy-title-block.align-left .fancy-title::after {
  margin: 0.5rem 0 0 0;
}
.ar-fancy-title-block.align-right .fancy-title::after {
  margin: 0.5rem 0 0 auto;
}