/* Help Library topic styles ([cq_help_section] output), carried over from play.cqnexus.com. */
.cql{background-color:#050706;font-family:'Nunito',sans-serif;color:#f3f7f4;padding:64px 24px 96px}
.cql *,.cql *::before,.cql *::after{box-sizing:border-box}
.cql-wrap{max-width:1160px;margin:0 auto}
.cql-eyebrow{display:block;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#34d399;margin:0 0 10px}
.cql-head{text-align:center;max-width:62ch;margin:0 auto 32px}
.cql-head h2{margin:0;font-family:'Oswald',sans-serif;font-weight:600;font-size:clamp(28px,4vw,40px);line-height:1.05;text-transform:uppercase;color:#f3f7f4}
.cql-head p{margin:12px 0 0;font-size:16px;line-height:1.6;color:#a8b4ad}

/* topic cards */
.cql-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 80px}
.cql-card{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:14px;text-decoration:none;color:#f3f7f4;background:#0d1210;
  border:1px solid transparent;border-top-color:rgba(226,197,120,.28);border-bottom-color:rgba(0,0,0,.45);
  box-shadow:0 6px 18px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.cql-card:hover,.cql-card:focus-visible{transform:translateY(-3px);border-top-color:#e2c578;box-shadow:0 14px 34px rgba(0,0,0,.55),0 0 18px rgba(226,197,120,.12);color:#f3f7f4}
.cql-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cql-num{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;color:#e2c578}
.cql-badge{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:999px;white-space:nowrap}
.cql-badge--live{background:#34d399;color:#04140c}
.cql-badge--soon{background:rgba(255,255,255,.06);color:#6b7a72}
.cql-card h3{margin:4px 0 0;font-family:'Oswald',sans-serif;font-weight:600;font-size:20px;line-height:1.15;letter-spacing:.01em;color:#f3f7f4}
.cql-card p{margin:0;font-size:14px;line-height:1.55;color:#a8b4ad}

/* topic blocks */
.cql-topic{max-width:880px;margin:0 auto 32px;padding:clamp(20px,4vw,36px);border-radius:16px;background:#0d1210;
  border:1px solid transparent;border-top-color:rgba(226,197,120,.28);border-bottom-color:rgba(0,0,0,.45);
  box-shadow:0 6px 18px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06);scroll-margin-top:140px}
.cql-topic h2{margin:0 0 10px;font-family:'Oswald',sans-serif;font-weight:600;font-size:clamp(28px,4vw,38px);line-height:1.05;text-transform:uppercase;color:#f3f7f4}
.cql-intro{margin:0 0 22px;font-size:16px;line-height:1.65;color:#a8b4ad}
.cql-player{position:relative;padding-top:56.25%;border-radius:11px;overflow:hidden;background:#050706;box-shadow:inset 0 2px 5px rgba(0,0,0,.55)}
.cql-player iframe{border:0;position:absolute;inset:0;width:100%;height:100%}
.cql-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:16/9;border-radius:11px;background:#080b0a;
  border:1px dashed rgba(226,197,120,.35);font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#6b7a72}
.cql-soon svg{width:34px;height:34px;fill:none;stroke:#8a6e2c;stroke-width:1.5}
.cql-steps{counter-reset:cqls;list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.cql-steps>li{counter-increment:cqls;position:relative;padding-left:46px;font-size:16px;line-height:1.65;color:#a8b4ad}
.cql-steps>li::before{content:counter(cqls);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-family:'Oswald',sans-serif;font-weight:600;font-size:15px;color:#1a1407;background:radial-gradient(120% 200% at 50% -40%,#efd89a 0%,#8a6e2c 130%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.cql-steps strong{color:#f3f7f4}
.cql-steps ul{margin:10px 0 0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:6px}
.cql-steps ul li{font-size:15px;line-height:1.6;color:#a8b4ad;list-style:disc}
.cql-steps ul li::marker{color:#e2c578}
.cql-note{margin-top:24px;padding:16px 18px;border-radius:11px;background:#080b0a;border:1px solid rgba(0,0,0,.45);border-left:3px solid #e2c578;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.55);font-size:15px;line-height:1.6;color:#a8b4ad}
.cql-note strong{color:#f3f7f4}
.cql-pending{margin:22px 0 0;font-size:15px;line-height:1.6;color:#6b7a72;font-style:italic}
.cql a.cql-link{color:#e2c578;text-decoration:none;border-bottom:1px solid rgba(226,197,120,.35)}
.cql-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:26px}
.cql-btn{display:inline-flex;align-items:center;padding:11px 20px;border-radius:8px;text-decoration:none;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:#1a1407;background:radial-gradient(120% 200% at 50% -40%,#efd89a 0%,#8a6e2c 130%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 16px rgba(0,0,0,.4)}
.cql-btn:hover{filter:brightness(1.06);color:#1a1407}
.cql-back{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6b7a72;text-decoration:none}
.cql-back:hover{color:#e2c578}

/* tabs: first panel always visible; a tiny script switches the rest */
.cql-tablist{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.cql-tab{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:10px 16px;border-radius:999px;font-family:'Oswald',sans-serif;font-weight:600;font-size:15px;letter-spacing:.02em;
  color:#a8b4ad;background:#080b0a;border:1px solid rgba(226,197,120,.25);box-shadow:inset 0 2px 5px rgba(0,0,0,.45);transition:color .14s,background .14s,border-color .14s}
.cql-tab svg{width:14px;height:14px;fill:currentColor}
.cql-tab:hover{color:#f3f7f4;border-color:#e2c578}
.cql-tab.is-active{color:#1a1407;background:radial-gradient(120% 200% at 50% -40%,#efd89a 0%,#8a6e2c 130%);border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 4px 12px rgba(0,0,0,.35)}
.cql-tab:focus-visible{outline:2px solid #e2c578;outline-offset:2px}
.cql-panel{display:none}
.cql-panel.is-active{display:block}

/* explore more */
.cql-more{max-width:880px;margin:56px auto 0;padding:32px;border-radius:14px;background:#080b0a;border:1px solid rgba(0,0,0,.45);box-shadow:inset 0 2px 5px rgba(0,0,0,.55);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.cql-more p{margin:0;max-width:44ch;font-size:16px;line-height:1.6;color:#a8b4ad}
.cql-more-links{display:flex;flex-wrap:wrap;gap:10px}
.cql-ghost{display:inline-flex;align-items:center;padding:11px 18px;border-radius:8px;text-decoration:none;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:#f3f7f4;background:#0d1210;border:1px solid transparent;border-top-color:rgba(226,197,120,.28);box-shadow:0 6px 18px rgba(0,0,0,.42)}
.cql-ghost:hover{border-top-color:#e2c578;color:#f3f7f4}

@media (max-width:980px){.cql-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){
  .cql{padding:48px 16px 72px}
  .cql-grid{grid-template-columns:1fr}
  .cql-tab{padding:9px 13px;font-size:14px}
  .cql-more{padding:22px}
}

/* Help Center overrides: the Learning Center look (square corners, green edges) on the topic blocks. */
.cql{background:transparent}
.cql-card,.cql-topic{border-radius:4px;background:#0f1613;border:1px solid #1f3a2d;border-top:4px solid #34d399;box-shadow:none}
.cql-card:hover,.cql-card:focus-visible{border-color:#34d399;border-top-color:#34d399;box-shadow:none}
.cql-note{border-radius:4px;background:#062b1d;border:1px solid #0e5a3c;border-left:4px solid #e2c578;box-shadow:none}
.cql-more{border-radius:4px;background:#0e5a3c;border:0;border-bottom:4px solid #e2c578;box-shadow:none}
.cql-more p{color:#dcefe5}
.cql-player,.cql-soon{border-radius:4px}
.cql-btn,.cql-ghost{border-radius:4px}