/* Reset base styles */
.tc-container * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Main container styling */
.tc-container {
  max-width: 900px;
  margin: 50px auto;
  padding: 40px;
  background-color: #0f0f0f;
  color: #f5f5f5;
  border-radius: 12px;
  box-shadow: 0 0 25px rgba(255, 0, 0, 0.2);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 
  line-height: 1.8;
  border: 2px solid transparent;
  background-image: linear-gradient(#0f0f0f, #0f0f0f),
    linear-gradient(135deg, red, #ff5555);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

/* Main Heading */
.tc-container h1 {
  font-size: 3rem;
  color: #ffffff;
  margin-bottom: 20px;
  border-bottom: 3px solid red;
  padding-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Highlight subheadings */
.tc-container .highlight {
  color: #ff1e1e;
  font-weight: bold;
  margin-top: 30px;
  font-size: 1.4rem;
}

/* Section headings */
.tc-container h2 {
  font-size: 1.8rem;
  margin-top: 40px;
  color: #ffffff;
  border-left: 5px solid #ff1e1e;
  padding-left: 15px;
}

/* Subsection headings */
.tc-container h3 {
  font-size: 1.4rem;
  margin-top: 30px;
  color: #ff3b3b;
  text-transform: uppercase;
}

/* Paragraphs */
.tc-container p {
  margin: 15px 0;
  font-size: 1rem;
  color: #e0e0e0;
}

/* Links */
.tc-container a {
  color: #ff4d4d;
  text-decoration: none;
  transition: color 0.3s;
}

.tc-container a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/* List styling */
.tc-container ul {
  list-style-type: disc;
  padding-left: 20px;
  margin-top: 10px;
}

.tc-container li {
  margin-bottom: 15px;
}

/* Strong text */
.tc-container strong {
  color: #ffffff;
  font-weight: 700;
}

/* Callout paragraph (last updated, etc.) */
.tc-container .highlight:first-of-type {
  font-size: 1rem;
  font-style: italic;
  color: #ccc;
  margin-bottom: 10px;
}

/* Responsive design */
@media (max-width: 768px) {
  .tc-container {
    padding: 25px;
  }

  .tc-container h1 {
    font-size: 2.2rem;
  }

  .tc-container h2 {
    font-size: 1.5rem;
  }

  .tc-container h3 {
    font-size: 1.2rem;
  }
}
