/* =======================================
   ARTICLES PAGE STYLING
   ======================================= */

/* General definition list styling */
dl {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

dt {
  font-weight: bold;
  margin-top: 1rem;
}

dd {
  margin: 0 0 1.5rem 0;
}

/* Article title styling */
dd .article {
  display: block;              /* ensures note appears below title */
}

dd .article a {
  font-weight: 900;            /* bold article title */
  text-decoration: none;
  color: var(--link-color);    /* white */
}

dd .article a:hover {
  text-decoration: underline;  /* underline only on hover */
  color: var(--link-color);
}

/* Summary / note text below the title */
dd .summary,
dd .note {
  display: block;
  margin: 0.2rem 0 0 0;        /* small spacing from title */
  font-style: italic;
  color: var(--note-color);
  padding-left: 0;
}

/* Remove top margin from first paragraph above dl */
.term .content p:first-of-type {
  margin-top: 0;
}

pre {
    color: #dcdcdc; /* light gray code text */
}

.content > .article-header h1 {
    margin-top: 0;
}

.content > h1:first-child {
  margin-top: 0;
}

/* Targeting strong tags inside the .tool class */
.tool strong {
  font-weight: 900;           /* Bold text */
  font-style: normal;         /* Ensure it's not italicized */
  color: var(--link-color);   /* Ensures the text color is white */
}

.tool a:hover strong {
  text-decoration: underline; /* Underline when the anchor is hovered */
}

.subheading strong {
  font-weight: 900;           /* Bold text */
  font-style: normal;         /* Ensure it's not italicized */
  color: var(--link-color);   /* Ensures the text color is white */
}