/* ============================================================
   ACADEMY PAGE — page-specific layout only.
   Reuses tokens + shared components from style.css and
   marketplace.css (.mkt-hero, .mkt-section, .mkt-card,
   .whychoose-grid/.whychoose-card/.wc-icon, .final-cta, etc).
   Nothing here redefines those selectors.
   ============================================================ */

/* about + stats */
.academy-about{padding:56px 0;background:#FFFAF4;}
.academy-about-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:44px;align-items:center;}
.academy-about-text p{font-size:14px;color:var(--gray);line-height:1.75;margin:0 0 14px;}
.academy-about-stats{display:flex;flex-direction:column;gap:16px;}
.stat-box{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px 24px;text-align:center;}
.stat-box h3{font-size:30px;font-weight:800;color:var(--orange);margin:0 0 4px;}
.stat-box p{font-size:12.5px;color:var(--gray);margin:0;font-weight:600;}

/* course level tags (sit alongside .mkt-card-badge in the card icon area) */
.level-tag{position:absolute;bottom:12px;left:14px;font-size:9.5px;font-weight:800;padding:4px 10px;border-radius:12px;letter-spacing:.3px;}
.badge-beginner{background:#E8F8EF;color:#158A4D;}
.badge-intermediate{background:#FBF3DC;color:#B08A1F;}

/* learning formats */
.format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.format-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px 16px;text-align:center;transition:transform .25s ease, box-shadow .25s ease;}
.format-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,0,0,.06);}
.format-icon{width:44px;height:44px;border-radius:12px;background:#FFF1E3;color:var(--orange);display:flex;align-items:center;justify-content:center;font-size:18px;margin:0 auto 12px;}
.format-card h4{font-size:13px;font-weight:700;margin:0;}

/* training approach timeline */
.approach-timeline{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.approach-step{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1 1 120px;text-align:center;}
.step-num{width:40px;height:40px;border-radius:50%;background:var(--orange);color:#fff;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;}
.approach-step h4{font-size:12.5px;font-weight:700;margin:0;}

/* FAQ accordion (native <details>) */
.academy-faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
.academy-faq .faq-item{background:#fff;border:1px solid var(--border);border-radius:12px;padding:6px 20px;}
.academy-faq .faq-item summary{list-style:none;cursor:pointer;padding:16px 0;font-size:14px;font-weight:700;color:var(--black);display:flex;justify-content:space-between;align-items:center;}
.academy-faq .faq-item summary::-webkit-details-marker{display:none;}
.academy-faq .faq-item summary i{transition:transform .25s ease;color:var(--gray);font-size:12px;}
.academy-faq .faq-item[open] summary i{transform:rotate(180deg);}
.academy-faq .faq-item p{font-size:13px;color:var(--gray);line-height:1.7;margin:0 0 16px;}

@media(max-width:1100px){
  .academy-about-grid{grid-template-columns:1fr;}
  .academy-about-stats{flex-direction:row;}
  .format-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:700px){
  .academy-about-stats{flex-direction:column;}
  .format-grid{grid-template-columns:1fr;}
  .approach-timeline{flex-direction:column;align-items:stretch;}
}