/* Terms of use and Privacy policy (Pages/Home/Terms.cshtml, Pages/Home/Privacy.cshtml).
   Design system v2026.11.07: .sacc-page-head and .sacc-prose from sacc-components.css; "On this page" is a plain list
   of links beside the text from 992px, above it on smaller screens. Tokens only. Mobile first. */

.sacc-legal-page__other {
    margin: var(--sacc-space-2, 0.5rem) 0 0;
    color: var(--sacc-color-ink-muted, #5b6670);
}

.sacc-legal-page { display: grid; gap: var(--sacc-space-6, 2rem); grid-template-columns: minmax(0, 1fr); }

.sacc-legal-page__toc {
    padding-bottom: var(--sacc-space-5, 1.5rem);
    border-bottom: 1px solid var(--sacc-color-rule, #dfe4ea);
    font-size: var(--sacc-text-sm, 0.875rem);
}
body.sacc-site .sacc-legal-page__toc-title {
    margin: 0 0 var(--sacc-space-2, 0.5rem);
    font-size: var(--sacc-text-base, 1rem);
    color: var(--sacc-color-ink, #1f2933);
}
.sacc-legal-page__toc ol { margin: 0; padding-left: 1.25rem; columns: 2 12rem; column-gap: var(--sacc-space-6, 2rem); }
.sacc-legal-page__toc li { break-inside: avoid; padding: 0.125rem 0; }
.sacc-legal-page__toc a { color: var(--sacc-color-ink, #1f2933); text-decoration: underline; text-underline-offset: 2px; }
.sacc-legal-page__toc a:hover { color: var(--sacc-color-accent, #0e7663); }

.sacc-legal-page__body { min-width: 0; overflow-wrap: anywhere; }
.sacc-legal-page__lead { font-size: var(--sacc-text-lg, 1.125rem); color: var(--sacc-color-ink-muted, #5b6670); }
.sacc-legal-page__body section { scroll-margin-top: 6rem; }
body.sacc-site .sacc-legal-page__body h2 {
    margin: var(--sacc-space-6, 2rem) 0 var(--sacc-space-2, 0.5rem);
    font-size: var(--sacc-text-h3, 1.25rem);
    color: var(--sacc-color-ink, #1f2933);
}
.sacc-legal-page__body ul { padding-left: 1.25rem; }
.sacc-legal-page__body li + li { margin-top: var(--sacc-space-1, 0.25rem); }

@media (min-width: 992px) {
    .sacc-legal-page { grid-template-columns: 14rem minmax(0, 1fr); gap: var(--sacc-space-7, 3rem); }
    .sacc-legal-page__toc {
        position: sticky;
        top: 6rem;
        align-self: start;
        padding-bottom: 0;
        border-bottom: 0;
    }
    .sacc-legal-page__toc ol { columns: auto; }
}

/* ── Reading aids (restored v2026.11.07): data-sacc-toc in sacc-components.js marks the section being read
   (.is-current, a sliding .sacc-legal__marker on wide screens) and adds a reading-progress bar. On phones the list
   becomes a sticky strip of links that scrolls sideways to the current section, as before the redesign. Without
   script (.is-tracking never set) the list above stays a plain numbered list. ── */
.sacc-legal-page.is-tracking .sacc-legal-page__toc a { transition: color 0.2s ease; }
.sacc-legal-page.is-tracking .sacc-legal-page__toc a.is-current {
    color: var(--sacc-color-accent, #0e7663);
    font-weight: var(--sacc-weight-semibold, 600);
    text-decoration: none;
}
.sacc-legal-page__toc .sacc-legal__marker { background: var(--sacc-color-accent, #0e7663); }
.sacc-legal-page__toc .sacc-legal__progress { background: var(--sacc-color-rule, #dfe4ea); }
.sacc-legal-page__toc .sacc-legal__progress span { background: var(--sacc-color-accent, #0e7663); }

@media (max-width: 991.98px) {
    .sacc-legal-page.is-tracking .sacc-legal-page__toc {
        position: sticky;
        top: 4.25rem;
        z-index: 2;
        margin-inline: calc(var(--sacc-space-3, 0.75rem) * -1);
        padding: var(--sacc-space-2, 0.5rem) var(--sacc-space-3, 0.75rem);
        background: var(--sacc-color-surface, #ffffff);
    }
    .sacc-legal-page.is-tracking .sacc-legal-page__toc-title { display: none; }
    .sacc-legal-page.is-tracking .sacc-legal-page__toc ol {
        display: flex;
        gap: var(--sacc-space-2, 0.5rem);
        overflow-x: auto;
        padding: 0;
        columns: auto;
        list-style: none;
        scrollbar-width: none;
    }
    .sacc-legal-page.is-tracking .sacc-legal-page__toc ol::-webkit-scrollbar { display: none; }
    .sacc-legal-page.is-tracking .sacc-legal-page__toc li { flex: 0 0 auto; padding: 0; }
    .sacc-legal-page.is-tracking .sacc-legal-page__toc a {
        display: block;
        padding: 0.3rem 0.75rem;
        border: 1px solid var(--sacc-color-rule, #dfe4ea);
        border-radius: var(--sacc-radius-pill, 50rem);
        text-decoration: none;
        white-space: nowrap;
    }
    .sacc-legal-page.is-tracking .sacc-legal-page__toc a.is-current {
        border-color: var(--sacc-color-accent, #0e7663);
        background: var(--sacc-color-accent-tint, #f0f7f5);
    }
}

@media (min-width: 992px) {
    .sacc-legal-page.is-tracking .sacc-legal-page__toc ol {
        position: relative;
        padding-left: 0.9rem;
        list-style: none;
        border-left: 2px solid var(--sacc-color-rule, #dfe4ea);
    }
    .sacc-legal-page.is-tracking .sacc-legal-page__toc li { padding: 0; }
    .sacc-legal-page.is-tracking .sacc-legal-page__toc a { display: block; padding: 0.3rem 0; text-decoration: none; }
}

@media (prefers-reduced-motion: reduce) {
    .sacc-legal-page__toc a, .sacc-legal-page__toc .sacc-legal__marker, .sacc-legal-page__toc .sacc-legal__progress span { transition: none; }
}