/* Qawmpass legal pages — shared styles (self-contained; safe to inline or link) */
:root{
  --ink:#1f2a24;
  --ink-soft:#4a564f;
  --cream:#faf7f0;
  --card:#ffffff;
  --green:#1f5f45;
  --green-soft:#e8f0ec;
  --rule:#e3ded2;
}
*{box-sizing:border-box}
body{
  margin:0;background:var(--cream);color:var(--ink);
  font:17px/1.65 Georgia,'Times New Roman',serif;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}
header.site{padding:26px 0 10px;text-align:center}
header.site .bismillah{font-size:15px;color:var(--ink-soft);margin-bottom:8px}
header.site .brand{font-size:20px;font-weight:bold;letter-spacing:.02em}
header.site .brand a{color:var(--ink);text-decoration:none}
nav.site{text-align:center;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px;color:var(--ink-soft);padding:6px 0 18px}
nav.site a{color:var(--ink-soft);text-decoration:none;margin:0 8px}
nav.site a:hover{color:var(--green)}
main{background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:38px 40px;margin:8px 0 34px}
@media(max-width:600px){main{padding:26px 20px}}
h1{font-size:28px;line-height:1.25;color:var(--green);margin:0 0 4px}
.meta{font-family:system-ui,sans-serif;font-size:13px;color:var(--ink-soft);margin:0 0 22px}
h2{font-size:20px;color:var(--green);margin:34px 0 10px;border-bottom:1px solid var(--rule);padding-bottom:6px}
h3{font-size:17px;margin:22px 0 8px}
p{margin:0 0 12px}
ul{margin:0 0 14px;padding-left:22px}
li{margin-bottom:7px}
table{width:100%;border-collapse:collapse;font-family:system-ui,sans-serif;font-size:14.5px;margin:14px 0 20px}
th,td{border:1px solid var(--rule);padding:9px 11px;text-align:left;vertical-align:top}
th{background:var(--green-soft);color:var(--ink)}
.note{background:var(--green-soft);border-radius:8px;padding:14px 18px;font-size:15.5px;margin:0 0 22px}
.placeholder{background:#fdf3d7;padding:0 4px;border-radius:3px}
footer.site{padding:0 0 44px;text-align:center;font-family:system-ui,sans-serif;font-size:13.5px;color:var(--ink-soft)}
footer.site a{color:var(--ink-soft);text-decoration:none;margin:0 7px}
footer.site a:hover{color:var(--green)}
footer.site .entity{margin-top:8px}
a{color:var(--green)}
