/* assets/styles/page/privacy.css */

.privacy-policy {
    --accent-color: #2563eb;
    --privacy-accent: #2563eb;
    --privacy-accent-dark: #1d4ed8;
    --privacy-blue: #2563eb;
    --privacy-blue-soft: #eff6ff;
    --privacy-border: #e2e8f0;
    --privacy-muted: #64748b;
    --privacy-text: #334155;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    font-family: var(--default-font);
}

.privacy-policy .privacy-hero {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 22px;
    align-items: center;
    margin-bottom: 28px;
    padding: clamp(1.5rem, 3vw, 2.25rem);
    background: var(--surface-color);
    border: 1px solid var(--privacy-border);
    border-radius: 8px;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06);
}

.privacy-policy .privacy-hero-icon,
.privacy-policy .privacy-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--privacy-accent);
    background: var(--privacy-blue-soft);
    border: 1px solid #bfdbfe;
}

.privacy-policy .privacy-hero-icon {
    width: 72px;
    height: 72px;
    border-radius: 8px;
    font-size: 34px;
    box-shadow: 0 16px 28px rgba(37, 99, 235, 0.12);
}

.privacy-policy .privacy-kicker {
    margin: 0 0 8px;
    color: var(--privacy-accent);
    font-family: var(--nav-font);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.3;
    text-transform: uppercase;
}

.privacy-policy h1 {
    margin: 0 0 10px;
    color: #0f172a;
    font-family: var(--heading-font);
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 900;
    line-height: 1.05;
}

.privacy-policy .privacy-hero p:not(.privacy-kicker) {
    max-width: 760px;
    margin: 0;
    color: var(--privacy-text);
    font-size: 16px;
    line-height: 1.7;
    text-align: justify;
    text-justify: inter-word;
}

.privacy-policy .privacy-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.privacy-policy .privacy-meta span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 11px;
    color: #1e293b;
    background: var(--privacy-blue-soft);
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    font-family: var(--nav-font);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
}

.privacy-policy .privacy-meta i {
    color: var(--privacy-blue);
}

.privacy-policy .privacy-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.privacy-policy .privacy-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 16px;
    min-width: 0;
    padding: clamp(1.25rem, 2vw, 1.65rem);
    background: var(--surface-color);
    border: 1px solid var(--privacy-border);
    border-radius: 8px;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
}

.privacy-policy .privacy-card-wide {
    grid-column: 1 / -1;
}

.privacy-policy .privacy-contact-card {
    border-color: #bfdbfe;
    background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%);
}

.privacy-policy .privacy-card-icon {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    font-size: 21px;
}

.privacy-policy .privacy-card h2 {
    margin: 0 0 10px;
    color: #1e293b;
    font-family: var(--heading-font);
    font-size: 19px;
    font-weight: 850;
    line-height: 1.25;
}

.privacy-policy .privacy-card p,
.privacy-policy .privacy-card li {
    color: var(--privacy-text);
    font-size: 15px;
    line-height: 1.65;
    hyphens: auto;
    text-align: justify;
    text-justify: inter-word;
}

.privacy-policy .privacy-card p {
    margin: 0;
}

.privacy-policy .privacy-card p + p {
    margin-top: 10px;
}

.privacy-policy .privacy-card ul {
    display: grid;
    gap: 8px;
    margin: 0;
    padding-left: 1.1rem;
}

.privacy-policy .privacy-card li::marker {
    color: var(--privacy-accent);
}

.privacy-policy .privacy-card a {
    font-weight: 800;
}

@media (max-width: 991px) {
    .privacy-policy .privacy-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .privacy-policy .privacy-hero,
    .privacy-policy .privacy-card {
        grid-template-columns: 1fr;
    }

    .privacy-policy .privacy-hero-icon,
    .privacy-policy .privacy-card-icon {
        width: 48px;
        height: 48px;
        font-size: 23px;
    }
}

/*--------------------------------------------------------------
# Author-Style Typography Alignment
--------------------------------------------------------------*/
.home-platform-hero h1,
.home-platform-hero h2,
.home-platform-hero h3,
.home-platform-hero h4,
.home-platform-hero h5,
.home-platform-hero h6,
.home-platform-hero p,
.home-platform-hero a,
.home-platform-hero span,
.home-platform-hero strong,
.home-platform-hero em,
.home-platform-hero small,
.home-platform-hero input,
.home-platform-hero button,
.home-directory-section h1,
.home-directory-section h2,
.home-directory-section h3,
.home-directory-section h4,
.home-directory-section h5,
.home-directory-section h6,
.home-directory-section p,
.home-directory-section a,
.home-directory-section span,
.home-directory-section strong,
.home-directory-section em,
.home-directory-section small,
.home-directory-section button,
.home-build-banner h1,
.home-build-banner h2,
.home-build-banner h3,
.home-build-banner h4,
.home-build-banner h5,
.home-build-banner h6,
.home-build-banner p,
.home-build-banner a,
.home-build-banner span,
.home-build-banner strong,
.home-build-banner em,
.home-build-banner small,
.author-profile h1,
.author-profile h2,
.author-profile h3,
.author-profile h4,
.author-profile h5,
.author-profile h6,
.author-profile p,
.author-profile a,
.author-profile span,
.author-profile strong,
.author-profile em,
.author-profile small,
.author-profile div,
.privacy-policy h1,
.privacy-policy h2,
.privacy-policy h3,
.privacy-policy h4,
.privacy-policy h5,
.privacy-policy h6,
.privacy-policy p,
.privacy-policy a,
.privacy-policy span,
.privacy-policy strong,
.privacy-policy em,
.privacy-policy small,
.privacy-policy li,
.contact h1,
.contact h2,
.contact h3,
.contact h4,
.contact h5,
.contact h6,
.contact p,
.contact a,
.contact span,
.contact strong,
.contact em,
.contact small,
.contact label,
.contact input,
.contact textarea,
.contact select,
.contact button {
    font-family: var(--page-font);
}

