/* Bozkurt Online yazı sayfaları (gizlilik, kurallar): oyunun ceviz zemini ve bronz çerçevesi, okunur uzun metin.
   Çerçeve görselleri js/suslemeler.js çizer (--zemin, --cerceve, --sus-cizgi); gelmezse düz renk kalır. */
:root {
  --kece: #f1e6cf;
  --soluk: #b7a68a;
  --altin-yazi: #f3d28a;
  --firuze: #3cc0b0;
  --yazi: 'Alegreya Sans', 'Segoe UI', system-ui, sans-serif;
  --baslik: 'Alegreya SC', Georgia, serif;
}
* { box-sizing: border-box; }
html { background: #0d0a08; }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--kece);
  font: 17px/1.65 var(--yazi);
  background: radial-gradient(ellipse 90% 60% at 50% 0%, #2a1d14, #0d0a08 75%) fixed, #0d0a08;
}
.ust { text-align: center; padding: 34px 16px 0; }
.ust a { text-decoration: none; }
.ust .ad { font-family: var(--baslik); font-weight: 800; font-size: 42px; letter-spacing: 0.14em; color: #f8edd8; text-shadow: 0 3px 0 #4a2c18, 0 10px 30px rgba(0, 0, 0, 0.6); }
.ust .alt { display: block; font-family: var(--baslik); font-size: 15px; letter-spacing: 0.4em; color: #f3d9b0; margin-top: 2px; }
main {
  max-width: 820px;
  margin: 26px auto 40px;
  padding: 26px 34px 30px;
  background: var(--zemin, linear-gradient(#22170f, #140d08)) center / 256px repeat, #1b130d;
  background-clip: padding-box;
  border: 13px solid #3a2817;
  border-image: var(--cerceve) 40 / 40px / 0 stretch;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.6);
}
h1 { margin: 0 0 4px; font-family: var(--baslik); font-size: 32px; letter-spacing: 0.04em; color: var(--altin-yazi); text-shadow: 0 2px 6px #000; }
.tarih { margin: 0 0 18px; color: var(--soluk); font-size: 15px; }
h2 { margin: 28px 0 8px; font-family: var(--baslik); font-size: 22px; letter-spacing: 0.03em; color: var(--altin-yazi); }
p, li { color: #eadcc2; }
ul { padding-left: 22px; }
li { margin: 4px 0; }
b { color: var(--kece); }
a { color: #8fe9dc; }
.kutu { margin: 16px 0; padding: 12px 16px; border-left: 3px solid var(--firuze); background: rgba(0, 0, 0, 0.28); }
.alt-bilgi { text-align: center; color: var(--soluk); font-size: 15px; padding: 0 16px 36px; }
@media (max-width: 640px) {
  body { font-size: 16px; }
  .ust .ad { font-size: 32px; }
  main { margin: 18px 16px 28px; padding: 16px 16px 20px; }
  h1 { font-size: 26px; }
}