/* Terms & Conditions page-specific styles (lean, leveraging base.css) */
.section { padding-block: var(--space-16); }
.section--intro { padding-block: var(--space-18) var(--space-10); }

.breadcrumbs__list { display: flex; gap: var(--space-3); align-items: center; color: var(--color-text-muted); }
.breadcrumbs__list li { position: relative; }
.breadcrumbs__list li + li::before { content: '\203A'; /* › */ color: var(--gray-400); margin: 0 var(--space-2); }

.intro__header p { max-width: 65ch; }

/* TOC */
.toc ol { margin: 0; padding-left: var(--space-6); }
.toc a { text-decoration: none; color: var(--gray-200); }
.toc a:hover { color: var(--color-primary-400); }
.toc a.is-active { color: var(--color-primary); font-weight: 600; }

/* Anchor offset for fixed header spacing */
[id] { scroll-margin-top: 96px; }

/* Lists inside legal sections */
#liability ul, #responsibilities ul, #ownership ul, #payments ul { padding-left: var(--space-6); }

/* Card alignment in TOC */
.section--toc .card { background: var(--color-surface-3); }

/* Buttons */
.section a.btn { margin-top: var(--space-4); }

@media (min-width: 960px) {
  .section--toc .card { position: sticky; top: 88px; }
}
