*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:#fff;color:#222;font:17px/1.6 Arial,sans-serif;overflow-wrap:break-word}main{max-width:1120px;margin:auto;padding:24px 26px 44px}h1{font-size:1.65rem;line-height:1.3;margin:10px 0 12px}h2{font-size:1.25rem;margin:25px 0 10px}h3{font-size:1.08rem;margin:0 0 8px}p{margin:9px 0}a{color:#17628a}header{margin-bottom:20px}.eyebrow{font-size:.9rem;color:#66716a}.nav{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dce2df;margin-top:30px;padding-top:16px}.top-link{font-size:.88rem}.panel,.graph-card{border:1px solid #c4ccc6;padding:18px;margin:16px 0}.prompt{border-right:4px solid #48715e;background:#f4f7f4;padding:12px 18px;margin:16px 0}.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pair>.graph-card{margin:0}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.graph-card{min-width:0}.graph-card svg{display:block;width:100%;max-height:310px;height:auto;margin:auto;overflow:visible}.graph-card.wide{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);gap:22px;align-items:center}.graph-card.wide svg{max-height:365px}.graph-card .meta{font-size:.88rem;color:#555}.route{direction:ltr;unicode-bidi:isolate;text-align:right;min-height:1.6em;overflow-wrap:anywhere;font-family:Consolas,monospace}.graph-status{min-height:3.1em;font-size:.95rem;font-weight:bold}.graph-controls,.controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}button,select,input{font:inherit}button,select{min-height:42px;padding:7px 13px;border:1px solid #aab5ad;background:#fff;color:#243a2c;border-radius:4px}button{cursor:pointer;touch-action:manipulation}button:hover:not(:disabled){background:#eff4ef}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2463a6;outline-offset:3px}input[type=checkbox]{width:18px;height:18px;vertical-align:middle;accent-color:#37674e}.degree-toggle{display:inline-flex;align-items:center;gap:8px;font-size:.92rem;margin:10px 0}.graph-card [role=button]{cursor:pointer;outline:none}.graph-card [role=button]:focus-visible .node{stroke:#2463a6;stroke-width:6}.graph-card [role=button]:focus-visible .edge-hit{stroke:#dfac3280}.edge-line{fill:none;stroke-width:3.4}.edge-hit{fill:none;stroke:transparent;stroke-width:20}.graph-card svg text{font-family:Arial,sans-serif;user-select:none;pointer-events:none}.graph-card .node-label{font-size:22px;font-weight:bold}.node{stroke:#536359;stroke-width:2}.degree-label{font-size:17px;fill:#31543e}.graph-legend{font-size:.86rem;color:#555}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;margin:16px 0;text-align:right}th,td{border:1px solid #cbd2cc;padding:9px 12px}th{background:#f3f5f2}td[dir=ltr],th[dir=ltr]{text-align:center}ol,ul{padding-right:24px}li{margin:6px 0}.muted{color:#606a62;font-size:.92rem}details{margin:16px 0;border:1px solid #d4dbd5;padding:10px 14px}summary{cursor:pointer;font-weight:bold}details>div{padding-top:8px}.equation{display:inline-block;direction:ltr;unicode-bidi:isolate;font-family:Arial,sans-serif;font-weight:bold}.toc{list-style:none;padding:0;border-top:1px solid #d6ddd6}.toc li{margin:0;border-bottom:1px solid #d6ddd6}.toc a{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:13px 4px;text-decoration:none}.toc a:hover{text-decoration:underline}.toc small{color:#677168;white-space:nowrap}.index-main{max-width:760px}.answer{background:#f0f6f1;border-right:4px solid #447657;padding:12px 16px;margin:14px 0}.formula{font:1.15rem/1.8 Consolas,monospace;direction:ltr;unicode-bidi:isolate;text-align:center}.small{font-size:.88rem}.lock-layout{display:grid;grid-template-columns:minmax(280px,370px) minmax(0,1fr);gap:36px;align-items:start;max-width:900px;margin:24px auto}.lock{border:1px solid #d4dcd3;border-radius:20px;padding:24px;background:white;width:min(100%,370px);margin:auto}.lock-display{direction:ltr;text-align:center;font:48px/1.3 Consolas,monospace;letter-spacing:12px;padding:12px 0 12px 12px;background:#f0f3ef;border-radius:12px}.lock-sequence{direction:ltr;text-align:center;font:17px/1.6 Consolas,monospace;color:#606d63;min-height:54px;max-height:84px;overflow:auto;overflow-wrap:anywhere;padding:12px 0}.lock-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;direction:ltr}.lock-keys button{height:63px;border-radius:12px;font:27px Consolas,monospace;box-shadow:0 2px 0 #e0e7de}.lock-stats{display:flex;justify-content:space-between;gap:10px;font-size:.88rem;margin:23px 0 10px}.lock-codes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;direction:ltr}.lock-code{text-align:center;font:18px Consolas,monospace;background:#f2f4f0;color:#6b766c;padding:10px 2px;border:1px solid transparent;border-radius:7px}.lock-code.seen{background:#e2f0e5;color:#226141}.lock-code.seen::after{content:' ✓';font-size:11px}.lock-code.current{border-color:#33734d}.lock-actions{display:flex;justify-content:space-between;gap:8px;margin-top:19px}.lock-actions button{font-size:.86rem}.lock-status{min-height:1.7em;font-size:.9rem;color:#245e3e;margin:14px 0 0}.lock-solo{max-width:390px;margin:20px auto}.lock-code-count{font-weight:bold}.lock-key-options{display:flex;align-items:center;gap:10px;margin:12px 0}.lock-status:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.representation{max-width:800px;margin:20px auto}.representation .graph-card{margin-bottom:0}.code-trace{direction:ltr;text-align:center;font:24px/1.7 Consolas,monospace;min-height:1.7em;overflow-wrap:anywhere}.symbol{display:inline-block;direction:ltr;unicode-bidi:isolate}.notice{background:#faf9f1;border-right:4px solid #bdaa5f;padding:12px 16px}.summary-page{max-width:960px}.summary-page h2{border-bottom:1px solid #d4ddd5;padding-bottom:7px;margin-top:32px}.summary-page .graph-card svg{max-height:240px}
@media(min-width:1000px){body{line-height:1.42}main{padding-top:12px}header{margin-bottom:12px}.eyebrow{margin:7px 0}h1{margin:8px 0 10px}.prompt{margin:12px 0;padding:10px 16px}.pair .graph-card{padding:12px 16px}.pair .graph-card svg{max-height:205px}.three .graph-card svg{max-height:185px}.graph-info p{margin:4px 0}.graph-info .degree-toggle{margin:6px 0}.graph-info .meta{display:inline;margin-right:14px}.graph-status{min-height:2.8em}.graph-controls button{min-height:38px;padding:5px 12px}}
@media(max-width:700px){main{padding:18px 14px 32px}body{font-size:16px}h1{font-size:1.45rem}.pair,.three,.lock-layout,.graph-card.wide{grid-template-columns:1fr}.pair{gap:14px}.panel,.graph-card{padding:13px}.lock-layout{gap:16px}.graph-card svg{max-height:300px}.toc a{align-items:start}.toc small{font-size:.8rem}.graph-status{min-height:2em}.lock{padding:20px}.nav{font-size:.9rem}}
.lock-activity{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:24px;max-width:800px;margin:22px auto;align-items:start}.lock-list{border:1px solid #d4dcd3;border-radius:20px;padding:22px}.lock-list .lock-codes{grid-template-columns:repeat(6,minmax(0,1fr))}.lock-list .lock-code{position:relative}.lock-list .lock-code.seen::after{position:absolute;top:0;right:1px;font-size:10px}.lock-activity .lock-status{min-height:3em;color:#606a62}.lock-status[data-kind=invalid]{color:#98602b}.lock-status[data-kind=new],.lock-status[data-kind=complete]{color:#245e3e}.code-list{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:8px;direction:ltr;list-style:none;padding:0;margin:20px 0}.code-list li{background:#f3f5f1;border-radius:5px;text-align:center;padding:8px 2px;font:18px Consolas,monospace}.graph-card[data-graph=openLock] .graph-map{overflow-x:auto}.graph-card[data-graph=openLock] svg{max-height:none;min-width:780px}.representation:has([data-graph=openLock]){max-width:none}.formula{overflow-wrap:anywhere}
@media(max-width:700px){.lock-activity{grid-template-columns:1fr;max-width:390px;gap:16px}.code-list{grid-template-columns:repeat(6,minmax(0,1fr))}.lock-list{padding:20px}.lock-list .lock-code{font-size:17px}}
@media print{.nav,.top-link,.graph-controls,.degree-toggle,.lock-actions,.lock-keys,.no-print{display:none!important}main{max-width:none;padding:0}body{font-size:11pt}.panel,.graph-card,.answer,table{break-inside:avoid}a{color:inherit;text-decoration:none}details:not([open]){display:none}.pair,.three{display:grid;grid-template-columns:1fr 1fr}.graph-card svg{max-height:220px}.graph-card[data-graph=openLock] svg{min-width:0;max-height:340px}}