/* =============================================================
   COOKIE POLICY PAGE — cookie-policy.css
   Standalone stylesheet, independent from privacy-policy.css.
   Values mirror it exactly for visual consistency, using the
   same CSS custom properties (--teal, --navy, --border, etc.)
   already defined globally in calcleaf.css.
   ============================================================= */

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

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

/* ---------------- Hero ---------------- */
.ck-hero{
    text-align:center;padding:8px 0 32px;margin-bottom:8px;
    border-bottom:1px solid var(--border, #e5e7eb);
}
.ck-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;
}
.ck-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);
}
.ck-hero p{font-size:14px;color:var(--muted, #9ca3af);margin:0;}

/* ---------------- Content ---------------- */
.ck-content{
    max-width:760px;margin:32px auto 0;
    font-size:15px;line-height:1.75;color:var(--text2, #374151);
}
.ck-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);
}
.ck-content h2:first-child{margin-top:0;}
.ck-content p{margin:0 0 16px;}
.ck-content ul,.ck-content ol{margin:0 0 16px;padding-left:22px;}
.ck-content li{margin-bottom:6px;}
.ck-content a{color:var(--teal, #00c9a7);font-weight:600;text-decoration:none;}
.ck-content a:hover{text-decoration:underline;}

/* ---------------- Cookie table ---------------- */
.ck-cookie-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 20px;
    font-size: 13.5px;
}
.ck-cookie-table th,
.ck-cookie-table td {
    text-align: left;
    padding: 10px 12px;
    border: 1px solid var(--border, #e5e7eb);
    vertical-align: top;
}
.ck-cookie-table th {
    background: var(--light, #f8fafc);
    color: var(--navy, #1e2a4a);
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.ck-cookie-table td {
    color: var(--text2, #374151);
}

@media (max-width:560px){
    .ck-hero h1{font-size:24px;}
    .ck-content{font-size:14px;}
    .ck-cookie-table { font-size: 12.5px; }
    .ck-cookie-table th, .ck-cookie-table td { padding: 8px; }
}