/* ===== TERMS PAGE SPECIFIC STYLES ===== */
 .terms-section {
     max-width: 1100px;
     margin: 0 auto;
     padding: var(--space-2xl) var(--space-md) var(--space-3xl);
 }

 .section-headline {
     font-size: var(--font-h1);
     font-weight: 700;
     color: var(--text-dark);
     letter-spacing: -0.02em;
     margin-bottom: var(--space-xl);
     line-height: var(--line-tight);
     text-align: center;
 }

 .section-headline span {
     color: var(--sky-deep);
 }

 .underlined-heading {
     display: inline-block;
     position: relative;
     padding-bottom: 6px;
 }

 .underlined-heading::after {
     content: '';
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 4px;
     background: var(--gradient-primary);
     border-radius: var(--radius-sm);
     box-shadow: 0 2px 8px var(--underline-glow);
 }

 /* Content Box */
 .content-box {
     background: rgba(255, 255, 255, 0.6);
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
     border-radius: var(--radius-xl);
     padding: var(--space-xl);
     box-shadow: var(--shadow-sm);
     border: 1px solid var(--border-light);
     margin-top: var(--space-xl);
 }

 .content-box h2 {
     font-size: var(--font-h2);
     font-weight: 700;
     color: var(--sky-deep);
     margin-top: var(--space-xl);
     margin-bottom: var(--space-md);
     border-left: 6px solid var(--sky-primary);
     padding-left: var(--space-md);
 }

 .content-box h2:first-of-type {
     margin-top: 0.5rem;
 }

 .content-box p {
     color: var(--text-soft);
     font-size: var(--font-body);
     line-height: var(--line-loose);
     margin-bottom: var(--space-md);
 }

 .content-box ul {
     margin-bottom: var(--space-lg);
     padding-left: var(--space-xl);
 }

 .content-box li {
     color: var(--text-soft);
     font-size: var(--font-body);
     line-height: var(--line-loose);
     margin-bottom: var(--space-xs);
 }

 .content-box li strong {
     color: var(--sky-deep);
 }

 /* Highlight and Note Boxes */
 .highlight-box {
     background: rgba(212, 232, 255, 0.4);
     border-radius: var(--radius-lg);
     padding: var(--space-lg) var(--space-xl);
     border: 1px solid var(--sky-primary);
     margin: var(--space-xl) 0 var(--space-md);
 }

 .highlight-box a {
     color: var(--sky-deep);
     text-decoration: underline;
     font-weight: 600;
 }

 .highlight-box a:hover {
     color: var(--sky-primary);
 }

 .note-box {
     background: rgba(212, 232, 255, 0.2);
     border-radius: var(--radius-lg);
     padding: var(--space-lg) var(--space-xl);
     border: 1px dashed var(--sky-primary);
     margin: var(--space-xl) 0 0;
 }

 .note-box strong {
     color: var(--sky-deep);
 }

 /* Last Updated Badge */
 .last-updated {
     display: inline-block;
     background: var(--sky-light);
     color: var(--sky-deep);
     padding: var(--space-xs) var(--space-md);
     border-radius: var(--radius-full);
     font-size: var(--font-small);
     font-weight: 600;
     margin-bottom: var(--space-md);
     border: 1px solid var(--sky-primary);
 }

 /* Table of Contents */
 .toc-box {
     background: rgba(255, 255, 255, 0.8);
     border-radius: var(--radius-lg);
     padding: var(--space-lg);
     margin-bottom: var(--space-xl);
     border: 1px solid var(--border-light);
 }

 .toc-title {
     font-size: var(--font-h4);
     font-weight: 700;
     color: var(--text-dark);
     margin-bottom: var(--space-md);
     display: flex;
     align-items: center;
     gap: var(--space-sm);
 }

 .toc-title i {
     color: var(--sky-deep);
     font-size: var(--font-h3);
 }

 .toc-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
     gap: var(--space-sm);
 }

 .toc-item {
     color: var(--text-soft);
     text-decoration: none;
     padding: var(--space-xs) var(--space-sm);
     border-radius: var(--radius-sm);
     transition: all 0.2s ease;
     font-size: var(--font-small);
 }

 .toc-item:hover {
     background: var(--sky-light);
     color: var(--sky-deep);
     transform: translateX(5px);
 }

 .toc-item i {
     font-size: var(--font-tiny);
     margin-right: var(--space-xs);
     color: var(--sky-primary);
 }

 /* Mobile Responsive */
 @media (max-width: 768px) {
     .terms-section {
         padding: var(--space-lg) var(--space-sm) var(--space-xl);
     }

     .content-box {
         padding: var(--space-lg);
     }

     .content-box h2 {
         font-size: var(--font-h3);
         margin-top: var(--space-lg);
     }

     .content-box p,
     .content-box li {
         font-size: var(--font-small);
     }

     .highlight-box,
     .note-box {
         padding: var(--space-md);
     }

     .toc-grid {
         grid-template-columns: 1fr;
     }
 }