.tutorial-board,.tutorial-reader{color:var(--nx-type);--tut-radius:1rem;--tut-radius-slot:.5rem}.tutorial-board{overflow:clip}.tutorial-board .nxd-strip{background-color:#0000;border:0;gap:.75rem}.tutorial-board .nxd-cell{border:1px solid var(--nx-line);border-radius:var(--tut-radius);transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s;overflow:hidden}.tutorial-board .nxd-cell>.nxd-node{border-radius:inherit}:is(.tutorial-board .nxd-cell:has(>.nxd-node:hover),.tutorial-board .nxd-cell:has(>.nxd-node:focus-visible)){border-color:var(--nx-accent-edge);box-shadow:0 22px 44px -30px var(--nx-shadow);transform:translateY(-3px)}.tutorial-board .nxd-panel,.tutorial-reader .nxd-panel{border-radius:var(--tut-radius)}.tutorial-pill,.tutorial-primary,.tutorial-secondary{border:1px solid var(--nx-line-strong);font-family:var(--font-roboto), Inter, system-ui, sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--nx-type-muted);border-radius:9999px;align-items:center;gap:.55rem;padding:.55rem .9rem;font-size:.7rem;line-height:1;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s,background-color .3s,color .3s;display:inline-flex}.tutorial-pill:hover,.tutorial-secondary:hover:not(:disabled){border-color:var(--nx-accent-edge);color:var(--nx-type);background-color:var(--nx-accent-wash);transform:translateY(-2px)}.tutorial-primary{border-color:var(--nx-accent-edge);color:var(--nx-type);background-color:var(--nx-accent-wash);justify-content:center}.tutorial-primary:hover:not(:disabled){border-color:var(--nx-accent);transform:translateY(-2px)}.tutorial-primary:disabled,.tutorial-secondary:disabled{cursor:not-allowed;color:var(--nx-type-faint);border-color:var(--nx-line)}.tutorial-pill:focus-visible,.tutorial-primary:focus-visible,.tutorial-secondary:focus-visible,.tutorial-series-link:focus-visible,.tutorial-map-link:focus-visible,.tutorial-progress-segment:focus-visible{outline:2px solid var(--nx-accent);outline-offset:2px}.tutorial-series-switch{border:1px solid var(--nx-line);background:var(--nx-cell-2);align-items:center;gap:2px;padding:2px;display:inline-flex}.tutorial-series-current,.tutorial-series-link{font-family:var(--font-roboto), Inter, system-ui, sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:.5rem .8rem;font-size:.67rem;line-height:1}.tutorial-series-current{color:var(--nx-type);background:var(--nx-accent-wash);box-shadow:inset 0 0 0 1px var(--nx-accent-edge)}.tutorial-series-link{color:var(--nx-type-faint);transition:color .25s,background-color .25s}.tutorial-series-link:hover{color:var(--nx-type);background-color:var(--nx-cell-1)}.tutorial-signal-dot{background-color:var(--nx-accent);width:.7rem;height:.7rem;box-shadow:0 0 18px var(--nx-accent);flex:none;animation:2.6s ease-in-out infinite tutorial-signal-pulse;transform:rotate(45deg)}@keyframes tutorial-signal-pulse{0%,to{transform:rotate(45deg)scale(.82)}50%{transform:rotate(45deg)scale(1.08)}}.tutorial-stat{text-align:left;justify-content:space-between;align-items:baseline;gap:1rem;padding:.6rem .95rem;display:flex}.tutorial-stat-value{font-family:var(--font-barlow-condensed), Inter, system-ui, sans-serif;font-variant-numeric:tabular-nums;color:var(--nx-type);font-size:1.2rem;font-weight:600;line-height:1}.tutorial-stat-sub{font-size:.62em;font-family:var(--font-roboto), Inter, system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--nx-type-faint);font-weight:400}.tutorial-deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-board .tutorial-deck-grid{gap:1rem}.tutorial-deck-grid>:last-child:nth-child(odd){grid-column:1/-1}.tutorial-deck-card{flex-direction:column;justify-content:space-between;height:100%;min-height:290px;padding:1.25rem;display:flex}.tutorial-deck-card[data-status=complete]{background-image:linear-gradient(155deg, var(--nx-accent-wash), transparent 48%)}.tutorial-deck-card[data-status=progress]:after{content:"";pointer-events:none;background-image:linear-gradient(90deg, transparent, var(--nx-accent-wash));width:44%;height:100%;position:absolute;top:0;right:0}.tutorial-deck-status{border:1px solid var(--nx-line);border-radius:var(--tut-radius-slot);font-family:var(--font-roboto), Inter, system-ui, sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--nx-type-faint);align-items:center;gap:.35rem;padding:.35rem .5rem;font-size:.62rem;line-height:1;display:inline-flex}[data-status=complete] .tutorial-deck-status,[data-status=progress] .tutorial-deck-status{border-color:var(--nx-accent-edge);color:var(--nx-accent)}.tutorial-reader{height:100dvh;overflow:hidden}.tutorial-reader-shell{flex-direction:column;height:100%;min-height:0;display:flex}.tutorial-key{border:1px solid var(--nx-line);border-radius:var(--tut-radius-slot);text-align:center;min-width:1.45rem;color:var(--nx-type-muted);background:var(--nx-cell-2);padding:.2rem .35rem}.tutorial-map-link{border-radius:var(--tut-radius-slot);min-width:0;font-family:var(--font-roboto), Inter, system-ui, sans-serif;color:var(--nx-type-muted);border-left:2px solid #0000;align-items:center;gap:.55rem;padding:.55rem .6rem;font-size:.69rem;line-height:1.35;transition:background-color .25s,border-color .25s,color .25s;display:flex}.tutorial-map-link:hover{color:var(--nx-type);background-color:var(--nx-accent-wash)}.tutorial-map-link[data-current=true]{color:var(--nx-type);border-color:var(--nx-accent);background-color:var(--nx-accent-wash)}.tutorial-map-index{font-variant-numeric:tabular-nums;color:var(--nx-type-faint)}.tutorial-map-points{align-items:top;font-variant-numeric:tabular-nums;color:var(--nx-type-faint);flex-shrink:0;gap:.125rem;display:flex}.tutorial-meter{background-color:var(--nx-line);border-radius:9999px;height:3px;overflow:hidden}.tutorial-meter span{background-color:var(--nx-accent);height:100%;box-shadow:0 0 12px var(--nx-accent);display:block}.tutorial-progress-row{scrollbar-width:none;gap:.25rem;display:flex;overflow-x:auto}.tutorial-progress-row::-webkit-scrollbar{display:none}.tutorial-progress-segment{background:0 0;flex:1 0 24px;min-width:24px;height:28px;position:relative}.tutorial-progress-segment:before{content:"";inset-inline:0;background-color:var(--nx-line-strong);border-radius:9999px;height:4px;transition:transform .25s,background-color .25s;position:absolute;top:50%;transform:translateY(-50%)}.tutorial-progress-segment:hover:before{transform:translateY(-50%)scaleY(2)}.tutorial-progress-segment[data-state=passed]:before{background-color:var(--nx-type-faint)}.tutorial-progress-segment[data-state=current]:before{background-color:var(--nx-accent);box-shadow:0 0 12px var(--nx-accent)}.tutorial-slide-scroll{scrollbar-color:var(--nx-line-strong) transparent;overscroll-behavior:contain;overflow-anchor:none}.tutorial-slide-layout{align-items:start;min-height:100%;padding:clamp(1.25rem,3.5vw,3.5rem);display:grid}.tutorial-slide-with-media{gap:clamp(1.5rem,4vw,4rem)}.tutorial-slide-copy{place-self:center;width:100%;max-width:760px}.tutorial-slide-copy b,.tutorial-slide-copy strong{font-weight:600}.tutorial-slide-copy a{color:var(--nx-accent);text-decoration:underline;-webkit-text-decoration-color:var(--nx-accent-edge);text-decoration-color:var(--nx-accent-edge);text-underline-offset:3px}.tutorial-slide-copy ul{padding-left:1.15rem;list-style:outside}.tutorial-slide-copy ol{padding-left:1.15rem;list-style:decimal}.tutorial-slide-copy li+li{margin-top:.35rem}.tutorial-media-frame{border:1px solid var(--nx-line-strong);border-radius:var(--tut-radius);background-image:linear-gradient(180deg, var(--nx-cell-1), var(--nx-cell-2));width:100%;max-width:720px;box-shadow:0 24px 60px -42px var(--nx-shadow);place-self:center;padding:.45rem;position:relative}.tutorial-media-frame:before{content:"";background-image:linear-gradient(90deg, transparent, var(--nx-accent), transparent);pointer-events:none;border-radius:9999px;height:2px;position:absolute;top:-1px;left:12%;right:12%}.tutorial-media-frame img{border-radius:var(--tut-radius-slot);max-height:min(54vh,540px)}.tutorial-media-frame figcaption{font-family:var(--font-roboto), Inter, system-ui, sans-serif;letter-spacing:.14em;text-align:right;text-transform:uppercase;color:var(--nx-type-faint);padding:.45rem .25rem .1rem;font-size:.6rem;line-height:1}@media (min-width:1280px){.tutorial-slide-with-media{grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);align-items:center}}@media (max-width:639px){.tutorial-deck-grid{grid-template-columns:1fr}.tutorial-deck-grid>:last-child:nth-child(odd){grid-column:auto}.tutorial-deck-card{min-height:260px}.tutorial-slide-layout{padding:1.25rem}}@media (max-height:700px){.tutorial-reader-shell{padding-top:4.15rem}.tutorial-slide-layout{padding-top:1.25rem;padding-bottom:1.25rem}.tutorial-slide-scroll{overscroll-behavior:auto}}@media (prefers-reduced-motion:reduce){.tutorial-signal-dot{animation:none}.tutorial-pill,.tutorial-primary,.tutorial-secondary,.tutorial-deck-card,.tutorial-map-link,.tutorial-progress-segment:before{transition:none}}