:root{--sl-content-width:72rem;--sl-color-accent-low:#dbeafe;--sl-color-accent:#2563eb;--sl-color-accent-high:#172554}:root[data-theme=dark]{--sl-color-accent-low:#172554;--sl-color-accent:#60a5fa;--sl-color-accent-high:#dbeafe}.status-badge{border:1px solid var(--sl-color-gray-5);border-radius:999px;align-items:center;padding:.2rem .65rem;font-size:.8rem;font-weight:650;display:inline-flex}.status-planned{background:var(--sl-color-gray-6);color:var(--sl-color-gray-2)}.status-drafting{color:#9a3412;background:#ffedd5}.status-recording{color:#6d28d9;background:#ede9fe}.status-published{color:#047857;background:#d1fae5}.status-deprecated{color:#b91c1c;background:#fee2e2}.relation-list,.participation-list{gap:.75rem;margin:1rem 0;padding:0;list-style:none;display:grid}.relation-card,.participation-list>li{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg-nav);border-radius:.75rem;padding:.9rem 1rem}.relation-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.relation-heading>span{color:var(--sl-color-gray-3);flex:none;font-size:.8rem}.relation-card p,.participation-list p{color:var(--sl-color-gray-2);margin:.4rem 0 0}.path-mainline{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0 1.5rem;display:grid}.path-step{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg-nav);border-radius:.75rem;padding:1rem;position:relative}.path-step:not(:last-child):after{content:"→";z-index:1;color:var(--sl-color-accent);font-weight:700;position:absolute;top:50%;right:-.65rem;transform:translateY(-50%)}@media (width<=40rem){.path-mainline{grid-template-columns:1fr}.path-step:not(:last-child):after{content:"↓";top:auto;bottom:-.9rem;right:50%;transform:translate(50%)}}.graph-page{gap:1.25rem;padding-bottom:2rem;display:grid}.graph-page-header{max-width:52rem}.graph-page-header p{max-width:46rem;color:var(--sl-color-gray-2);margin:0;font-size:1.05rem;line-height:1.75}.graph-kicker,.preview-eyebrow,.path-card__type{color:var(--sl-color-accent);letter-spacing:.13em;text-transform:uppercase;font-size:.72rem;font-weight:750}.graph-legend,.path-guide{color:var(--sl-color-gray-2);flex-wrap:wrap;gap:.65rem 1.15rem;font-size:.82rem;display:flex}.graph-legend span,.path-guide span{align-items:center;gap:.45rem;display:inline-flex}.legend-dot{border-radius:50%;width:.65rem;height:.65rem;display:inline-block}.legend-dot--network{background:#2563eb}.legend-dot--system{background:#7c3aed}.legend-dot--application{background:#047857}.legend-dot--security{background:#be123c}.knowledge-graph-shell,.path-flow-shell{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg-nav);border-radius:1.1rem;grid-template-columns:minmax(0,1fr) 18.5rem;min-height:38rem;display:grid;overflow:hidden;box-shadow:0 20px 60px #0f172a1a}.graph-canvas-wrap{background:radial-gradient(circle at 50% 45%,#2563eb24,#0000 42%),#0f172a;grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.graph-toolbar{color:#94a3b8;border-bottom:1px solid #94a3b829;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .9rem;font-size:.75rem;display:flex}.graph-toolbar button{color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:.45rem;flex:none;padding:.3rem .55rem}.knowledge-graph-canvas{min-height:34rem}.graph-preview{border-left:1px solid var(--sl-color-gray-5);background:linear-gradient(160deg, var(--sl-color-bg-nav), var(--sl-color-bg));flex-direction:column;min-width:0;padding:1.45rem;display:flex;position:relative}.graph-preview h2{letter-spacing:-.025em;margin:.35rem 0 .8rem;font-size:1.55rem}.graph-preview>p,.preview-empty p{color:var(--sl-color-gray-2);margin:0;font-size:.92rem;line-height:1.65}.preview-stats{grid-template-columns:1fr 1fr;gap:.6rem;margin:1.2rem 0;display:grid}.preview-stats div{border:1px solid var(--sl-color-gray-5);border-radius:.65rem;padding:.65rem}.preview-stats dt{color:var(--sl-color-gray-3);font-size:.7rem}.preview-stats dd{margin:.2rem 0 0;font-size:.9rem;font-weight:700}.tag-row{flex-wrap:wrap;gap:.4rem;display:flex}.tag-row span{background:var(--sl-color-gray-6);color:var(--sl-color-gray-2);border-radius:999px;padding:.2rem .55rem;font-size:.72rem}.preview-link,.path-card__link{justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.4rem;font-weight:700;text-decoration:none;display:flex}.preview-unavailable{padding-top:1.4rem;margin-top:auto!important;font-size:.8rem!important}.preview-empty{color:var(--sl-color-gray-2);margin:auto 0}.path-flow-canvas{background:radial-gradient(circle at 50% 35%,#2563eb17,#0000 45%);min-width:0;height:42rem}.path-flow-canvas .react-flow__node{color:#f8fafc;text-align:center;background:#1d4ed8;border:1px solid #60a5fa;border-radius:.75rem;width:8.5rem;padding:.7rem .8rem;font-size:.82rem;font-weight:700;box-shadow:0 8px 24px #0f172a38}.path-flow-canvas .flow-node--branch{background:#334155;border-color:#94a3b8;width:7.6rem}.path-flow-canvas .flow-node--security{background:#9f1239;border-color:#fb7185}.path-flow-canvas .flow-node--system{background:#6d28d9;border-color:#a78bfa}.path-flow-canvas .flow-node--application{background:#047857;border-color:#34d399}.path-flow-canvas .react-flow__node.selected{outline-offset:2px;outline:3px solid #fbbf24}.path-flow-canvas .react-flow__edge-path{stroke:#2563eb;stroke-width:2px}.path-flow-canvas .flow-edge--branch .react-flow__edge-path{stroke:#64748b;stroke-dasharray:5 4}.path-flow-canvas .react-flow__edge-text{fill:var(--sl-color-gray-2);font-size:10px}.path-flow-canvas .react-flow__edge-textbg{fill:var(--sl-color-bg)}.path-role{border-top:1px solid var(--sl-color-gray-5);margin-top:1.2rem;padding-top:1rem}.path-role span{color:var(--sl-color-gray-3);font-size:.72rem;display:block}.path-role strong{margin-top:.25rem;display:block}.path-role p{color:var(--sl-color-gray-2);margin:.4rem 0 0;font-size:.84rem;line-height:1.55}.path-line{border-top:2px solid #2563eb;width:1.5rem;display:inline-block}.path-line--branch{border-color:#64748b;border-top-style:dashed}.path-index-page{max-width:58rem}.path-card-grid{gap:1rem;display:grid}.path-card{border:1px solid var(--sl-color-gray-5);background:linear-gradient(145deg, var(--sl-color-bg-nav), var(--sl-color-bg));border-radius:1rem;padding:1.35rem}.path-card__topline{justify-content:space-between;align-items:center;gap:1rem;display:flex}.path-card h2{margin:.85rem 0 .55rem;font-size:1.4rem}.path-card h2 a{color:var(--sl-color-white);text-decoration:none}.path-card>p{max-width:44rem;color:var(--sl-color-gray-2);margin:0}.path-card__meta{color:var(--sl-color-gray-3);gap:1.2rem;margin-top:1rem;font-size:.8rem;display:flex}.path-card__link{justify-content:flex-start;gap:.45rem;width:fit-content}.node-index-page{gap:1.5rem;display:grid}.node-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.node-index-card{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg-nav);border-radius:.9rem;flex-direction:column;min-height:13rem;padding:1rem;display:flex}.node-index-card--available{border-color:color-mix(in srgb, var(--sl-color-accent) 45%, var(--sl-color-gray-5))}.node-index-card__meta{color:var(--sl-color-gray-3);justify-content:space-between;gap:.75rem;font-size:.72rem;display:flex}.node-index-card h2{margin:.7rem 0 .45rem;font-size:1.15rem}.node-index-card h2 a{text-decoration:none}.node-index-card>p{color:var(--sl-color-gray-2);margin:0;font-size:.85rem;line-height:1.55}.node-index-card__link{margin-top:auto;padding-top:.9rem;font-size:.82rem;font-weight:700;text-decoration:none}@media (width<=56rem){.knowledge-graph-shell,.path-flow-shell{grid-template-columns:1fr}.graph-preview{border-top:1px solid var(--sl-color-gray-5);border-left:0;min-height:17rem}}@media (width<=40rem){.graph-toolbar span{display:none}.graph-toolbar{justify-content:flex-end}.knowledge-graph-canvas{min-height:28rem}.path-flow-canvas{height:34rem}.path-card__meta{flex-direction:column;gap:.25rem}.node-index-grid{grid-template-columns:1fr}}