/* WebTechs AI Academy v2.2.0: learning experience. Scoped to Academy. */
.wtaia-app {
  --wtaia-primary:var(--wtaia-brand,#635bff);
  --wtaia-primary-2:#3a53c5;
  --wtaia-text:#17233d;
  --wtaia-muted:#65748d;
  --wtaia-border:#e7eaf3;
  --wtaia-shadow:0 10px 34px rgba(25,39,77,.055);
  --wtaia-radius:19px;
  font-family:Tahoma,"Segoe UI",system-ui,sans-serif;
  max-width:1460px;
  margin-inline:auto;
}
.wtaia-app :is(a,button,input,textarea,select,summary):focus-visible {outline:3px solid #13b8a6;outline-offset:3px}
.wtaia-app :is(button,.wtaia-btn) {touch-action:manipulation}
.wtaia-app .wtaia-btn:not(.ghost){background:var(--wtaia-primary);box-shadow:0 5px 14px rgba(85,82,180,.14)}
.wtaia-app .wtaia-btn.ghost{background:#f0f2ff;color:var(--wtaia-primary)!important}
.wtaia-app .wtaia-section{box-shadow:var(--wtaia-shadow)}
.wtaia-app .wtaia-section-title{gap:10px;flex-wrap:wrap}
.wtaia-app .wtaia-section-title h3{margin:0;font-size:clamp(17px,2vw,21px)}
.wtaia-v21-dashboard-bar{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}
.wtaia-app .wtaia-v21-dashboard-bar a{border:1px solid var(--wtaia-border);background:#fff;padding:9px 14px;border-radius:12px;font-size:13px;font-weight:750;color:#33415e;min-height:42px;display:inline-flex;align-items:center}
.wtaia-app .wtaia-v21-dashboard-bar a:is(:hover,:focus-visible){background:#f0f3ff;color:var(--wtaia-primary);border-color:#a5b1f4}
.wtaia-app .wtaia-dashboard-head{background:linear-gradient(125deg,#14213d 10%,#2e3873 67%,#635bff);padding:clamp(22px,3.5vw,34px);border-radius:24px;box-shadow:0 18px 40px rgba(21,33,66,.16)}
.wtaia-app .wtaia-dashboard-head h2{font-size:clamp(22px,3vw,33px);line-height:1.4;margin:5px 0}
.wtaia-app .wtaia-dashboard-head .wtaia-avatar img{border-radius:16px;border:3px solid #ffffff73}
.wtaia-v22-focus{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,.8fr);gap:22px;padding:clamp(21px,3vw,32px);border-radius:23px;background:linear-gradient(125deg,#f1f4ff,#ffffff 70%);border:1px solid #dae0fb;box-shadow:0 12px 32px rgba(42,64,135,.06);margin:18px 0 20px}
.wtaia-v22-focus h3{font-size:clamp(21px,2.8vw,29px);line-height:1.4;margin:8px 0}
.wtaia-v22-focus p{color:var(--wtaia-muted);margin:8px 0 14px;line-height:1.8}
.wtaia-v22-kicker{color:#655adf;font-size:12px;font-weight:850}
.wtaia-v22-focus-progress{max-width:520px;display:flex;align-items:center;gap:12px;margin:10px 0 20px}
.wtaia-v22-focus-progress>.wtaia-progress{flex:1;height:10px}
.wtaia-v22-focus-progress>small{flex:0 0 auto;color:#455477;font-weight:700}
.wtaia-v22-focus-aside{align-self:stretch;border-radius:17px;background:#fff;border:1px solid #e6e9f9;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.wtaia-v22-focus-aside strong{font-size:17px}
.wtaia-v22-focus-aside p{margin:0;font-size:13px}
.wtaia-v22-focus-aside a{margin-top:auto;font-weight:750;color:#5149bc;font-size:13px}
.wtaia-v22-step{display:inline-block;padding:4px 10px;border-radius:100px;background:#e6faf4;color:#116f56;font-size:11px;font-weight:850}
.wtaia-app .wtaia-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
.wtaia-app .wtaia-stat{box-shadow:none;min-height:90px;border-radius:16px;background:#fff}
.wtaia-app .wtaia-row-card{border-radius:15px;padding:17px;gap:16px}
.wtaia-app .wtaia-row-card .wtaia-btn{white-space:nowrap}
.wtaia-v22-extras{margin-block:18px;border-radius:18px;border:1px solid var(--wtaia-border);background:#fff;overflow:clip}
.wtaia-v22-extras>summary{display:flex;align-items:center;gap:12px;padding:17px 21px;list-style:none;cursor:pointer;font-weight:850;color:#263654}
.wtaia-v22-extras>summary::-webkit-details-marker{display:none}
.wtaia-v22-extras>summary::after{content:'⌄';margin-inline-start:auto;font-size:22px;color:#635bff;transition:transform .18s}
.wtaia-v22-extras[open]>summary::after{transform:rotate(180deg)}
.wtaia-v22-extras>summary span{font-size:12px;color:var(--wtaia-muted);font-weight:500}
.wtaia-v22-extras-body{padding:0 18px 18px;border-top:1px solid var(--wtaia-border)}
.wtaia-v22-extras-body .wtaia-section{margin-block:14px}
.wtaia-app .wtaia-course-card{box-shadow:0 8px 24px rgba(28,44,78,.05);border-radius:18px;display:flex;flex-direction:column}
.wtaia-app .wtaia-course-card:hover{border-color:#c2c8f6}
.wtaia-app .wtaia-card-media{background:linear-gradient(140deg,#182954,#554cf1);position:relative}
.wtaia-app .wtaia-placeholder{color:#ffffffd9;font-size:44px;letter-spacing:5px}
.wtaia-app .wtaia-card-body{display:flex;flex-direction:column;flex:1}
.wtaia-app .wtaia-card-body .wtaia-card-foot{margin-top:auto;padding-top:16px}
.wtaia-app .wtaia-card-body>p{margin-bottom:20px}
.wtaia-app .wtaia-course-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.7fr);gap:26px;align-items:center;background:linear-gradient(145deg,#f3f5ff,#fff 75%);border-radius:26px;padding:clamp(24px,4vw,48px)}
.wtaia-app .wtaia-course-hero:not(:has(.wtaia-v22-course-cover)){display:block}
.wtaia-app .wtaia-v22-course-cover{border-radius:19px;overflow:hidden;box-shadow:0 20px 40px rgba(25,32,73,.1);aspect-ratio:4/3}
.wtaia-app .wtaia-v22-course-cover img{width:100%;height:100%;object-fit:cover}
.wtaia-app .wtaia-course-hero h1{font-size:clamp(28px,3.7vw,42px);line-height:1.45}
.wtaia-v22-section{padding:0!important;background:#fff;overflow:hidden}
.wtaia-v22-section>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:19px 21px;font-size:16px;font-weight:850}
.wtaia-v22-section>summary::-webkit-details-marker{display:none}
.wtaia-v22-section>summary:before{content:'+';order:3;color:#635bff;font-size:20px;font-weight:500}
.wtaia-v22-section[open]>summary:before{content:'−'}
.wtaia-v22-section-counter{color:var(--wtaia-muted);font-size:12px;font-weight:650;margin-inline-start:auto}
.wtaia-v22-section>.wtaia-lessons{padding:0 14px 15px;border-top:1px solid #eff1f6}
.wtaia-app .wtaia-lesson-row{background:#fafbfe;border:0;border-bottom:1px solid #e9edf5;border-radius:0;flex-wrap:wrap}
.wtaia-app .wtaia-lesson-row>div{flex-wrap:wrap}
.wtaia-app .wtaia-lesson-row>a{padding:7px 12px;border-radius:10px;background:#eef0ff}
.wtaia-app .wtaia-lesson-row.is-complete{background:#f1faf5}
.wtaia-v22-player .wtaia-player-sidebar{background:#14213d}
.wtaia-v22-player .wtaia-player-brand{background:#1c2b4c}
.wtaia-v22-player .wtaia-player-curriculum{padding:10px}
.wtaia-v22-player-group{border-radius:11px;margin:6px 0;background:#ffffff07;overflow:hidden}
.wtaia-v22-player-group>summary{color:#dae2fa;cursor:pointer;list-style:none;padding:13px 12px;font-weight:750;font-size:13px;display:flex;justify-content:space-between;gap:12px}
.wtaia-v22-player-group>summary::-webkit-details-marker{display:none}
.wtaia-v22-player-group>summary:before{content:'⌄';margin-inline-end:6px;font-size:13px}
.wtaia-v22-player-group[open]>summary:before{content:'⌃'}
.wtaia-v22-player-group>summary small{font-size:11px;color:#9aa9c4;white-space:nowrap}
.wtaia-v22-player .wtaia-player-lesson{margin:3px 8px;border-radius:10px;min-height:44px}
.wtaia-v22-player .wtaia-player-lesson.is-current{background:#ffffff1c}
.wtaia-v22-player-progress{display:flex;align-items:center;gap:14px;color:#425276;padding:10px 15px;margin-bottom:14px;border-radius:13px;border:1px solid #e4e9f7;background:#fff;font-size:12px;font-weight:750}
.wtaia-v22-player-progress .wtaia-progress{flex:1;margin:0}
.wtaia-v22-player-progress strong{color:#635bff}
.wtaia-v22-player .wtaia-lesson-main{box-shadow:0 8px 28px rgba(29,45,90,.04)}
.wtaia-v22-player .wtaia-lesson-main h1{font-size:clamp(25px,3vw,37px);line-height:1.5}
.wtaia-v22-player .wtaia-lesson-actions-v13{border-top:1px solid #ecedf6;padding-top:18px;margin-top:24px}
.wtaia-v22-backdrop[hidden]{display:none!important}
.wtaia-v22-player .wtaia-v22-backdrop{display:none}
.wtaia-app .wtaia-quiz-player{border-radius:24px;overflow:hidden}
.wtaia-app .wtaia-focus-head{background:linear-gradient(135deg,#f0f3ff,#fff);padding:clamp(23px,4vw,38px)}
.wtaia-v22-quiz-navigation{padding:12px 0;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.wtaia-v22-quiz-navigation button{width:42px;height:42px;min-width:42px;border:1px solid #dce2f0;border-radius:10px;background:#f7f9fe;color:#3d4b67;font:inherit;cursor:pointer;font-weight:750;display:grid;place-items:center}
.wtaia-v22-quiz-navigation button[aria-current="step"]{background:#635bff;color:#fff;border-color:#635bff}
.wtaia-v22-quiz-navigation button.is-answered:not([aria-current]){border-color:#9bcfbd;background:#edf9f3;color:#176443}
.wtaia-app .wtaia-quiz-form .wtaia-question[hidden]{display:none!important}
.wtaia-app .wtaia-question{border-radius:17px;min-height:220px;background:#fff}
.wtaia-v22-quiz-controls{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap;justify-content:space-between}
.wtaia-v22-quiz-controls .wtaia-btn{min-width:110px}
.wtaia-v22-quiz-controls .wtaia-btn[hidden],.wtaia-v22-summary[hidden]{display:none!important}
.wtaia-v22-summary{padding:17px;border:1px solid #aebdec;background:#f8faff;border-radius:14px;margin:14px 0}
.wtaia-v22-summary strong{font-size:17px}
.wtaia-v22-summary p{margin:8px 0;color:#52617b}
.wtaia-v22-summary .wtaia-v22-quiz-confirm{display:flex;gap:9px;flex-wrap:wrap}
.wtaia-app .wtaia-quiz-submitbar{border-radius:14px;bottom:6px}
.wtaia-v22-quiz-timer-warning{background:#9d2d40!important}
@media(max-width:1100px){
 .wtaia-v22-player.sidebar-open .wtaia-v22-backdrop{display:block!important;position:fixed;inset:0;background:#0d1729a3;border:0;z-index:9998;cursor:pointer}
 .wtaia-v22-player.sidebar-open:after{display:none}
 .wtaia-v22-player .wtaia-player-sidebar{z-index:9999}
}
@media(max-width:950px){
 .wtaia-app .wtaia-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .wtaia-app .wtaia-course-hero{grid-template-columns:minmax(0,1fr) minmax(190px,.7fr)}
}
@media(max-width:760px){
 .wtaia-v22-focus{grid-template-columns:1fr}
 .wtaia-v22-focus-aside{min-height:0}
 .wtaia-app .wtaia-course-hero{grid-template-columns:1fr}
 .wtaia-app .wtaia-v22-course-cover{aspect-ratio:16/9;max-width:100%}
 .wtaia-app .wtaia-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wtaia-v21-dashboard-bar{overflow:auto;flex-wrap:nowrap;scrollbar-width:thin;padding-bottom:4px}
 .wtaia-v21-dashboard-bar a{flex:0 0 auto}
 .wtaia-app .wtaia-row-card{flex-direction:column;align-items:stretch}
 .wtaia-app .wtaia-row-card .wtaia-btn{width:100%}
 .wtaia-v22-extras>summary{align-items:flex-start;flex-wrap:wrap}
 .wtaia-v22-extras>summary span{flex-basis:85%;order:3}
 .wtaia-app .wtaia-curriculum-section>summary{padding:14px}
 .wtaia-v22-quiz-controls{display:grid;grid-template-columns:1fr 1fr}
 .wtaia-v22-quiz-controls .wtaia-btn{width:100%}
}
@media(max-width:440px){
 .wtaia-app .wtaia-stats{gap:8px}
 .wtaia-app .wtaia-stat{padding:12px;min-height:78px}
 .wtaia-app .wtaia-stat strong{font-size:17px}
 .wtaia-v22-section-name{font-size:13px}
 .wtaia-v22-section-counter{font-size:10px}
 .wtaia-v22-quiz-navigation button{width:38px;height:40px;min-width:38px}
 .wtaia-v22-player-progress{gap:8px;padding:8px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.wtaia-app *,.wtaia-app *:before,.wtaia-app *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* v2.3.0: certificate journey and issuance checklist */
.wtaia-v23-certificate-info{border-radius:12px;background:#eff2ff;border:1px solid #dce1ff;color:#344070;padding:14px 16px;line-height:1.9;margin:14px 0 20px;font-size:13px}
.wtaia-v23-steps-section{margin-top:28px}.wtaia-v23-steps-section>p{color:#64748b}
.wtaia-v23-cert-track{padding:clamp(16px,2.7vw,24px);background:#fff;border:1px solid #e0e6f1;border-radius:19px;margin:16px 0;box-shadow:0 10px 28px #202e5010}
.wtaia-v23-cert-track h4{margin:0 0 17px;color:#162344;font-size:18px}
.wtaia-v23-cert-steps{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wtaia-v23-cert-steps li{list-style:none!important;margin:0!important;padding:12px!important;display:flex;align-items:center;gap:11px;border-radius:11px;background:#f5f7fb;color:#556273;font-size:13px;line-height:1.8}
.wtaia-v23-cert-steps .is-done{background:#e9f7f1;color:#106447}.wtaia-v23-cert-steps li span{font-size:17px;font-weight:800}
.wtaia-v23-track-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:20px}
.wtaia-v23-track-actions a{font-size:13px}
.wtaia-v23-track-actions .wtaia-v21-primary{text-decoration:none;padding:12px 20px;min-height:45px;display:inline-flex;align-items:center;border-radius:11px}
@media(max-width:600px){.wtaia-v23-cert-steps{grid-template-columns:1fr}.wtaia-v23-track-actions{flex-direction:column;align-items:stretch}.wtaia-v23-track-actions .wtaia-v21-primary{text-align:center;justify-content:center}}

/* v2.3.1: Course-first onboarding (never redirect to WordPress login automatically) */
.wtaia-course-auth-prompt{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:20px;padding:20px;border:1px solid rgba(99,91,255,.22);border-radius:18px;background:rgba(99,91,255,.055)}
.wtaia-course-auth-prompt strong{font-size:1.1rem;color:#14213d}.wtaia-course-auth-prompt p{margin:0;color:#52617a;line-height:1.8}
.wtaia-course-register{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:center;gap:24px;margin:24px 0;padding:clamp(18px,3vw,36px);background:#f7f9fc;border:1px solid #e4e9f2;border-radius:22px;scroll-margin-top:100px}
.wtaia-course-register-copy h2{font-size:clamp(1.2rem,2.2vw,1.65rem);line-height:1.6;color:#14213d;margin:12px 0}.wtaia-course-register-copy p{color:#50617a;line-height:2}
.wtaia-course-register .wtaia-auth-card{box-sizing:border-box;max-width:100%;width:100%;margin:0;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.07)}
.wtaia-course-payment-warning{margin:16px 0;padding:14px 16px;border:1px solid #f3cf79;background:#fffbeb;border-radius:12px;color:#80530c;line-height:1.9}
@media(max-width:780px){.wtaia-course-register{grid-template-columns:minmax(0,1fr);padding:18px;gap:12px}.wtaia-course-register .wtaia-auth-card{padding:18px}.wtaia-course-auth-prompt{padding:16px}}

.wtaia-app .wtaia-course-hero .wtaia-course-auth-prompt{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28)}
.wtaia-app .wtaia-course-hero .wtaia-course-auth-prompt strong{color:#fff}
.wtaia-course-register:target{border-color:#635bff;box-shadow:0 0 0 3px rgba(99,91,255,.1)}

/* v2.4.2 quiz history: secondary information stays collapsed on mobile. */
.wtaia-quiz-history{margin-block:16px 12px;padding:10px 14px;border:1px solid var(--wtaia-border,#e5eaf1);border-radius:12px;background:var(--wtaia-surface,#fff);font-size:.92rem}
.wtaia-quiz-history summary{cursor:pointer;font-weight:650;min-height:36px;display:list-item;align-content:center}
.wtaia-quiz-history ol{margin:12px 18px 4px 0;padding:0;display:grid;gap:8px}
.wtaia-quiz-history li{line-height:1.7;color:inherit}
.wtaia-quiz-history li small{display:block;opacity:.68;font-size:.8rem}
.wtaia-quiz-last-status{margin-block:8px;color:var(--wtaia-muted,#64748b)}