/* Statik quiz sayfası (/quiz/<slug>/) — lolonolo tablo şablonunu taşıyan kabuk.
   Şablonun kendi yapısı (table#table2, th#td1, p#td1) değiştirilmez; burada
   yalnızca okunabilir bir görünüm verilir. Esas siteye taşınırken bu dosya
   kullanılmaz, oradaki tema stilleri devralır. */

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: 'Segoe UI', Arial, sans-serif;
  background: #f0f2f5;
  color: #333;
  line-height: 1.7;
}

.sayfa { max-width: 900px; margin: 0 auto; padding: 20px 15px 60px; }

h1 { color: #2c3e50; font-size: 1.6rem; margin-bottom: 6px; }
.ozet-satir { color: #667; font-size: .95rem; margin-bottom: 14px; }
.ust-link-satir { margin-bottom: 12px; }
.ust-link { color: #3498db; text-decoration: none; font-size: .9rem; }

.cta-satir { margin: 0 0 22px; display: flex; flex-wrap: wrap; gap: 10px; }
.cta-satir.alt { margin-top: 22px; }
.cta {
  display: inline-block; background: #27ae60; color: #fff; text-decoration: none;
  padding: 11px 22px; border-radius: 8px; font-weight: bold;
}
.cta:hover { background: #219150; }
.cta.ikincil { background: #8e44ad; }
.cta.ikincil:hover { background: #7d3c98; }

/* Yayın şablonu: dış tablo = kart, iç tablo = içerik gövdesi */
table#table2 {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
  margin-bottom: 25px;
  overflow: hidden;
}
table#table2 th#td1 {
  background: #2c3e50;
  color: #fff;
  padding: 14px 18px;
  text-align: left;
  font-size: 1.05rem;
}
table#table2 tr:last-child th#td1 {
  background: #f7f8fa;
  color: #888;
  text-align: center;
  font-size: .9rem;
}
table#table2 table { width: 100%; border-collapse: collapse; }
table#table2 table td { padding: 22px 18px; }

table#table2 h2 { color: #2c3e50; font-size: 1.3rem; margin: 0 0 12px; }
table#table2 h3 { color: #34495e; font-size: 1.1rem; margin: 20px 0 8px; }
table#table2 h4 { color: #2c3e50; margin: 26px 0 10px; }
table#table2 h4:first-child { margin-top: 0; }
table#table2 p { margin: 0 0 12px; }

/* Cevap ve açıklama satırları — şablonda tek id="td1" kullanan yer */
table#table2 p#td1 {
  background: #eafaf1;
  border-left: 4px solid #27ae60;
  padding: 10px 14px;
  border-radius: 4px;
  margin: 10px 0 0;
}

@media (max-width: 640px) {
  table#table2 table td { padding: 16px 12px; }
  h1 { font-size: 1.3rem; }
}