/* fallacy-quiz.css — spot-the-fallacy quiz, matched to Tranquility post theme. */
.fq{
  --accent:#8B0000; --accent-2:#A0252A; --gold:#D4AF37; --good:#3a7d44;
  font-family:'Space Grotesk','Noto Sans TC','PingFang TC',-apple-system,sans-serif;
  background:rgba(255,255,255,0.92); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
  border:1px solid rgba(139,0,0,0.12); border-radius:16px;
  box-shadow:0 4px 24px rgba(0,0,0,0.06), 0 0 0 1px rgba(0,0,0,0.04);
  padding:28px 30px; margin:2.4em 0; color:#333;
}
.fq__head{display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-bottom:16px;}
.fq__title{font-family:'Playfair Display','Noto Serif TC',serif; font-weight:700; font-size:1.35em; color:var(--accent); margin:0;}
.fq__sub{font-family:'Inconsolata',monospace; font-size:.85em; color:#999;}
.fq__meta{display:flex; justify-content:space-between; font-family:'Inconsolata',monospace; font-size:.8em; color:#7f8c8d; letter-spacing:.04em; margin-bottom:12px;}
.fq__q{margin:0 0 18px; padding:16px 20px; background:rgba(139,0,0,0.03); border-left:3px solid var(--accent); border-radius:8px; font-size:1.05em; line-height:1.7; color:#1a1a1a;}
.fq__opts{display:grid; grid-template-columns:repeat(2,1fr); gap:10px;}
.fq__opt{font-family:inherit; font-size:.95em; color:#444; background:#fff; border:1px solid rgba(0,0,0,0.14); border-radius:10px; padding:11px 14px; cursor:pointer; transition:border-color .2s ease-out, background .2s ease-out, transform .15s ease-out;}
.fq__opt:hover:not(:disabled){border-color:var(--accent); transform:translateY(-1px);}
.fq__opt:disabled{cursor:default;}
.fq__opt.is-correct{background:rgba(58,125,68,0.12); border-color:var(--good); color:var(--good); font-weight:600;}
.fq__opt.is-wrong{background:rgba(160,37,42,0.08); border-color:var(--accent-2); color:var(--accent-2);}
.fq__fb{margin-top:16px; padding:14px 18px; border-radius:10px; font-size:.92em; line-height:1.65; background:rgba(160,37,42,0.06); border:1px solid rgba(160,37,42,0.15); color:#555;}
.fq__fb.is-ok{background:rgba(58,125,68,0.08); border-color:rgba(58,125,68,0.2);}
.fq__fb b{display:block; margin-bottom:4px; color:#1a1a1a;}
.fq__nav{margin-top:16px; text-align:right;}
.fq__next, .fq__again{font-family:inherit; font-size:.95em; color:#fff; background:var(--accent); border:none; border-radius:10px; padding:10px 22px; cursor:pointer; transition:background .2s ease-out, transform .15s ease-out;}
.fq__next:hover, .fq__again:hover{background:var(--accent-2); transform:translateY(-1px);}
.fq__result{text-align:center; padding:16px 0;}
.fq__score{font-family:'Playfair Display',serif; font-weight:700; font-size:3.2em; color:var(--accent); line-height:1;}
.fq__score span{font-size:.34em; color:#999; margin-left:6px; font-family:'Inconsolata',monospace;}
.fq__line{margin:14px auto 20px; max-width:34em; color:#555; line-height:1.7;}
@media (max-width:560px){ .fq{padding:22px 18px;} .fq__opts{grid-template-columns:1fr;} }