.home-platform-hero,
.home-directory-section,
.home-build-banner,
.author-profile,
.privacy-policy,
.contact {
    --page-title-size: 2.25rem;
    --page-section-title-size: 1.65rem;
    --page-subheading-size: 1.25rem;
    --page-body-size: 1rem;
    --page-label-size: 0.92rem;
    --page-small-size: 0.85rem;
    --page-title-weight: 700;
    --page-heading-weight: 700;
    --page-subheading-weight: 600;
    --page-body-weight: 400;
    --page-label-weight: 600;
}

.home-platform-hero h1,
.privacy-policy h1,
.author-profile .author-card .author-info h2 {
    font-family: var(--page-font);
    font-size: var(--page-title-size);
    font-weight: var(--page-title-weight);
    letter-spacing: 0;
    line-height: 1.15;
}

.home-section-head h2,
.home-build-banner h2,
.author-profile .author-content .content-header h3 {
    font-family: var(--page-font);
    font-size: var(--page-section-title-size);
    font-weight: var(--page-heading-weight);
    letter-spacing: 0;
    line-height: 1.25;
}

.author-profile .author-content .content-body .expertise-areas h4,
.author-profile .author-content .content-body .featured-articles h4,
.author-profile .author-content .content-body .featured-articles .article-card .article-details h5,
.privacy-policy .privacy-card h2,
.contact .info-card h3,
.home-tool-card h3,
.home-category-catalog-card strong,
.home-recent-card em,
.home-build-banner h2 {
    font-family: var(--page-font);
    font-size: var(--page-subheading-size);
    font-weight: var(--page-subheading-weight);
    letter-spacing: 0;
    line-height: 1.4;
}

.home-platform-hero p,
.home-tool-card p,
.home-build-banner p,
.author-profile .author-card .author-info .designation,
.author-profile .author-card .author-info .author-bio,
.author-profile .author-content .content-body p,
.author-profile .author-content .content-body .featured-articles .article-card .article-details .post-meta,
.privacy-policy .privacy-hero p:not(.privacy-kicker),
.privacy-policy .privacy-card p,
.privacy-policy .privacy-card li,
.contact .info-card p,
.contact .field-control .form-control {
    font-family: var(--page-font);
    font-size: var(--page-body-size);
    font-weight: var(--page-body-weight);
    line-height: 1.7;
}

.author-profile .author-card .author-stats .stat-item h4,
.home-platform-stat strong {
    font-family: var(--page-font);
    font-size: var(--page-section-title-size);
    font-weight: var(--page-heading-weight);
    line-height: 1;
}

.home-platform-badge,
.home-platform-meta span,
.home-platform-primary,
.home-platform-secondary,
.home-platform-search input,
.home-platform-search button,
.home-section-head span,
.home-section-link,
.home-tool-card-badge,
.home-tool-card-tags span,
.home-tool-card-foot,
.home-tools-center-action a,
.home-build-banner-actions a,
.home-recent-card small,
.privacy-policy .privacy-kicker,
.privacy-policy .privacy-meta span,
.contact .field-control .form-control,
.contact .form-wrapper button {
    font-family: var(--page-font);
    letter-spacing: 0;
}

.home-platform-badge,
.home-platform-meta span,
.privacy-policy .privacy-kicker,
.privacy-policy .privacy-meta span,
.author-profile .author-content .content-body .expertise-areas .tags span,
.author-profile .author-content .content-body .featured-articles .article-card .article-details .post-category {
    font-size: var(--page-label-size);
    font-weight: var(--page-label-weight);
    line-height: 1.35;
}

.home-platform-primary,
.home-platform-secondary,
.home-platform-search button,
.home-section-link,
.home-tools-center-action a,
.home-build-banner-actions a,
.contact .form-wrapper button {
    font-size: var(--page-label-size);
    font-weight: var(--page-label-weight);
}

.home-tool-card-badge,
.home-tool-card-tags span,
.home-tool-card-foot,
.home-recent-card small,
.home-platform-stage-card strong {
    font-size: var(--page-small-size);
    font-weight: var(--page-label-weight);
}

.home-category-catalog-card small,
.home-platform-stage-card small,
.author-profile .author-card .author-stats .stat-item p {
    font-size: var(--page-small-size);
    font-weight: var(--page-body-weight);
}

@media (max-width: 767px) {
    .home-platform-hero,
    .home-directory-section,
    .home-build-banner,
    .author-profile,
    .privacy-policy,
    .contact {
        --page-title-size: 2rem;
        --page-section-title-size: 1.45rem;
        --page-subheading-size: 1.15rem;
        --page-body-size: 0.98rem;
    }

    .home-platform-hero h1,
    .privacy-policy h1,
    .author-profile .author-card .author-info h2 {
        line-height: 1.18;
    }
}