/* File: assets/css/terms-conditions.css */
/* Purpose: Light page-specific styling for Terms so content feels cohesive.
   Works WITH your main style.css (does not override global theme heavily). */

.tc-hero {
  /* Keep it subtle so it blends with your theme */
  padding: 28px 0 18px;
  border-bottom: 1px solid rgba(0,0,0,.08);
  background: linear-gradient(135deg, rgba(11, 74, 162, .08), rgba(2, 132, 199, .06));
}

.tc-hero h1 {
  margin: 10px 0 8px;
}

.tc-main {
  padding-top: 22px;
  padding-bottom: 40px;
}

/* Wrap all Terms content so we can control spacing cleanly */
.tc-content {
  max-width: 980px;
  margin: 0 auto;
}

/* These boxes existed before; keep them nice + consistent */
.tc-content .note,
.tc-content .warning {
  border-radius: 14px;
  padding: 14px 14px;
  margin: 14px 0 18px;
}

.tc-content .warning {
  border: 1px solid rgba(185, 28, 28, .35);
  background: rgba(185, 28, 28, .06);
}

.tc-content .note {
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(2, 6, 23, .03);
}

/* ✅ MAIN FIX: paragraph spacing that feels "connected" */
.tc-content p {
  margin: 0 0 10px;
}

.tc-content p + p {
  /* Small separation (not huge) so it reads like a continuous doc */
  margin-top: 6px;
}

/* Headings spacing: avoid huge gaps that make it feel "separate" */
.tc-content h2 {
  margin: 18px 0 8px;
}

.tc-content h3 {
  margin: 14px 0 6px;
}

/* Sections: softer divider + tighter spacing */
.tc-content .section {
  padding: 14px 0;
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.tc-content .section:last-child {
  border-bottom: none;
}

/* Lists: consistent and not overly spaced */
.tc-content ul {
  margin: 8px 0 10px 20px;
}

.tc-content li {
  margin: 6px 0;
}

/* Muted text helper */
.tc-content .muted {
  opacity: .78;
}

/* TOC styles (optional but included in HTML above) */
.tc-toc {
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.7);
  border-radius: 14px;
  padding: 14px;
  margin: 18px 0 22px;
}

.tc-toc-title {
  font-size: 1.05rem;
  margin: 0 0 10px;
}

.tc-toc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  columns: 2;
  column-gap: 18px;
}

.tc-toc-list li {
  margin: 6px 0;
  break-inside: avoid;
}

.tc-toc-list a {
  text-decoration: none;
}

.tc-toc-list a:hover {
  text-decoration: underline;
}

/* Responsive: TOC becomes 1 column on mobile */
@media (max-width: 767px) {
  .tc-toc-list {
    columns: 1;
  }
}