/* ===== Underground Noize: Typography & HR Tweaks ===== */

/* Make all white text slightly darker and larger */
.news-article,
.news-article p,
.news-article strong,
.news-article em {
  color: #ccc; /* softer than pure white (#fff) */
  font-size: 1.05rem; /* slightly larger */
  line-height: 1.7;
}

/* Headings inside articles */
.news-article h2 {
  color: #f3f3f3;
  font-size: 3rem;
  text-shadow: 0 0 6px #2b6fff;
}
.news-article h3 {
  color: #e0e0e0;
  font-size: 1.6rem;
  text-shadow: 0 0 5px rgba(209, 24, 24, 0.4);
}

/* Gothic HR divider with skull-red glow */
.news-article hr {
  height: 2px;
  border: none;
  background: linear-gradient(90deg, #1a0000, #7a0000 40%, #1a0000 100%);
  box-shadow: 0 0 6px rgba(255, 0, 0, 0.4);
  margin: 1rem auto;
  width: 80%;
}

/* Slight highlight on hover for links */
.news-article a {
  color: #ff4444;
  text-decoration: none;
  transition: all 0.2s ease;
}
.news-article a:hover {
  color: #ff7777;
  text-shadow: 0 0 8px #ff0000;
}

/* ===== Underground Noize – News overrides (high-specificity) ===== */

/* Body text color/size */
.storybox .sb-article .sb-body,
.storybox .sb-article .sb-body p,
.storybox .sb-article .sb-body li,
.storybox .sb-article .sb-body strong,
.storybox .sb-article .sb-body em {
  color: #cfcfcf; /* slightly darker than white */
  font-size: 1.06rem; /* subtle bump */
  line-height: 1.7;
}

/* Headings inside article */
.storybox .sb-article .sb-body h2 {
  color: #f2f2f2;
  font-size: 2rem;
  line-height: 1.2;
}
.storybox .sb-article .sb-body h3 {
  color: #e3e3e3;
  font-size: 1.4rem;
  line-height: 1.25;
}

/* Gothic HR */
.storybox .sb-article .sb-body hr {
  height: 2px;
  border: 0;
  background: linear-gradient(90deg, #1a0000, #7a0000 45%, #1a0000);
  box-shadow:
    0 0 6px rgba(255, 0, 0, 0.35),
    inset 0 0 6px rgba(0, 0, 0, 0.65);
  width: 82%;
  margin: 1rem auto 1.2rem;
}

/* Links inside article */
.storybox .sb-article .sb-body a {
  color: #ff4444;
  text-decoration: none;
  transition:
    color 0.15s ease,
    text-shadow 0.15s ease;
}
.storybox .sb-article .sb-body a:hover {
  color: #ff6a6a;
  text-shadow: 0 0 8px rgba(255, 0, 0, 0.6);
}

/* Mobile */
@media (max-width: 768px) {
  .storybox .sb-article .sb-body {
    font-size: 1.04rem;
  }
  .storybox .sb-article .sb-body h2 {
    font-size: 2.7rem;
  }
  .storybox .sb-article .sb-body h3 {
    font-size: 1.75rem;
  }
}

#storybox .sb-article .sb-body p {
  color: #cfcfcf;
  font-size: 1.06rem;
}