/* seo.css — server-rendered topic copy shown under the game.
   Readable for parents, quiet enough not to compete with the game itself. */
/* Salinan jualan di bawah permainan/daftar subjek disembunyi untuk pembeli kod
   (<html class="eq-paid"> ditambah paid.js pada hub, app.js pada halaman subjek).
   Pelawat percuma tetap nampak — itu salinan jualan + kekal untuk SEO. */
html.eq-paid .seo-topic{display:none}
.seo-topic{
  max-width:980px;margin:8px auto 40px;padding:26px 28px 22px;
  background:#fff;border:3px solid #fff;border-radius:26px;
  box-shadow:0 10px 26px #23324a1f;color:#23324a;
  font-family:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:16px;line-height:1.66;text-align:left;
}
.seo-crumbs{font-size:.82rem;font-weight:800;color:#5b6b85;margin-bottom:10px}
.seo-crumbs a{color:#2b57d6;text-decoration:none}
.seo-crumbs a:hover{text-decoration:underline}
.seo-crumbs span[aria-hidden]{color:#9aa8bf;padding:0 4px}
.seo-topic h1,
.seo-topic h2{
  font-family:"Fredoka","Nunito",system-ui,sans-serif;font-weight:600;
  font-size:clamp(1.25rem,3.2vw,1.55rem);line-height:1.25;color:#6d3fe0;margin:0 0 10px;
}
.seo-topic h3{
  font-family:"Fredoka","Nunito",system-ui,sans-serif;font-weight:600;
  font-size:1.06rem;color:#23324a;margin:22px 0 8px;
}
.seo-topic p{margin:0 0 12px;max-width:74ch}
.seo-topic .seo-topics{margin:0 0 12px;padding-left:20px;max-width:74ch}
.seo-topic .seo-topics li{margin:3px 0}
.seo-topic .seo-topics a{color:#2b57d6;font-weight:800;text-decoration:none}
.seo-topic .seo-topics a:hover{text-decoration:underline}
.seo-topic .seo-q{
  margin:0 0 8px;padding:12px 14px;background:#f3f6ff;border-left:5px solid #6d3fe0;
  border-radius:12px;font-weight:800;
}
.seo-topic details{border-top:1px solid #e6ebf5;padding:10px 0}
.seo-topic details:last-of-type{border-bottom:1px solid #e6ebf5}
.seo-topic summary{cursor:pointer;font-weight:800;min-height:28px}
.seo-topic summary::marker{color:#6d3fe0}
.seo-topic details p{margin:8px 0 2px;color:#3a4a63}
.seo-topic .seo-links{margin:16px 0 0;font-size:.93rem;color:#5b6b85}
.seo-topic .seo-links a{color:#2b57d6;font-weight:800;text-decoration:none}
.seo-topic .seo-links a:hover{text-decoration:underline}
.seo-topic .seo-more{font-size:.9rem;color:#5b6b85}
@media (max-width:560px){
  .seo-topic{margin:4px 10px 26px;padding:18px 16px;border-radius:20px;font-size:15.5px}
  .seo-topic h1,.seo-topic h2{font-size:1.25rem}
  .seo-topic h3{margin-top:18px}
}