/* SmartStationer Terms & Conditions Page Styles */
.tc__main-content {
  margin-top: var(--space-12);
  margin-bottom: var(--space-12);
  max-width: 900px;
}

.tc__card {
  padding: var(--space-8) var(--space-6);
  background: #fff;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  margin: 0 auto;
  gap: var(--space-5);
}

.tc__meta {
  font-size: var(--font-size-sm);
  color: var(--color-neutral-400);
  margin-bottom: var(--space-4);
}

.tc__acceptable-use {
  list-style: disc inside;
  margin-top: var(--space-2);
  margin-bottom: var(--space-4);
  padding-left: var(--space-2);
  color: var(--color-neutral-900);
}

.tc__acceptable-use li {
  margin-bottom: var(--space-2);
  font-size: var(--font-size-base);
}

.tc__cta {
  margin-top: var(--space-8);
  text-align: center;
}
.tc__cta .button {
  font-size: var(--font-size-lg);
  padding: var(--space-3) var(--space-8);
  box-shadow: var(--shadow-sm);
}

@media (max-width: 900px) {
  .tc__main-content {
    max-width: 97vw;
  }
  .tc__card {
    padding: var(--space-6) var(--space-3);
  }
}

@media (max-width: 600px) {
  .tc__main-content {
    margin-top: var(--space-6);
    margin-bottom: var(--space-6);
  }
  .tc__card {
    padding: var(--space-4) var(--space-2);
  }
}