/* Kryptoca Academy / Learn */
.ac{max-width:1080px;margin:0 auto;padding:14px 20px 64px}
.ac-hero{
  border:1px solid var(--kv2-border);border-radius:22px;padding:28px 24px 22px;margin-bottom:18px;
  background:
    radial-gradient(520px 200px at 0% 0%, rgba(240,199,94,.14), transparent 55%),
    radial-gradient(480px 180px at 100% 10%, rgba(94,200,255,.10), transparent 50%),
    rgba(255,255,255,.03);
}
.ac-brand{
  display:inline-flex;margin:0 0 10px;padding:5px 10px;border-radius:999px;
  border:1px solid rgba(240,199,94,.3);background:rgba(240,199,94,.08);
  font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--kv2-accent)
}
.ac-hero h1{
  margin:0 0 10px;font-family:var(--kv2-display);font-size:clamp(1.45rem,3vw,1.95rem);
  font-weight:700;letter-spacing:-.03em;line-height:1.15
}
.ac-hero>p{margin:0;max-width:64ch;color:var(--kv2-muted);font-size:.95rem;line-height:1.55}
.ac-kpis{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 0
}
@media(max-width:720px){.ac-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ac-kpis>div{
  padding:12px;border-radius:14px;border:1px solid var(--kv2-border);background:rgba(0,0,0,.18)
}
.ac-kpis strong{display:block;font-size:1.15rem;font-weight:800;margin-bottom:2px}
.ac-kpis span{color:var(--kv2-muted);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.ac-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ac-actions.compact{margin-top:12px}
.ac-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:9px 12px;border-radius:10px;border:1px solid var(--kv2-border);
  background:rgba(255,255,255,.04);color:var(--kv2-text);text-decoration:none;
  font-size:.84rem;font-weight:700;cursor:pointer
}
.ac-btn.primary{background:linear-gradient(135deg,#f0c75e,#e8a83a);color:#0a0c12;border-color:transparent}
.ac-btn:hover{border-color:rgba(240,199,94,.4)}
.ac-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.ac-toolbar input,.ac-toolbar select{
  flex:1 1 180px;min-height:42px;border-radius:12px;border:1px solid var(--kv2-border);
  background:rgba(255,255,255,.04);color:var(--kv2-text);padding:0 12px;font:inherit
}
.ac-chapter{
  border:1px solid var(--kv2-border);border-radius:18px;padding:16px;margin:0 0 14px;
  background:rgba(255,255,255,.03)
}
.ac-chapter-h h2{margin:0 0 4px;font-family:var(--kv2-display);font-size:1.15rem}
.ac-chapter-h p{margin:0 0 12px;color:var(--kv2-muted);font-size:.88rem;line-height:1.45}
.ac-ch-kicker{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--kv2-accent2);margin-bottom:6px}
.ac-list{display:flex;flex-direction:column;gap:8px}
.ac-row{
  display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;
  text-decoration:none;color:var(--kv2-text);padding:12px;border-radius:14px;
  border:1px solid var(--kv2-border);background:rgba(0,0,0,.16);
  transition:border-color .15s ease, transform .15s ease
}
.ac-row:hover{border-color:rgba(240,199,94,.35);transform:translateY(-1px)}
.ac-row.is-done{border-color:rgba(61,214,140,.28)}
.ac-num{
  width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
  font-weight:800;background:rgba(94,200,255,.08);border:1px solid rgba(94,200,255,.2);color:var(--kv2-accent2)
}
.ac-title{font-weight:700;font-size:.95rem;line-height:1.3}
.ac-sub{margin-top:3px;color:var(--kv2-muted);font-size:.78rem}
.ac-badges{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.ac-badge{
  font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  padding:4px 8px;border-radius:999px;border:1px solid rgba(61,214,140,.35);color:var(--kv2-good);background:rgba(61,214,140,.08)
}
.ac-open{color:var(--kv2-muted);font-size:.8rem;font-weight:700}
.ac-footnote{margin-top:18px;color:var(--kv2-muted);font-size:.84rem;line-height:1.5}
.ac-footnote a{color:var(--kv2-accent2)}

.ac-crumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--kv2-muted);font-size:.82rem;margin:0 0 12px}
.ac-crumb a{color:var(--kv2-muted);text-decoration:none}
.ac-crumb a:hover{color:var(--kv2-accent)}
.ac-lesson-card{
  border:1px solid var(--kv2-border);border-radius:20px;padding:22px 20px;
  background:
    radial-gradient(420px 160px at 0% 0%, rgba(94,200,255,.08), transparent 55%),
    rgba(255,255,255,.03)
}
.ac-lesson-top h1{
  margin:0 0 8px;font-family:var(--kv2-display);font-size:clamp(1.3rem,2.6vw,1.7rem);
  letter-spacing:-.02em;line-height:1.25
}
.ac-lead{margin:0;color:var(--kv2-muted);font-size:.92rem}
.ac-sec{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}
.ac-sec h2{margin:0 0 8px;font-family:var(--kv2-display);font-size:1.05rem}
.ac-sec p{margin:0 0 10px;color:rgba(238,242,247,.86);font-size:.92rem;line-height:1.65}
.ac-callout{border-radius:14px;padding:14px 14px 6px;border:1px solid var(--kv2-border)}
.ac-definition{background:rgba(94,200,255,.06);border-color:rgba(94,200,255,.22)}
.ac-tip{background:rgba(240,199,94,.07);border-color:rgba(240,199,94,.25)}
.ac-quiz{margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.ac-quiz h2{margin:0 0 4px;font-family:var(--kv2-display)}
.ac-quiz-sub{margin:0 0 14px;color:var(--kv2-muted);font-size:.86rem}
.ac-q{margin:0 0 14px;padding:12px;border-radius:14px;border:1px solid var(--kv2-border);background:rgba(0,0,0,.16)}
.ac-q legend{font-weight:700;margin-bottom:8px;padding:0}
.ac-choice{display:flex;gap:10px;align-items:flex-start;padding:8px 6px;border-radius:10px;cursor:pointer}
.ac-choice:hover{background:rgba(255,255,255,.04)}
.ac-choice.is-correct{background:rgba(61,214,140,.1)}
.ac-choice.is-wrong{background:rgba(255,123,123,.1)}
.ac-explain{margin-top:8px;color:var(--kv2-muted);font-size:.84rem;line-height:1.45}
.ac-quiz-result{margin-top:12px;font-weight:700}
.ac-pager{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:22px}
.ac-empty{padding:24px;color:var(--kv2-muted)}
.ac-row[hidden],.ac-chapter[hidden]{display:none!important}
.ac-progress-wrap{margin-top:16px}
.ac-progress-bar{
  height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;
  border:1px solid var(--kv2-border)
}
.ac-progress-bar>span{
  display:block;height:100%;width:0;background:linear-gradient(90deg,#f0c75e,#5ec8ff);
  transition:width .35s ease
}
.ac-progress-label{margin-top:8px;font-size:.78rem;color:var(--kv2-muted);font-weight:600}
@media(max-width:640px){
  .ac-row{grid-template-columns:36px 1fr}
  .ac-badges{grid-column:2;flex-direction:row;justify-content:flex-start}
  .ac-num{width:36px;height:36px;font-size:.85rem}
}