/* Privacy/Terms pages - a compact hero variant (justprocure-marketing.min.css
   only compiles Bootstrap classes already referenced elsewhere, so new
   patterns live in their own hand-authored file, same approach as
   jp-how-it-works.css/jp-tenders.css) plus a sticky table-of-contents and
   long-form article typography for the policy text itself. */

.jp-hero--compact {
    padding: 2.75rem 0;
}

.jp-hero--compact .jp-hero__title {
    font-size: 2rem;
    margin-bottom: .5rem;
}

.jp-hero--compact .jp-hero__subtitle {
    margin-bottom: 0;
    font-size: .9375rem;
}

/* ---- table of contents ---- */
.jp-legal-toc {
    position: sticky;
    top: 1.5rem;
    border: 1px solid #e4e8ed;
    border-radius: .75rem;
    padding: 1.25rem;
    background: #fff;
}

.jp-legal-toc__title {
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #6b7684;
    margin-bottom: .75rem;
}

.jp-legal-toc a {
    display: block;
    padding: .35rem 0;
    font-size: .875rem;
    color: #101e36;
    text-decoration: none;
    border-bottom: 1px solid #f1f3f6;
}

.jp-legal-toc a:last-child {
    border-bottom: none;
}

.jp-legal-toc a:hover {
    color: #1fa391;
}

/* ---- long-form content ---- */
.jp-legal-content h2 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #101e36;
    margin-top: 2.25rem;
    margin-bottom: .85rem;
    scroll-margin-top: 1.5rem;
}

.jp-legal-content h2:first-of-type {
    margin-top: 0;
}

.jp-legal-content p,
.jp-legal-content li {
    color: #3c4654;
    font-size: .9375rem;
    line-height: 1.7;
}

.jp-legal-content ul {
    padding-left: 1.25rem;
    margin-bottom: 1rem;
}

.jp-legal-content li {
    margin-bottom: .4rem;
}

@media (max-width: 991.98px) {
    .jp-legal-toc {
        position: static;
    }
}