/* ICH_Quiz — grids + layout (organisms) | BMSoft1024 */
.grid{display:grid;gap:18px}
.g2{grid-template-columns:1.3fr .7fr}
.g2e{grid-template-columns:repeat(2,1fr);align-items:stretch}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,minmax(150px,1fr))}
#statCards{grid-template-columns:repeat(4,minmax(150px,1fr));justify-content:stretch}
#creatorStats{grid-template-columns:repeat(3,minmax(140px,1fr))}
.gb{grid-template-columns:230px 1fr}
.page{padding:30px 0 20px;animation:fade .25s ease}
/* Beágyazott (iframe) nézeteknek (embed.php/embed-user.php, body.embed, noChrome — nincs fix nav
   fölötte) a 30px felső padding csak felesleges üres hely a tetején — user jelzés 2026-07-19. */
body.embed .page{padding-top:0}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.row-end{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.sep{border-top:1px solid var(--line);margin:12px 0}
table{width:100%;border-collapse:collapse;font-size:.88rem}
th,td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--line)}
th{color:var(--muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}
/* admin layout */
.admin{display:grid;grid-template-columns:230px 1fr;gap:18px;align-items:start}
.aside a{display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:var(--r-sm);
  color:var(--muted);font-size:.9rem;margin-bottom:4px}
.aside a:hover{background:var(--glass-2);color:var(--text)}
.aside a.active{background:rgba(99,102,241,.18);color:var(--text);border:1px solid rgba(99,102,241,.3)}
@media(max-width:1024px){.g4{grid-template-columns:repeat(2,minmax(150px,1fr));gap:12px}
  #statCards{grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}
  #creatorStats{grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px}}
@media(max-width:840px){.g2{grid-template-columns:1fr}.g2e,.g3,.gb,.admin{grid-template-columns:1fr}.g4{grid-template-columns:repeat(2,minmax(140px,1fr));gap:10px}
  #statCards{grid-template-columns:repeat(4,minmax(80px,1fr));gap:8px}
  #creatorStats{grid-template-columns:repeat(3,minmax(100px,1fr));gap:8px}}