.zh-learnbar{position:fixed;top:0;left:0;right:0;height:1.6rem;z-index:80;background:#0b1026;color:#fff;font-size:.75rem}
.zh-learnbar__fill{position:absolute;inset:0 auto 0 0;width:0;background:#3538F5}
.zh-learnbar__label{position:relative;z-index:1;display:block;text-align:center;line-height:1.6rem}
.zh-learn{padding-top:.4rem}
.zh-video{margin:0 0 1rem}
.zh-video video{width:100%;height:auto;border-radius:1rem;background:#111}
.zh-transcript{margin:.4rem 0 1.2rem;font-size:.95rem}
.zh-check{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.45rem}
.zh-check li{display:flex;gap:.6rem;align-items:flex-start}
.zh-check input{width:1.15rem;height:1.15rem;margin-top:.2rem;accent-color:#3538F5}
.zh-pager{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.2rem 0}
.zh-gate{margin:1rem 0 1.4rem;padding:1rem;border:1px solid var(--border);border-radius:1rem}
.zh-gate label{display:block;margin:.5rem 0;font-weight:600}
.zh-gate input[type="email"]{width:100%;max-width:24rem;min-height:2.75rem;margin-top:.3rem;padding:.4rem .7rem;border-radius:.7rem;border:1px solid var(--border);background:var(--card);color:var(--foreground);font:inherit}
.zh-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.zh-cert{border:1px solid var(--border);border-radius:1rem;padding:1.5rem;margin:1rem 0;text-align:center}
.zh-cert-name{font-size:clamp(1.6rem,4vw,2.4rem);margin:.4rem 0}
.zh-learn-banner{margin:0 auto 1rem;max-width:66rem;padding:0 1rem}
@media print{
  .zh-learnbar,.zh-pager,.zh-quiz,.zh-gate{display:none}
  .zh-cert{border-color:#111}
}