/* ACE 11+ Exams - FAQ / Exam Guide additions
   Designed to sit alongside premium.css and reuse its variables, typography and components.
*/

.guide-hero{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:42px;
  align-items:center;
  padding:52px 0 42px;
}
.guide-hero-copy .lead{max-width:720px}
.guide-hero-panel{
  padding:28px;
  border-radius:28px;
  background:linear-gradient(145deg,#eaf7ff,#f3edff 54%,#fff4df);
  border:1px solid var(--line);
}
.guide-hero-panel h2{font-size:26px;margin-bottom:12px}
.guide-hero-panel p{font-size:14px}
.guide-stat-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
.guide-stat{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px;
  box-shadow:0 8px 20px rgba(53,83,130,.08);
}
.guide-stat strong{display:block;font-family:'Sora',sans-serif;font-size:28px;color:var(--navy)}
.guide-stat span{font-size:12px;color:var(--muted)}
.guide-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:24px;
  align-items:start;
}
.guide-toc{
  position:sticky;
  top:18px;
  padding:20px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow);
}
.guide-toc strong{display:block;margin-bottom:8px}
.guide-toc a{
  display:block;
  text-decoration:none;
  padding:8px 9px;
  border-radius:10px;
  color:var(--muted);
  font-size:13px;
}
.guide-toc a:hover{background:var(--wash);color:var(--purple)}
.faq-group{
  padding:26px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow);
  margin-bottom:18px;
}
.faq-group .section-head{margin-bottom:8px}
.faq-item{border-top:1px solid var(--line)}
.faq-item:first-of-type{border-top:0}
.faq-item summary{
  list-style:none;
  padding:18px 2px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  font-family:'Sora',sans-serif;
  font-weight:600;
  color:var(--ink);
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{
  content:"+";
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#f4efff;
  color:var(--purple);
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:18px;
}
.faq-item[open] summary::after{content:"−"}
.faq-answer{padding:0 2px 18px}
.faq-answer p,.faq-answer li{font-size:14px;color:var(--muted)}
.faq-answer ul{padding-left:20px}
.inline-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0;
}
.inline-chip{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--line);
  background:#f8fbff;
  font-size:12px;
  font-weight:700;
}
.info-strip{
  padding:18px 20px;
  background:#eef4ff;
  border:1px solid #d7e4ff;
  border-radius:14px;
  margin:18px 0;
  font-size:14px;
}
.info-strip strong{color:var(--navy)}
.source-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:8px;
  font-size:13px;
  font-weight:700;
  color:var(--blue);
}
.exam-tools{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  margin:18px 0 24px;
}
.exam-search{
  flex:1 1 320px;
  min-height:48px;
  border:1px solid var(--line);
  border-radius:12px;
  padding:0 15px;
  font:inherit;
  color:var(--ink);
  background:#fff;
}
.exam-search:focus{outline:3px solid rgba(139,92,246,.18);border-color:var(--purple)}
.exam-filter{
  min-height:48px;
  border:1px solid var(--line);
  border-radius:12px;
  padding:0 38px 0 14px;
  font:inherit;
  background:#fff;
  color:var(--ink);
}
.exam-table-wrap{
  overflow:auto;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--shadow);
}
.exam-table{
  width:100%;
  min-width:1080px;
  border-collapse:collapse;
}
.exam-table th{
  position:sticky;
  top:0;
  z-index:1;
  text-align:left;
  padding:15px 14px;
  background:#f4f9ff;
  color:var(--navy);
  font-family:'Sora',sans-serif;
  font-size:12px;
  letter-spacing:.01em;
  border-bottom:1px solid var(--line);
}
.exam-table td{
  padding:16px 14px;
  border-bottom:1px solid var(--line);
  vertical-align:top;
  font-size:13px;
  color:var(--muted);
}
.exam-table tr:last-child td{border-bottom:0}
.exam-table td:first-child strong{color:var(--ink)}
.yes{color:var(--green);font-weight:800}
.no{color:#98a2b3;font-weight:700}
.maybe{color:var(--amber);font-weight:800}
.exam-badge{
  display:inline-block;
  padding:5px 8px;
  border-radius:999px;
  background:#f4efff;
  color:var(--purple);
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.exam-card-grid{
  display:none;
}
.exam-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:20px;
  box-shadow:var(--shadow);
}
.exam-card h3{margin:0 0 5px}
.exam-card .exam-meta{font-size:12px;color:var(--purple);font-weight:800;margin-bottom:12px}
.exam-subjects{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.exam-subjects span{
  padding:5px 8px;
  border-radius:999px;
  background:#eef4ff;
  font-size:11px;
  font-weight:700;
}
.small-print{font-size:12px;color:var(--muted)}
.guide-cta{
  margin-top:24px;
  padding:32px;
  border-radius:20px;
  color:#fff;
  background:var(--navy);
}
.guide-cta p{color:#dce4f0}
.back-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  margin-top:12px;
}
@media(max-width:900px){
  .guide-hero{grid-template-columns:1fr;gap:24px}
  .guide-layout{grid-template-columns:1fr}
  .guide-toc{position:relative;top:0}
}
@media(max-width:720px){
  .exam-table-wrap{display:none}
  .exam-card-grid{display:grid;gap:14px}
  .guide-stat-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .guide-stat-grid{grid-template-columns:1fr}
  .faq-group{padding:20px}
  .guide-hero-panel{padding:22px}
}