/* Asom Abritti NGO – policy styles (print-friendly) */
:root{
  --brand:#0b5b8c;        /* change if needed */
  --brand-ink:#0a3e5c;
  --ink:#1b1b1b;
  --muted:#6b7280;
  --bg:#ffffff;
  --card:#f8fafc;
  --border:#e5e7eb;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:"Nunito","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;line-height:1.6}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}

.header{
  background:linear-gradient(180deg, var(--brand) 0%, var(--brand-ink) 100%);
  color:#fff;
  padding:28px 16px;
}
.header .wrap{max-width:980px;margin:0 auto;display:flex;align-items:center;gap:18px}
.header .logo{
  width:44px;height:44px;border-radius:12px;background:#fff1;
  display:grid;place-items:center;font-weight:800;font-size:18px;border:1px solid #ffffff33
}
.header h1{font-size:22px;margin:0}
.header p{margin:2px 0 0;font-size:14px;opacity:.9}

.nav{
  background:#fff;border-bottom:1px solid var(--border)
}
.nav .wrap{
  max-width:980px;margin:0 auto;display:flex;gap:14px;flex-wrap:wrap;padding:10px 12px
}
.nav a{
  padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--card);font-weight:600
}
.nav a[aria-current="page"]{background:#eef6fb;border-color:#cfe8f6;color:#0a3e5c}

.container{max-width:980px;margin:0 auto;padding:28px 16px}
.policy-card{
  background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px 18px
}
.policy-card h2{margin:6px 0 2px;font-size:26px}
.meta{font-size:14px;color:var(--muted);margin-bottom:12px}
hr{border:none;border-top:1px solid var(--border);margin:18px 0}

h3{margin:18px 0 8px}
ul,ol{padding-left:18px;margin:6px 0 12px}
.note{
  background:#f1f5f9;border:1px dashed #cbd5e1;color:#0f172a;padding:12px;border-radius:10px
}
.contact{
  border:1px solid var(--border);border-radius:12px;padding:14px;background:#fcfcfd
}

.footer{color:var(--muted);font-size:13px;padding:20px 16px;text-align:center}

/* Print */
@media print{
  .nav,.footer,.header{display:none}
  body{background:#fff}
  .container{padding:0}
  .policy-card{border:0;padding:0}
}