.ncc-grid{display:grid;grid-template-columns:1fr;gap:clamp(32px,4vw,64px);align-items:start}@media (min-width: 960px){.ncc-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}.ncc-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--border)}.ncc-row{border-bottom:1px solid var(--border)}.ncc-row-btn{position:relative;display:grid;grid-template-columns:14px 1fr;gap:14px;width:100%;text-align:left;padding:14px 6px 18px;background:transparent;transition:background .24s var(--ease-flow),padding .24s var(--ease-flow)}.ncc-row-btn:hover{background:var(--accent-soft);padding-left:12px}.ncc-row.active .ncc-row-btn{padding-left:14px;background:var(--surface-inset)}.ncc-row-dot{width:8px;height:8px;border-radius:999px;background:var(--border-strong);margin-top:8px;transition:background .24s var(--ease-flow),transform .24s var(--ease-flow)}.ncc-row-dot.active{background:var(--accent);transform:scale(1.5)}.ncc-row-text{display:flex;flex-direction:column;gap:4px;min-width:0}.ncc-row-title{font-size:15.5px;font-weight:600;color:var(--ink);letter-spacing:-.005em;transition:color .2s var(--ease-flow)}.ncc-row.active .ncc-row-title{color:var(--accent)}.ncc-row-body{font-size:13.5px;color:var(--ink-2);line-height:1.5}.ncc-row-example{align-self:flex-start;margin-top:4px;padding:4px 8px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;color:var(--ink-2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ncc-row-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent;overflow:hidden}.ncc-row-progress-fill{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left center;animation:ncc-row-progress var(--reel-dur, 6s) linear forwards}.ncc-row-progress.paused .ncc-row-progress-fill{animation-play-state:paused}@keyframes ncc-row-progress{to{transform:scaleX(1)}}.ncc-stage-wrap{position:relative;display:flex;justify-content:center}@media (min-width: 960px){.ncc-stage-wrap{position:sticky;top:96px}}.ncc-device{width:100%;max-width:560px;display:flex;flex-direction:column;padding:18px}.ncc-device .reel-stage{min-height:480px}@media (prefers-reduced-motion: reduce){.ncc-row-progress-fill{animation:none!important;transform:scaleX(1);opacity:.5}}