/* Risale-i Kudsiyye tanitim ve gizlilik sayfalari.
   Logonun krem/altin dunyasi; uygulamanin ic paleti (bordo levha) ayri kalir. */
:root {
  --kagit: #FBEEC0;
  --kagit-2: #FFF8DF;
  --murekkep: #4A2A07;
  --murekkep-2: #7A5A1C;
  --altin: #B8780F;
  --hat: rgba(120, 67, 6, 0.22);
  color-scheme: light;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  padding: 0 20px 96px;
  background:
    radial-gradient(90% 55% at 50% 0%, var(--kagit-2) 0%, transparent 62%),
    var(--kagit);
  color: var(--murekkep);
  font: 400 17px/1.65 Georgia, "Times New Roman", serif;
}
.kap { max-width: 720px; margin: 0 auto; }

header { text-align: center; padding: 64px 0 8px; }
header img { width: 190px; height: 190px; display: block; margin: 0 auto; }
header p { margin: 4px 0 0; color: var(--murekkep-2); font-size: 16px; }

hr.ayrac {
  width: 180px; height: 0; margin: 34px auto;
  border: 0; border-top: 1.5px solid var(--hat);
  position: relative;
}
hr.ayrac::after {
  content: ""; position: absolute; left: 50%; top: -5px;
  width: 9px; height: 9px; margin-left: -4.5px;
  background: var(--altin); transform: rotate(45deg);
}

h1 { font-size: 30px; line-height: 1.25; margin: 0 0 6px; font-weight: 700; }
h2 {
  font-size: 13px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--altin); margin: 36px 0 10px; font-family: system-ui, sans-serif;
  font-weight: 700;
}
p, li { margin: 0 0 14px; }
ul { padding-left: 20px; }
a { color: #8A4B0B; }
.tarih {
  font-family: system-ui, sans-serif; font-size: 14px;
  color: var(--murekkep-2); margin-bottom: 26px;
}
.oz {
  border: 1.5px solid var(--hat); border-radius: 10px;
  padding: 18px 22px; margin: 0 0 30px; background: rgba(255, 255, 255, 0.42);
}
.oz p:last-child { margin-bottom: 0; }
footer {
  margin-top: 52px; padding-top: 22px; border-top: 1px solid var(--hat);
  font-family: system-ui, sans-serif; font-size: 14px; color: var(--murekkep-2);
  display: flex; flex-wrap: wrap; gap: 6px 18px; justify-content: space-between;
}