body.jj-guide{margin:0;background:#f5f5e5;color:#000;font-family:"Newsreader",Georgia,serif;font-size:20px;line-height:1.6}.act-nav{position:sticky;top:0;z-index:5;background:#f5f5e5;border-bottom:3px solid #000;padding:.5rem 1rem;display:flex;gap:.5rem;overflow-x:auto}.act-nav a{color:#000;text-decoration:none;font-family:"SFMono-Regular",Menlo,monospace;font-size:.65rem;border:1px solid #000;padding:.15rem .4rem;white-space:nowrap}.act-nav a[aria-current=true]{background:#000;color:#f5f5e5}.chapter{display:grid;grid-template-columns:minmax(0, 1fr);gap:1.5rem;max-width:1180px;margin:0 auto;padding:3rem 1.25rem;min-height:150vh;align-items:start}.chapter .lesson{min-width:0}.chapter .stage-slot{min-width:0}.chapter .kicker{font-family:"SFMono-Regular",Menlo,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.chapter h2{font-size:2rem;line-height:1.15;margin:.25rem 0 1rem}.chapter p{margin:0 0 1rem}.chapter.is-staged{grid-template-columns:minmax(0, 1.05fr) minmax(0, 1fr);gap:3rem}.chapter.is-staged .stage-slot{position:sticky;top:3.25rem;align-self:start}@media (max-width: 900px){.chapter,.chapter.is-staged{grid-template-columns:minmax(0, 1fr);gap:1.25rem;padding:2rem 1rem;min-height:0}.chapter.is-staged .stage-slot{position:static}}.plate{border:3px solid #000;box-shadow:6px 6px 0 0 #000;background:#fffdf5;padding:1rem;margin:1.5rem 0}.cards{position:relative}.cards-stage{position:relative;padding-left:64px;--lane: 30px}.cards-stage .rail{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.cards-stage .rail path{fill:none;stroke:#000;stroke-width:2;stroke-linecap:round}.card{position:relative;background:#fffdf5;border:2.5px solid #000;box-shadow:5px 5px 0 0 #000;padding:.7rem .9rem .8rem;margin:0 0 1.1rem}.card.empty{background:rgba(0,0,0,0);border-style:dashed;box-shadow:none}.card.conflict{border-color:#c1121f;box-shadow:0 0 0 2px #c1121f,5px 5px 0 0 #000}.card .dot{position:absolute;left:-64px;margin-left:22px;top:18px;width:15px;height:15px;border-radius:50%;background:#f5f5e5;border:2.5px solid #000}.card.working .dot{box-shadow:0 0 0 4px #f5f5e5,0 0 0 6px #000}.card.conflict .dot{border-color:#c1121f}.card .row1{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.card .handle{font-family:"SFMono-Regular",Menlo,monospace;font-weight:700;font-size:.95rem}.card .message{flex:1 1 auto;min-width:8rem;font-size:1.02rem}.card .badges{display:flex;gap:.35rem;align-items:center}.card .badge-at{font-family:"SFMono-Regular",Menlo,monospace;font-size:.68rem;font-weight:700;background:#000;color:#f5f5e5;padding:.05rem .35rem}.card .badge-bookmark{font-family:"SFMono-Regular",Menlo,monospace;font-size:.66rem;border:1.5px solid #000;padding:.02rem .32rem;background:#f5f5e5}.card .badge-bookmark::before{content:"▸ "}.card .badge-conflict{font-family:"SFMono-Regular",Menlo,monospace;font-size:.7rem;font-weight:700;color:#c1121f}.card .sub{margin-top:.35rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:baseline}.card .commit-id{font-family:"SFMono-Regular",Menlo,monospace;font-size:.72rem;opacity:.55;letter-spacing:.04em}.card .empty-note{font-family:"SFMono-Regular",Menlo,monospace;font-size:.72rem;opacity:.55;font-style:italic}.card .files{margin-top:.55rem;border-top:1px dotted #b9b4a0;padding-top:.45rem}.card .file{display:grid;grid-template-columns:1.1rem minmax(0, 1fr) auto;gap:.5rem;font-family:"SFMono-Regular",Menlo,monospace;font-size:.75rem;padding:.08rem 0}.card .file .path{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .file .chg{opacity:.8;white-space:nowrap}.card .st.a{color:#1b7f4b}.card .st.m{color:#1e5f9e}.card .st.d{color:#c1121f}.card .st.c{color:#8a6d00}.card.flash{animation:card-flash 1.4s ease-out}@keyframes card-flash{0%, 60%{background:#fff2a8}100%{background:#fffdf5}}.glide{transition:transform .38s cubic-bezier(.2, .7, .2, 1)}.chapter.is-staged .cards{max-height:calc(100vh - 8rem);overflow-y:auto}@media (max-width: 640px){.cards-stage{padding-left:34px;--lane: 18px}.card .dot{left:-34px;margin-left:8px}}@media (prefers-reduced-motion: reduce){.glide,.card.flash{transition:none !important;animation:none !important}}.stepper-controls{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.stepper-controls button{font-family:"SFMono-Regular",Menlo,monospace;border:2px solid #000;background:#f5f5e5;padding:.15rem .6rem;cursor:pointer}.stepper-controls button:disabled{opacity:.35;cursor:default}.stepper-command{font-family:"SFMono-Regular",Menlo,monospace;font-size:.8rem;display:block;margin-top:.5rem}.stepper-note{font-size:.95rem;margin:.35rem 0 0}.from-git{border-left:4px solid #000;padding-left:.75rem;font-size:.9rem;font-family:"SFMono-Regular",Menlo,monospace}.staging-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1rem}.staging-col h4{font-family:"SFMono-Regular",Menlo,monospace;font-size:.8rem;margin:0 0 .5rem;text-transform:uppercase}.staging-cell{margin-bottom:.4rem}.staging-label{font-family:"SFMono-Regular",Menlo,monospace;font-size:.65rem;display:block;opacity:.7}.staging-zone{border:2px solid #000;min-height:1.9rem;padding:.2rem .4rem;font-family:"SFMono-Regular",Menlo,monospace;font-size:.75rem;background:#f5f5e5}.staging-zone[data-absent=true]{border-style:dashed;opacity:.5;font-style:italic}.chunk-list{display:flex;flex-direction:column;gap:.25rem}.chunk-item{font-family:"SFMono-Regular",Menlo,monospace;font-size:.8rem;display:flex;gap:.4rem;align-items:center}.drag-tray{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.revset-input{font-family:"SFMono-Regular",Menlo,monospace;font-size:.85rem;border:2px solid #000;background:#f5f5e5;padding:.25rem .4rem;width:min(24rem,100%)}.revset-chips{flex-wrap:wrap}.revset-chips button{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left}.commit-tree{width:100%;height:auto;display:block;margin-bottom:.75rem}.tree-edge{fill:none;stroke:#000;stroke-width:1.5}.tree-node circle{fill:#f5f5e5;stroke:#000;stroke-width:2}.tree-node.working circle{fill:#000}.tree-node.conflict circle{stroke:#c1121f;stroke-width:3}.tree-label{font-family:"SFMono-Regular",Menlo,monospace;font-size:9px}.tree-bookmark{font-family:"SFMono-Regular",Menlo,monospace;font-size:8px;font-weight:700}.tree-node.hit circle{fill:#fff2a8;stroke:#000;stroke-width:3}.tree-node.hit .tree-label{font-weight:700}.tree-node.dim{opacity:.28}.tree-legend{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;padding:0;margin:0 0 1rem;font-family:"SFMono-Regular",Menlo,monospace;font-size:.72rem}.tree-legend li{display:flex;align-items:center;gap:.35rem}.tree-legend .lg-node{display:inline-block;width:12px;height:12px;border-radius:50%;border:2px solid #000;background:#f5f5e5}.tree-legend .lg-node.wc{background:#000}.tree-legend .lg-node.conflict{border-color:#c1121f}.tree-legend .lg-node.hit{background:#fff2a8;border-width:3px}.tree-legend .lg-bookmark{font-weight:700}.oplog-range{width:100%;accent-color:#000}#oplog button{font-family:"SFMono-Regular",Menlo,monospace;border:2px solid #000;background:#f5f5e5;padding:.15rem .6rem;cursor:pointer;margin-top:.5rem}.conflict-marker,.conflict-preview,.resolved-file{font-family:"SFMono-Regular",Menlo,monospace;font-size:.75rem;border:2px solid #000;background:#fff;padding:.5rem;overflow-x:auto;white-space:pre}.conflict-hunks{display:flex;gap:.75rem;flex-wrap:wrap;margin:.5rem 0}.hunk{border:2px solid #000;padding:.4rem;display:flex;gap:.35rem;align-items:center}.hunk button{font-family:"SFMono-Regular",Menlo,monospace;font-size:.7rem;border:2px solid #000;background:#f5f5e5;cursor:pointer}.hunk button[aria-pressed=true]{background:#000;color:#f5f5e5}.three-way{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:.75rem;margin-bottom:1rem}.tw-panel{border:2px solid #000;background:#fffdf5;padding:.4rem .5rem}.tw-panel h4{margin:0 0 .35rem;font-family:"SFMono-Regular",Menlo,monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.tw-file{margin:0;font-family:"SFMono-Regular",Menlo,monospace;font-size:.75rem;white-space:pre-wrap}.tw-line{display:block}.tw-line.changed{background:#fff2a8}.conflict-marker.git-marker{border-style:dashed}@media (max-width: 640px){.three-way{grid-template-columns:minmax(0, 1fr)}}table.translator{width:100%;border-collapse:collapse;font-family:"SFMono-Regular",Menlo,monospace;font-size:.8rem}table.translator th,table.translator td{border-bottom:1px solid #000;text-align:left;padding:.35rem .5rem;vertical-align:top}@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}}