/* ── PAGE-SPECIFIC: Code blocks & syntax ── */
.code-block{background:#0c0e16;border:1px solid rgba(167,139,250,.25);border-radius:12px;margin:12px 0;overflow:hidden}
.code-label{background:rgba(167,139,250,.12);padding:6px 14px;font-size:.7rem;font-weight:800;color:rgba(167,139,250,.7);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(167,139,250,.15);display:flex;align-items:center;gap:6px}
.code-body{padding:14px 16px;font-family:'Courier New',monospace;font-size:.82rem;line-height:1.8;overflow-x:auto;white-space:pre;color:#c4b5fd}
.cm{color:#78716c}.kw{color:#fb923c}.fn{color:#fbbf24}.st{color:#86efac}.nu{color:#67e8f9}.va{color:#f9a8d4}

/* ── PAGE-SPECIFIC: Print button ── */
.print-btn{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;padding:10px 18px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:rgba(232,234,242,.6);cursor:pointer;text-decoration:none;transition:background .15s,color .15s}.print-btn:hover{background:rgba(255,255,255,.09);color:var(--text)}

/* ── PAGE-SPECIFIC: Print styles ── */
@media print{.site-header,.series-strip,.progress-wrap,.xp-wrap,.step-card.locked,.quiz-gate,.code-challenge,.finish-banner,.site-footer,.hero-btns,.print-btn,.skills-strip{display:none!important}.hero{padding:16px 0 10px;border:none}.step-card{border:1px solid #ccc;break-inside:avoid;margin-bottom:12px}.step-card.completed .step-body,.step-card.active-step .step-body{display:block!important}.code-body{white-space:pre-wrap}.step-body{display:block!important}body{font-family:'Nunito',sans-serif;background:#0d0015;color:#1a1a1a;min-height:100vh}h1,h3,.step-title,.finish-title{color:#111}.hero-sub,.step-blurb,.big-goal-text p{color:#444}}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:50%;transform:translateX(-50%);top:8px;width:auto;height:auto;padding:10px 20px;background:#BC4749;color:white;font-weight:700;font-size:.9rem;border-radius:8px;z-index:9999;text-decoration:none;white-space:nowrap}
body{font-family:'Nunito',sans-serif;background:#0d0015;color:#e8eaf2;min-height:100vh}
.reveal{opacity:1!important;transform:none!important}