/*
Theme Name: Education Q&A
Theme URI: https://example.com/
Author: OpenAI
Description: A lightweight education Question & Answer WordPress theme with Quiz/Question JSON-LD structured data.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: education-qa
*/

:root {
  --eq-primary: #2563eb;
  --eq-primary-dark: #1d4ed8;
  --eq-text: #172033;
  --eq-muted: #667085;
  --eq-bg: #f7f9fc;
  --eq-card: #ffffff;
  --eq-border: #e5e7eb;
  --eq-success: #15803d;
  --eq-danger: #b91c1c;
  --eq-radius: 14px;
  --eq-shadow: 0 8px 30px rgba(15, 23, 42, .07);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0; color: var(--eq-text); background: var(--eq-bg);
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  line-height: 1.65;
}
a { color: var(--eq-primary); text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; height: auto; }
.site-header { background: #fff; border-bottom: 1px solid var(--eq-border); }
.header-inner { max-width: 1180px; margin: auto; padding: 18px 22px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.site-branding { font-weight: 800; font-size: 1.25rem; }
.site-branding a { color: var(--eq-text); }
.main-nav ul { list-style:none; margin:0; padding:0; display:flex; gap:18px; flex-wrap:wrap; }
.main-nav li { margin:0; }
.container { max-width: 1180px; margin: 0 auto; padding: 36px 22px; }
.content-grid { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:30px; }
.card { background:var(--eq-card); border:1px solid var(--eq-border); border-radius:var(--eq-radius); box-shadow:var(--eq-shadow); padding:28px; }
.hero { padding:56px 28px; margin-bottom:30px; text-align:center; background:#fff; border:1px solid var(--eq-border); border-radius:18px; }
.hero h1 { margin:0 0 12px; font-size:clamp(2rem,5vw,3.2rem); line-height:1.1; }
.hero p { color:var(--eq-muted); max-width:700px; margin:0 auto 22px; }
.button, button, input[type="submit"] {
  display:inline-block; border:0; border-radius:10px; background:var(--eq-primary); color:#fff;
  padding:11px 17px; font-weight:700; cursor:pointer;
}
.button:hover, button:hover, input[type="submit"]:hover { background:var(--eq-primary-dark); text-decoration:none; }
.question-card { margin-bottom:20px; }
.question-card h2, .question-card h3 { margin-top:0; }
.question-meta { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; color:var(--eq-muted); font-size:.9rem; }
.badge { background:#eef4ff; color:#1e40af; border-radius:999px; padding:3px 9px; }
.answer-box { margin-top:20px; padding:18px; border-left:4px solid var(--eq-primary); background:#f8fbff; border-radius:8px; }
.answer-box strong { display:block; margin-bottom:4px; }
.explanation { margin-top:16px; color:#3f4a5a; }
.question-actions { margin-top:20px; }
.reveal-answer { cursor:pointer; }
.answer-hidden { display:none; }
.quiz-list { display:grid; gap:18px; }
.pagination { margin-top:30px; display:flex; gap:8px; flex-wrap:wrap; }
.sidebar-widget { margin-bottom:20px; }
.site-footer { margin-top:50px; background:#111827; color:#d1d5db; }
.footer-inner { max-width:1180px; margin:auto; padding:35px 22px; }
.footer-inner a { color:#fff; }
.entry-title { font-size:clamp(1.8rem,4vw,2.6rem); line-height:1.2; margin-top:0; }
.breadcrumbs { color:var(--eq-muted); font-size:.9rem; margin-bottom:18px; }
.search-form { display:flex; gap:8px; }
.search-form input[type="search"] { flex:1; min-width:0; border:1px solid var(--eq-border); border-radius:10px; padding:11px 12px; }
.alignwide { max-width:1180px; margin-left:auto; margin-right:auto; }
@media (max-width: 850px) {
  .content-grid { grid-template-columns:1fr; }
  .header-inner { align-items:flex-start; flex-direction:column; }
  .main-nav ul { gap:12px; }
}
@media (max-width: 520px) {
  .container { padding:24px 14px; }
  .card, .hero { padding:20px; }
}