/* =============================================================
   STATIC POLICY PAGES (Privacy Policy, About Us) - CalcLeaf brand
   Uses the same CSS custom properties as tool.css/blog.css
   (--teal, --navy, --border, --radius, --white, --text2, etc.)
   ============================================================= */

.pp-wrap{max-width:var(--container, 1080px);margin:0 auto;padding:24px 20px 64px;}

/* Breadcrumb styling now lives solely in the global calcleaf.css,
   so this page's breadcrumb stays consistent with every other page
   without needing its own copy. */

/* ---------------- Hero ---------------- */
.pp-hero{
    text-align:center;padding:8px 0 32px;margin-bottom:8px;
    border-bottom:1px solid var(--border, #e5e7eb);
}
.pp-hero-eyebrow{
    display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;
    letter-spacing:0.08em;color:var(--teal, #00c9a7);margin-bottom:10px;
}
.pp-hero h1{
    font-size:32px;font-weight:800;color:var(--navy, #1e2a4a);margin:0 0 10px;
    letter-spacing:-0.01em;line-height:1.2;
    font-family:var(--font-main, inherit);
}
.pp-hero p{font-size:14px;color:var(--muted, #9ca3af);margin:0;}

/* ---------------- Content ---------------- */
.pp-content{
    max-width:760px;margin:32px auto 0;
    font-size:15px;line-height:1.75;color:var(--text2, #374151);
}
.pp-content h2{
    font-size:19px;font-weight:700;color:var(--navy, #1e2a4a);
    margin:30px 0 12px;letter-spacing:-0.01em;
    font-family:var(--font-main, inherit);
}
.pp-content h2:first-child{margin-top:0;}
.pp-content p{margin:0 0 16px;}
.pp-content ul,.pp-content ol{margin:0 0 16px;padding-left:22px;}
.pp-content li{margin-bottom:6px;}
.pp-content a{color:var(--teal, #00c9a7);font-weight:600;text-decoration:none;}
.pp-content a:hover{text-decoration:underline;}

@media (max-width:560px){
    .pp-hero h1{font-size:24px;}
    .pp-content{font-size:14px;}
}