/* ===== Terms Page ===== */
.terms-container {
   display: grid;
   grid-template-columns: 300px 1fr;
   gap: 3rem;
}

.terms-sidebar {
   position: sticky;
   top: 100px;
   height: fit-content;
}

.terms-nav {
   background-color: white;
   border-radius: var(--border-radius-lg);
   padding: 1.5rem;
   box-shadow: var(--box-shadow);
}

.terms-nav h3 {
   font-size: 1.125rem;
   margin-bottom: 1rem;
   padding-bottom: 0.75rem;
   border-bottom: 1px solid var(--gray-200);
}

.terms-nav ul {
   list-style: none;
}

.terms-nav li {
   margin-bottom: 0.5rem;
}

.terms-nav a {
   display: block;
   padding: 0.5rem;
   color: var(--gray-700);
   border-radius: var(--border-radius);
   transition: var(--transition);
}

.terms-nav a:hover,
.terms-nav a.active {
   background-color: var(--gray-100);
   color: var(--primary-color);
}

.terms-content {
   background-color: white;
   border-radius: var(--border-radius-lg);
   padding: 2rem;
   box-shadow: var(--box-shadow);
}

.terms-content h2 {
   font-size: 1.5rem;
   margin-bottom: 1rem;
   padding-bottom: 0.75rem;
   border-bottom: 1px solid var(--gray-200);
}

.terms-content h3 {
   font-size: 1.25rem;
   margin-top: 2rem;
   margin-bottom: 1rem;
}

.terms-content ul {
   list-style: none;
   margin-bottom: 1.5rem;
}

.terms-content li {
   padding-left: 1.5rem;
   position: relative;
   margin-bottom: 0.5rem;
}

.terms-content li::before {
   content: "•";
   position: absolute;
   left: 0.5rem;
   color: var(--primary-color);
}

.terms-contact {
   margin-top: 3rem;
   padding-top: 2rem;
   border-top: 1px solid var(--gray-200);
}