:root {
    --accent:       #FFC85E;
    --black:        #333639;
    --black-70:     rgba(51, 54, 57, 0.7);
    --black-30:     rgba(51, 54, 57, 0.3);
    --second-bg:    #F4F7F5;
    --white:        #FDFDFD;
    --font-heading: 'Plus Jakarta Sans', sans-serif;
    --font-body:    'Onest', sans-serif;
}

/* ═══════════════════════════════════════════════════════════════════════════
   PRIVACY HERO
   Desktop: title at y=160 (80px below nav), centered, 61px
   Date at y=247 (26px below title bottom)
═══════════════════════════════════════════════════════════════════════════ */
.page {
    padding-top: 0;
}

.section-privacy-hero {
    padding: 170px 140px 0;
}

.privacy-hero__title {
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 61px;
    line-height: 1;
    color: var(--black);
    margin-bottom: 26px;
}

.privacy-hero__date {
    font-family: var(--font-body);
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: var(--black-70);
}

/* ═══════════════════════════════════════════════════════════════════════════
   PRIVACY CONTENT
   Desktop: 920px centered, content starts at y=307
   Sections separated by 40px, internal gap 20px
═══════════════════════════════════════════════════════════════════════════ */

.section-privacy-content {
    padding: 0 0 80px;
}

/* ─── Content wrapper ─────────────────────────────────────────────────────── */

.privacy-content {
    width: 920px;
    margin: 0 auto;
    gap: 40px;
}

/* ─── Individual section ──────────────────────────────────────────────────── */

.privacy-section {
    gap: 20px;
}

/* ─── Section headings ────────────────────────────────────────────────────── */

.privacy-section__h2 {
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 49px;
    line-height: 1;
    color: var(--black);
}

.privacy-section__h4 {
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 31px;
    line-height: 1;
    color: var(--black);
}

/* ─── Body text ───────────────────────────────────────────────────────────── */

.privacy-section__p {
    font-family: var(--font-body);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--black);
}

/* ─── Rich body block (paragraphs + list) ─────────────────────────────────── */

.privacy-section__body {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.privacy-section__body p {
    font-family: var(--font-body);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--black-70);
}

.privacy-section__body p.privacy-section__p--sub {
    font-size: 20px;
}

/* ─── Lists ───────────────────────────────────────────────────────────────── */

.privacy-section__list {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.privacy-section__list li {
    position: relative;
    padding-left: 24px;
    font-family: var(--font-body);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--black-70);
}
.privacy-section__list li:before {
    position: absolute;
    top: -20px;
    left: 0;
    color: var(--black);
    font-size: 34px;
    line-height: normal;
    content: '.';
}

/* ─── Inline strong + accent link ────────────────────────────────────────── */

.privacy-section__strong {
    font-family: var(--font-heading);
    font-weight: 600;
}

.privacy-section__link {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: inherit;
    color: var(--accent);
    text-decoration: underline;
}
.privacy-section__link:hover {
    text-decoration: none;
}