/* TestTartásŐr - Súgó (FAQ) és Rendszerkövetelmények oldalak */

.faq-list{ max-width:760px; margin:0 auto; display:flex; flex-direction:column; gap:12px; }
.faq-item{
  background:var(--card-bg); border:1px solid var(--border); border-radius:14px; overflow:hidden;
}
.faq-question{
  width:100%; text-align:left; background:transparent; border:none; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:20px 22px; font-family:var(--font-body); font-size:15px; font-weight:600; color:var(--text-main);
}
.faq-question .chev{
  flex-shrink:0; width:18px; height:18px; color:var(--text-muted);
  transition:transform .22s ease;
}
.faq-item.open .faq-question .chev{ transform:rotate(180deg); color:var(--accent); }
.faq-answer{
  max-height:0; overflow:hidden; transition:max-height .28s ease;
}
.faq-answer-inner{ padding:0 22px 20px; font-size:14px; color:var(--text-muted); line-height:1.6; }
.faq-answer-inner a{ color:var(--accent); }

.faq-cta{ text-align:center; margin-top:48px; }
.faq-cta p{ color:var(--text-muted); margin-bottom:16px; font-size:14.5px; }

/* --- Rendszerkövetelmények --- */
.spec-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; max-width:900px; margin:0 auto 40px; }
.spec-card{
  background:var(--card-bg); border:1px solid var(--border); border-radius:16px; padding:26px;
}
.spec-card h3{ font-family:var(--font-display); font-size:17px; margin-bottom:16px; display:flex; align-items:center; gap:10px; }
.spec-card h3 svg{ width:20px; height:20px; color:var(--accent); }
.spec-row{
  display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid var(--border-soft);
  font-size:13px;
}
.spec-row:last-child{ border-bottom:none; }
.spec-row .k{ color:var(--text-dim); }
.spec-row .v{ color:var(--text-main); font-weight:500; text-align:right; }

.spec-soon{
  display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
  gap:12px; padding:24px 0;
}
.spec-soon .platform-soon{
  display:inline-block; font-family:var(--font-mono); font-size:11px; font-weight:600; color:var(--text-dim);
  background:var(--card-bg-alt); border:1px solid var(--border-soft); padding:6px 14px; border-radius:999px;
}
.spec-soon p{ font-size:13px; color:var(--text-muted); line-height:1.5; max-width:220px; }

.spec-note-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; max-width:900px; margin:0 auto; }

@media (max-width:860px){
  .spec-grid{ grid-template-columns:1fr; }
  .spec-note-grid{ grid-template-columns:1fr; }
}

/* ===== V2 ===== */
.faq-item,details,.help-item{ border-radius:22px !important; background:rgba(255,255,255,.04) !important; border:1px solid var(--border) !important; transition:border-color .2s, background .2s; }
.faq-item:hover,details:hover{ border-color:rgba(255,255,255,.18) !important; }