*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,sans-serif;color:#111827;background:#f9fafb}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #4f46e5;outline-offset:2px}.muted{color:#6b7280;font-size:.9rem}.app header{display:flex;align-items:center;gap:1.5rem;padding:.6rem 1.2rem;background:#1e1b4b;color:#fff}.app header h1{font-size:1.1rem;margin:0}nav{display:flex;gap:1rem;flex:1}nav a{color:#c7d2fe;text-decoration:none;padding:.2rem .4rem}nav a.active{color:#fff;border-bottom:2px solid #fff}main{display:flex;height:calc(100vh - 52px)}.content{flex:1;overflow:auto;padding:1rem 1.4rem}.search{position:relative}.search input{padding:.35rem .6rem;width:220px}.search ul{position:absolute;right:0;z-index:10;margin:0;padding:0;list-style:none;background:#fff;color:#111827;width:300px;border:1px solid #d1d5db;max-height:320px;overflow:auto}.search li{padding:.15rem}.search li button{width:100%;text-align:left;border:0;background:none;padding:.35rem .5rem}.search li button:hover{background:#eef2ff}.bubbles{display:flex;flex-wrap:wrap;gap:.8rem}.bubble{display:flex;flex-direction:column;align-items:center;justify-content:center;width:130px;height:130px;border-radius:50%;border:2px solid #4f46e5;background:#eef2ff;text-align:center}.bubble.hub{background:#4f46e5;color:#fff}.bubble.hub a{color:#fff;font-weight:700}.bubbles.gap .bubble{border-style:dashed;border-color:#9ca3af;background:#f3f4f6}.bubble button{border:0;background:none;font-weight:600}.bubble small{color:inherit;opacity:.7}.tag{font-size:.7rem;text-transform:uppercase}.hub-body{display:flex;gap:1rem}.hub aside{width:200px;flex-shrink:0}.hub aside ul{list-style:none;padding:0;margin:.5rem 0}.hub aside li button{width:100%;text-align:left;border:1px solid transparent;background:none;padding:.35rem .5rem}.hub aside li button:hover{background:#eef2ff}.hub aside li button.on{background:#4f46e5;color:#fff}.hub aside li button.on.alt{background:#d97706}.graph-wrap{flex:1;min-width:0}.graph{height:640px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.crumbs{margin:0 0 .6rem;color:#6b7280}.legend{margin-right:1rem;font-weight:600}table{border-collapse:collapse;background:#fff}th,td{border:1px solid #e5e7eb;padding:.35rem .6rem;text-align:left}.matrix td{text-align:center;font-size:1.1rem;font-weight:700}.matrix th{font-size:.85rem}.scroll{overflow:auto}button.link{border:0;background:none;color:#4338ca;padding:0;text-decoration:underline;text-align:inherit}.detail{width:380px;border-left:1px solid #e5e7eb;background:#fff;overflow:auto;padding:1rem;position:relative}.detail h2{margin:0 2rem 0 0}.detail h3{margin:1rem 0 .3rem;font-size:.95rem;border-bottom:1px solid #e5e7eb}.detail ul{padding-left:1rem;margin:0}.detail dt{font-weight:600;font-size:.85rem}.detail dd{margin:0 0 .5rem}.close{position:absolute;top:.5rem;right:.6rem;border:0;background:none;font-size:1.5rem}.pill{display:inline-block;padding:.1rem .5rem;border-radius:999px;background:#e5e7eb;font-size:.8rem}.pill.needs_review{background:#fef3c7}.pill.verified{background:#dcfce7}.chip{display:inline-block;margin:0 .25rem .25rem 0;padding:0 .4rem;border:1px solid #c7d2fe;border-radius:4px;font-size:.8rem}.note{background:#fffbeb;border-left:3px solid #d97706;padding:.4rem .6rem}.app header{flex-wrap:wrap}.persona{color:#c7d2fe;font-size:.85rem}.persona select{padding:.2rem}.draft-badge{background:#d97706;color:#fff;padding:.2rem .6rem;border-radius:999px;text-decoration:none;font-size:.85rem}.actions{display:flex;gap:.5rem;flex-wrap:wrap;margin:.6rem 0}button{padding:.35rem .8rem;border:1px solid #4f46e5;background:#4f46e5;color:#fff;border-radius:6px}button:disabled{opacity:.5;cursor:not-allowed}button.link,.search li button,.hub aside li button,.bubble button,button.close,button.cell,.tabs button{color:inherit}button.danger{background:#fff;color:#c62828;border-color:#c62828}.actions button:not(.danger):not(:first-child),.tabs button{background:#fff;color:#4f46e5}.tabs{display:flex;gap:.4rem}.tabs button.on{background:#4f46e5;color:#fff}button.link{background:none;border:0;color:#4338ca;padding:0}button.close{background:none;border:0;color:#111827}button.cell{background:none;border:0;color:inherit;font:inherit;font-weight:700;width:100%;padding:.15rem}button.cell:hover{background:#eef2ff}.form label{display:block;margin:.5rem 0;font-size:.85rem;font-weight:600}.form input:not([type=radio]),.form select,.form textarea{display:block;width:100%;margin-top:.2rem;padding:.35rem;font:inherit;font-weight:400}.form fieldset{border:1px solid #e5e7eb}.form label.radio{display:inline-block;margin-right:1rem}.field{margin:.5rem 0;font-size:.9rem}.field .lbl{display:block;font-weight:600;font-size:.85rem}.picker{position:relative}.picker input{width:100%;padding:.35rem}.picker ul{position:absolute;z-index:5;list-style:none;margin:0;padding:0;background:#fff;border:1px solid #d1d5db;width:100%;max-height:220px;overflow:auto}.picker li button{width:100%;text-align:left;background:none;border:0;padding:.35rem .5rem;color:#111827}.picker li button:hover{background:#eef2ff}.error{background:#fef2f2;border-left:3px solid #c62828;padding:.4rem .6rem;margin:.5rem 0;color:#7f1d1d}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182780;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;border-radius:8px;padding:1.2rem 1.5rem;width:520px;max-width:95vw;max-height:90vh;overflow:auto;position:relative}.modal h2{margin-top:0}.difflist,.timeline{padding-left:1rem}.diff{list-style:none;margin:.3rem 0;padding:.25rem .5rem;border-left:4px solid #9ca3af;background:#fff}.diff.add{border-color:#1b7f3b}.diff.remove{border-color:#c62828}.diff.change{border-color:#d97706}.diff .sign{font-weight:700;display:inline-block;width:1rem}.diff ul{margin:.2rem 0 0 1.4rem;font-size:.85rem}.diff button.link{margin-left:.6rem}del{color:#c62828}ins{color:#1b7f3b;text-decoration:none}blockquote{margin:.2rem 0 .4rem;padding-left:.6rem;border-left:3px solid #e5e7eb}.pill.draft,.pill.changes_requested{background:#fef3c7}.pill.approved{background:#dcfce7}.pill.rejected{background:#fee2e2}.pill.endorsed,.pill.submitted{background:#e0e7ff}form.inline input{font-size:1.3rem;font-weight:700;width:100%;padding:.2rem}label.inline{display:inline-block;margin:.5rem 0}nav a{white-space:nowrap}.preview-banner{background:#fef3c7;border-bottom:2px solid #d97706;padding:.4rem 1.2rem;display:flex;gap:1rem;align-items:center}.preview-banner button,.preview-btn{background:#fff;color:#92400e;border-color:#d97706}.warning{background:#fffbeb;border-left:3px solid #d97706;padding:.4rem .6rem;margin:.5rem 0;color:#78350f}.warning ul{margin:.2rem 0 0}svg.puzzle{width:100%;min-width:1250px;max-width:1750px;height:auto;display:block}.board-outline{fill:#0034d9;stroke:#0034d9;stroke-width:7}.board-fill{fill:#e9f5fd}.piece{cursor:pointer;outline:none}.piece path{fill:hsl(var(--h) 70% 88%);stroke:hsl(var(--h) 32% 48%);stroke-width:2.2;stroke-linejoin:round;transition:fill .15s}.piece.hub path{fill:hsl(var(--h) 74% 80%);stroke:hsl(var(--h) 38% 36%);stroke-width:3.2}.piece.loose path{fill:#eceff3;stroke:#9ca3af;stroke-dasharray:6 4}.piece.filler{cursor:default}.piece.filler path{fill:#fff;stroke:#c9cdd3;stroke-width:1.8}.piece:not(.filler):hover path,.piece:not(.filler):focus-visible path{fill:hsl(var(--h) 82% 74%);stroke-width:4}.piece.loose:hover path,.piece.loose:focus-visible path{fill:#dfe3e8}.piece-label{font-weight:700;fill:#1f2937}.piece-tag{font-size:12px;font-weight:800;letter-spacing:.08em;fill:#374151}.piece-sub{font-size:11.5px;fill:#374151}.usage-filter{width:100%;padding:.3rem .5rem;margin:.3rem 0}.detail details{margin:.4rem 0}.detail summary{cursor:pointer;font-weight:600;font-size:.9rem}button.link.small{font-size:.75rem;color:#6b7280}svg.circle-puzzle{width:100%;min-width:760px;max-width:980px;height:auto;display:block;margin:0 auto}.circle-board{fill:#e9f5fd;stroke:#0034d9;stroke-width:7}.piece.disc{cursor:pointer;outline:none}.piece.disc path{fill:#fff;stroke:#0034d9;stroke-width:3.5;stroke-linejoin:round;transition:fill .15s}.piece.disc:hover path,.piece.disc:focus-visible path{fill:#e9f5fd}.disc-label{font-size:19px;font-weight:800;letter-spacing:.06em;fill:#0034d9}svg.circle-puzzle .piece path{fill:var(--fill);stroke:var(--stroke);stroke-width:2.4}svg.circle-puzzle .piece.hub path{stroke-width:3.6}svg.circle-puzzle .piece.loose path{stroke-dasharray:6 4}svg.circle-puzzle .piece:not(.filler):not(.disc):hover path,svg.circle-puzzle .piece:not(.filler):not(.disc):focus-visible path{fill:var(--hover);stroke-width:4.4}svg.circle-puzzle .piece.filler path{fill:#fff;stroke:#c9cdd3;stroke-width:1.8}svg.circle-puzzle .piece.disc path{fill:#fff;stroke:#0034d9;stroke-width:3.5}.filters{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:end;margin:.6rem 0}.filter{display:flex;flex-direction:column;font-size:.8rem;font-weight:600;gap:.15rem}.filter select,.filter input{padding:.3rem .4rem;min-width:150px;font-weight:400}table.catalog td,table.catalog th{font-size:.85rem;vertical-align:top}.prewrap{white-space:pre-wrap;word-break:break-word}.form fieldset.group{border:1px solid #e5e7eb;margin:.6rem 0}.form fieldset.group legend{font-weight:700;font-size:.8rem;color:#4b5563}.form fieldset.multi{border:1px solid #e5e7eb;margin:.5rem 0}.form fieldset.multi legend{font-size:.85rem;font-weight:600}.form label.check{display:inline-block;margin:.15rem .8rem .15rem 0;font-weight:400}.form label.check input{display:inline;width:auto;margin:0 .3rem 0 0}.form .lbl{font-weight:600}.detail section h3{margin-top:.9rem}nav{flex-wrap:wrap;row-gap:.1rem}.suggest{list-style:none;padding-left:.2rem}.suggest li{margin:.25rem 0}.guide{display:flex;gap:2rem;align-items:flex-start}.guide aside{position:sticky;top:0;width:230px;flex-shrink:0;max-height:calc(100vh - 80px);overflow:auto}.guide aside ul{list-style:none;padding:0;margin:.4rem 0 1rem}.guide aside li{margin:.25rem 0}.guide aside a{color:#4338ca;text-decoration:none}.guide aside a:hover{text-decoration:underline}.guide article{max-width:920px;line-height:1.55}.guide article h1{margin-top:0}.guide article h2{margin-top:2.2rem;padding-bottom:.3rem;border-bottom:2px solid #e5e7eb;scroll-margin-top:1rem}.guide article h3{margin-top:1.6rem;scroll-margin-top:1rem}.guide article code{background:#f3f4f6;padding:.05rem .3rem;border-radius:4px;font-size:.88em}.guide article pre{background:#111827;color:#e5e7eb;padding:.7rem .9rem;border-radius:6px;overflow:auto}.guide article pre code{background:none;padding:0;color:inherit}.guide table.doc-table th{background:#eef2ff}.guide table.doc-table td,.guide table.doc-table th{vertical-align:top;font-size:.9rem}.guide article ul,.guide article ol{padding-left:1.4rem}.guide article li{margin:.2rem 0}.legend-box{margin:.8rem 0;padding:.5rem .8rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-width:980px}.legend-box summary{cursor:pointer;font-weight:700}ul.key{list-style:none;margin:.5rem 0;padding:0;display:grid;gap:.35rem}ul.key li{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem}.swatch{flex:none;display:inline-block;width:22px;height:22px;margin-top:1px;border:2.5px solid;border-radius:50%}.form fieldset.group label.check{display:block;margin:.3rem 0}.change-key{display:inline-flex;gap:.4rem;margin-left:.4rem}.chip-change{display:inline-flex;gap:.25rem;align-items:center;padding:.1rem .55rem;border-radius:999px;font-size:.8rem;font-weight:600;background:#fff;border:2px solid}.chip-change.add{border-color:#16a34a;color:#166534}.chip-change.change{border-color:#d97706;color:#92400e}.chip-change.remove{border-color:#c62828;color:#7f1d1d}.change-note{margin:.6rem 0;padding:.45rem .7rem;border-left:5px solid;border-radius:4px;font-size:.9rem}.change-note.add{border-color:#16a34a;background:#f0fdf4}.change-note.change{border-color:#d97706;background:#fffbeb}.change-note.remove{border-color:#c62828;background:#fef2f2}.change-note ul{margin:.25rem 0 0;padding-left:1.1rem}.change-note li.add b{color:#16a34a}.change-note li.remove b{color:#c62828}.change-note li.change b{color:#d97706}svg .piece.chg-add path{stroke:#16a34a!important;stroke-width:6!important;filter:drop-shadow(0 0 6px #22c55e)}svg .piece.chg-change path{stroke:#d97706!important;stroke-width:6!important;filter:drop-shadow(0 0 6px #f59e0b)}svg .piece.chg-remove path{stroke:#c62828!important;stroke-width:5!important;stroke-dasharray:8 5}.bubble.chg-add{box-shadow:0 0 0 4px #16a34a}.bubble.chg-change{box-shadow:0 0 0 4px #d97706}tr.chg-add>td:first-child{box-shadow:inset 5px 0 #16a34a}tr.chg-change>td:first-child{box-shadow:inset 5px 0 #d97706}.gate{max-width:560px;margin:4rem auto;padding:0 1rem;display:block;height:auto}.usermenu{position:relative}.user-btn{background:transparent;border-color:#c7d2fe;color:#e0e7ff;font-size:.85rem}.user-btn .roles{opacity:.75;margin:0 .25rem;font-size:.8rem}.user-panel{position:absolute;right:0;top:2.4rem;z-index:40;width:340px;background:#fff;color:#111827;border:1px solid #d1d5db;border-radius:8px;padding:.4rem 1rem .8rem;box-shadow:0 8px 24px #11182733}.user-panel h3,.user-panel h4{margin:.7rem 0 .2rem}.user-panel ul{margin:0;padding-left:1.1rem}.chat{max-width:860px}.chat .examples{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;margin:.6rem 0}.chat button.example{background:#fff;color:#4338ca;border-color:#c7d2fe;text-align:left}.chat .thread{margin:1rem 0;display:flex;flex-direction:column;gap:.8rem}.msg{max-width:92%;padding:.6rem .9rem;border-radius:10px;line-height:1.5}.msg p{margin:.3rem 0}.msg ul,.msg ol{margin:.3rem 0;padding-left:1.3rem}.msg.user{align-self:flex-end;background:#4f46e5;color:#fff}.msg.assistant{align-self:flex-start;background:#fff;border:1px solid #e5e7eb}button.mention{font-weight:600}.msg .how{margin-top:.5rem;font-size:.85rem;color:#4b5563}.msg .how summary{cursor:pointer}.proposal{margin:.6rem 0;padding:.5rem .8rem;border-left:5px solid #d97706;background:#fffbeb;border-radius:4px}.proposal.bad{border-color:#c62828;background:#fef2f2}.proposal ul{margin:.3rem 0}.proposal li.add b{color:#16a34a}.proposal li.change b{color:#d97706}.proposal li.remove b{color:#c62828}.ask-form textarea{width:100%;padding:.5rem;font:inherit;border:1px solid #d1d5db;border-radius:6px;resize:vertical}.msg.working .live-steps{margin:.2rem 0 0;font-size:.85rem;color:#4b5563}.drag-handle{flex-shrink:0;background:#e5e7eb;transition:background .15s}.drag-handle:hover,.drag-handle:focus-visible,body.resizing .drag-handle{background:#6366f1}.drag-handle.x{width:6px;cursor:col-resize}.drag-handle.y{height:8px;cursor:row-resize;border-radius:0 0 6px 6px;margin:0 0 .4rem}body.resizing{-webkit-user-select:none;user-select:none}.graph-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .4rem}.graph-tools button{padding:.15rem .6rem;font-size:.85rem}.detail{max-width:80vw;flex-shrink:0}