/* The privacy page only (privacy.html). */
.v-application { background: transparent !important; }

[v-cloak] { display: none !important; }

/* Warm cream-to-mint hero backdrop, matches help.html */
.privacy-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(1200px 480px at 80% -10%, rgba(233, 180, 76, 0.22), transparent 60%),
        radial-gradient(900px 420px at 10% 120%, rgba(95, 167, 119, 0.20), transparent 60%),
        linear-gradient(180deg, #FBF5E9 0%, #F1E6CF 100%);
}

/* Readable prose column for the policy body. */
.policy-body { max-width: 820px; }
.policy-section { scroll-margin-top: 90px; }
.policy-section h2 {
    font-size: 22px;
    font-weight: 700;
    color: var(--ink);
    margin: 0 0 12px;
}
.policy-section p,
.policy-section li {
    color: var(--muted);
    line-height: 1.7;
    font-size: 16px;
}
.policy-section ul { padding-left: 22px; margin: 8px 0 4px; }
.policy-section li { margin-bottom: 6px; }
.policy-section a { color: var(--primary-base); }

/* Sticky table-of-contents on wide screens. */
.toc { position: sticky; top: 90px; }
.toc a {
    display: block;
    color: var(--muted);
    text-decoration: none;
    font-size: 14px;
    padding: 6px 10px;
    border-radius: 8px;
}
.toc a:hover { background: var(--primary-soft); color: var(--ink); }
/* Active section, highlighted by the scrollspy as you scroll. */
.toc a.is-active {
    background: var(--primary-soft);
    color: var(--primary-base);
    font-weight: 700;
    box-shadow: inset 3px 0 0 var(--primary-base);
}