/* =====================================================================
   paper.css — the standalone policy / reference pages.
   Look and feel taken from the Lolebezi rate sheet: warm paper texture,
   centred mark, gold small-caps Cinzel headings, quiet Montserrat body,
   script sign-off.
   ===================================================================== */

:root{
  --paper:#F1EFEA;
  --ink:#3B362F;
  --soft:#6E685E;
  --gold:#AE8E50;
  --gold-deep:#8C7140;
  --line:rgba(59,54,47,.14);
  --beige:#E4E0D6;
  --serif:'Cinzel',Georgia,serif;
  --sans:'Montserrat',-apple-system,BlinkMacSystemFont,sans-serif;
  --script:'MoonTime',cursive;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.paperdoc{
  margin:0;
  font:15px/1.75 var(--sans);
  color:var(--ink);
  background:var(--paper) url('/assets/img/tex/paper-wide.jpg') center top/cover fixed;
}
@media (max-width:700px){ body.paperdoc{ background-attachment:scroll; } }

/* ---------------- masthead ---------------- */
.pd-head{ max-width:860px; margin:0 auto; padding:56px 24px 8px; text-align:center; }
.pd-mark img{ width:150px; height:auto; display:inline-block; }
.pd-eyebrow{
  margin:30px 0 10px; font-size:11.5px; letter-spacing:.34em; text-transform:uppercase;
  color:var(--soft); font-weight:600;
}
.pd-title{
  margin:0; font-family:var(--serif); font-weight:600; color:var(--gold);
  font-size:clamp(26px,4.6vw,40px); line-height:1.25; letter-spacing:.04em;
}
.pd-sub{ margin:14px auto 0; max-width:620px; font-size:13.5px; color:var(--soft); letter-spacing:.06em; }
.pd-rule{ width:70px; height:2px; background:var(--gold); margin:30px auto 0; }

/* ---------------- document body ---------------- */
.pd-body{ max-width:860px; margin:0 auto; padding:34px 24px 10px; }

.pd-body h1{
  font-family:var(--serif); font-weight:600; color:var(--gold);
  font-size:clamp(20px,3vw,26px); letter-spacing:.05em; line-height:1.3;
  margin:52px 0 16px; padding-top:26px; border-top:1px solid var(--line);
}
.pd-body h1:first-of-type{ border-top:0; padding-top:0; margin-top:26px; }
.pd-body h2{
  font-family:var(--serif); font-weight:600; color:var(--ink);
  font-size:17.5px; letter-spacing:.05em; margin:36px 0 10px;
}
.pd-body h3{ font-size:14px; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-deep); margin:28px 0 8px; }
.pd-body p{ margin:0 0 14px; }
.pd-body a{ color:var(--gold-deep); text-decoration-color:rgba(174,142,80,.5); }
.pd-body strong{ color:#2E2A24; }
.pd-body em{ color:var(--soft); }

/* Q&A blocks (FAQ) and indented clauses arrive as blockquotes */
.pd-body blockquote{
  margin:6px 0 18px; padding:2px 0 2px 20px;
  border-left:2px solid rgba(174,142,80,.45); color:#4A443C;
}
.pd-body blockquote p{ margin:0 0 10px; }
.pd-body blockquote p:last-child{ margin-bottom:0; }

.pd-body ul,.pd-body ol{ margin:0 0 16px; padding-left:24px; }
.pd-body li{ margin:0 0 8px; }
.pd-body ul li::marker{ color:var(--gold); }
.pd-body ol li::marker{ color:var(--gold-deep); font-weight:600; }

/* tables — beige header band, hairline rules, like the rate sheet */
.pd-body table{
  width:100%; border-collapse:collapse; margin:8px 0 26px;
  background:rgba(255,255,255,.55); font-size:13.5px;
}
.pd-body th,.pd-body td{
  border:1px solid var(--line); padding:10px 12px; text-align:left; vertical-align:top;
}
.pd-body th, .pd-body thead td{
  background:var(--beige); font-weight:600; font-size:12px;
  letter-spacing:.08em; text-transform:uppercase; color:#4A443C;
}
@media (max-width:700px){
  .pd-body table{ display:block; overflow-x:auto; }
}

/* linked contents (FAQ) */
.doc-toc{
  background:rgba(255,255,255,.5); border:1px solid var(--line);
  padding:22px 26px; margin:10px 0 20px;
}
.doc-toc h2{ margin:0 0 10px; font-family:var(--serif); font-size:16px; letter-spacing:.12em; text-transform:uppercase; color:var(--gold); }
.doc-toc ol{ margin:0; padding-left:20px; columns:2; column-gap:36px; }
.doc-toc li{ margin:0 0 7px; break-inside:avoid; }
.doc-toc a{ text-decoration:none; color:var(--ink); }
.doc-toc a:hover{ color:var(--gold-deep); }
@media (max-width:600px){ .doc-toc ol{ columns:1; } }

/* privacy pillars */
.pillars{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:6px 0 30px; }
.pillar{
  background:rgba(255,255,255,.55); border:1px solid var(--line);
  padding:22px 18px; text-align:center;
}
.pillar__ico{ font-size:26px; display:block; }
.pillar h3{ margin:10px 0 8px; font-family:var(--serif); font-size:15px; letter-spacing:.1em; color:var(--gold-deep); text-transform:uppercase; }
.pillar p{ margin:0; font-size:13px; color:var(--soft); }
@media (max-width:700px){ .pillars{ grid-template-columns:1fr; } }

/* privacy section numbers (01, 02, …) */
.secmark{
  display:flex; align-items:baseline; gap:14px;
  margin:54px 0 -34px; font-size:12px; letter-spacing:.3em; text-transform:uppercase; color:var(--soft);
}
.secmark span{
  font-family:var(--serif); font-size:30px; letter-spacing:.04em; color:rgba(174,142,80,.55);
}

/* ---------------- footer ---------------- */
.pd-foot{ max-width:860px; margin:0 auto; padding:26px 24px 60px; text-align:center; }
.pd-links{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin:8px 0 44px; }
.pd-btn{
  display:inline-block; padding:12px 26px; font-size:12px; font-weight:600;
  letter-spacing:.18em; text-transform:uppercase; text-decoration:none;
  color:#FBF8F3; background:var(--gold); border:1px solid var(--gold);
}
.pd-btn:hover{ background:var(--gold-deep); border-color:var(--gold-deep); }
.pd-btn--ghost{ color:var(--gold-deep); background:transparent; }
.pd-btn--ghost:hover{ color:#FBF8F3; }
.pd-script{
  margin:0; font-family:var(--script); font-size:44px; line-height:1; color:var(--gold);
}
.pd-zambia{
  margin:26px 0 0; font-family:var(--serif); font-size:20px; letter-spacing:.5em;
  text-indent:.5em; color:#4A443C;
}
.pd-zambia-sub{
  margin:4px 0 0; font-size:9.5px; letter-spacing:.42em; text-indent:.42em;
  text-transform:uppercase; color:var(--soft);
}

@media print{
  body.paperdoc{ background:#fff; }
  .pd-links{ display:none; }
}