/* Jathagam.AI – Privacy page (match About look, mobile-first) */

:root{
  --brand-primary:#7b2cbf;
  --brand-text:#2b2b2b;
  --brand-muted:#6c757d;
  --bg-soft:#fdfbff;
  --border-soft:#ece6f6;
}

body{ background:var(--bg-soft); }

.container{ max-width:920px; }

/* Breadcrumb — same as about.css */
.breadcrumb-nav{
  font-size:.85rem; color:var(--brand-muted);
  margin:0 0 1rem 0;
}
.breadcrumb-nav a{
  text-decoration:none; color:var(--brand-primary); font-weight:500;
}

/* Wrapper */
#privacy{
  font-family:"Noto Sans Tamil","Mukta",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--brand-text);
}

/* Page header */
.page-header{ margin:.25rem 0 .5rem 0; }
.page-title{
  color:var(--brand-primary);
  font-size:clamp(1.35rem,3.2vw,1.6rem); /* same feel as About h2 */
  line-height:1.22; margin:.1rem 0 .1rem 0;
}
.page-subtle{ color:var(--brand-muted); font-size:.9rem; margin:.1rem 0 0 0; }

/* Section blocks */
.section{
  padding:.75rem 0; border-top:1px solid var(--border-soft);
}
.section:first-of-type{ border-top:0; padding-top:.25rem; }
.section-title{
  color:var(--brand-primary);
  font-size:clamp(1.2rem,2.6vw,1.35rem);
  line-height:1.28; margin:0 0 .5rem 0; letter-spacing:.1px;
}

/* Text */
#privacy p{ font-size:clamp(.98rem,2.2vw,1.02rem); line-height:1.6; margin:0 0 .7rem 0; }
#privacy p strong, #privacy p b{ color:var(--brand-primary); font-weight:700; }

/* Lists (compact) */
.bullet{ padding-left:1rem; margin:.25rem 0 .7rem 0; }
.bullet li{ margin:.35rem 0; line-height:1.55; font-size:clamp(.98rem,2.2vw,1.02rem); }
.bullet li strong{ color:var(--brand-primary); }

/* Links */
#privacy a{ color:var(--brand-primary); text-decoration:none; border-bottom:1px dashed rgba(123,44,191,.35); }
#privacy a:hover{ border-bottom-style:solid; }

/* Small screens */
@media (max-width:480px){
  .container.py-4{ padding-top:.75rem!important; }
  .breadcrumb-nav{ margin-bottom:.6rem; }
}

/* >= md screens — a touch more air */
@media (min-width:768px){
  .section{ padding:1rem 0; }
  #privacy p{ margin-bottom:.85rem; }
}

/* Print */
@media print{
  body{ background:#fff; }
  .breadcrumb-nav{ display:none; }
  .section{ border-top:0; padding:.4rem 0; }
  #privacy a{ border:0; text-decoration:underline; }
}
