.hero--compact{padding:48px 0 24px;margin-bottom:24px}.hero--compact .lead{font-size:17px}.xp{border:1px solid var(--rule);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm)}.xp__toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--rule);background:var(--paper-alt);border-top-left-radius:calc(var(--radius) - 1px);border-top-right-radius:calc(var(--radius) - 1px);position:sticky;top:64px;z-index:3}.xp__search{position:relative;flex:1 1 320px;min-width:240px;display:flex;align-items:center}.xp__search-icon{position:absolute;left:12px;width:16px;height:16px;color:var(--muted);pointer-events:none}.xp__search input{width:100%;padding:9px 38px 9px 36px;border:1px solid var(--rule);border-radius:8px;font-family:var(--font-sans);font-size:14px;background:#fff;color:var(--ink);outline:none;transition:border-color .12s,box-shadow .12s}.xp__search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.xp__search-kbd{position:absolute;right:10px;font-family:var(--font-mono);font-size:11px;padding:2px 6px;border:1px solid var(--rule);border-radius:4px;background:var(--paper);color:var(--muted);pointer-events:none}.xp__pillars{margin:0}.chip--toggle{cursor:pointer;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-soft);padding:4px 10px;background:#fff;border:1px solid var(--rule);border-radius:999px;display:inline-flex;align-items:center;gap:6px;transition:background .12s,border-color .12s,color .12s,opacity .12s}.chip--toggle[aria-pressed=false]{opacity:.45;text-decoration:line-through}.chip--toggle:hover{border-color:var(--ink-soft)}.chip--toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.xp__layout{display:grid;grid-template-columns:280px 1fr;min-height:640px}.xp__aside{border-right:1px solid var(--rule);background:#fff;padding:12px 0 24px;max-height:calc(100vh - 160px);overflow-y:auto;position:sticky;top:140px;align-self:start;border-bottom-left-radius:calc(var(--radius) - 1px)}.xp__aside-meta{padding:4px 16px 10px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.xp-group{margin-bottom:2px}.xp-group__head{display:flex;align-items:center;gap:8px;padding:8px 16px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);background:linear-gradient(to right,color-mix(in oklab,var(--pillar) 9%,transparent),transparent);border-top:1px solid var(--rule-soft)}.xp-group:first-child .xp-group__head{border-top:0}.xp-group__count{margin-left:auto;color:var(--muted);font-size:10.5px}.xp-group__label{color:var(--ink);font-weight:600}.xp-group__list{list-style:none;padding:0;margin:0}.xp-item a{display:flex;align-items:center;gap:8px;padding:6px 16px 6px 28px;font-family:var(--font-mono);font-size:12.5px;color:var(--ink);text-decoration:none;border-left:2px solid transparent;transition:background .1s,border-color .1s,color .1s}.xp-item a:hover{background:var(--rule-soft);text-decoration:none}.xp-item__slug{flex:1}.xp-item__count{font-size:10.5px;color:var(--subtle);font-variant-numeric:tabular-nums}.xp-item.is-active a{background:var(--accent-soft);color:var(--accent-ink);border-left-color:var(--accent);font-weight:600}.xp-item.is-active .xp-item__count{color:var(--accent-ink)}.xp__main{padding:24px 28px 32px;min-width:0;border-bottom-right-radius:calc(var(--radius) - 1px)}.xp__main:focus{outline:none}.xp-overview__stats{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.xp-stat{flex:1 1 140px;padding:14px 16px;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper-alt)}.xp-stat__value{display:block;font-family:var(--font-mono);font-size:24px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.25;margin-bottom:2px}.xp-stat__label{display:block;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);line-height:1.2}.xp-overview__hint{padding:12px 14px;border:1px dashed var(--rule);border-radius:var(--radius-sm);font-size:13.5px;color:var(--ink-soft);background:#fff;margin-bottom:20px}.xp-overview__hint strong{color:var(--ink)}.xp-overview__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.xp-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--rule);border-radius:var(--radius-sm);background:#fff;text-decoration:none;color:var(--ink);transition:border-color .12s,transform .12s,box-shadow .16s;border-left:3px solid var(--pillar, var(--rule))}.xp-card:hover{border-color:var(--ink-soft);transform:translateY(-1px);box-shadow:var(--shadow-sm);text-decoration:none}.xp-card__head{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.xp-card__pillar{color:var(--ink-soft)}.xp-card__count{margin-left:auto;color:var(--subtle)}.xp-card__slug{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--ink)}.xp-card__desc{font-size:12.5px;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.xp-detail__head{padding-bottom:18px;margin-bottom:8px;border-bottom:1px solid var(--rule)}.xp-detail__eyebrow{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.xp-detail__title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:24px;margin:0 0 8px;line-height:1.2}.xp-detail__slug{font-family:var(--font-mono);font-size:14px;color:var(--pillar, var(--muted));background:color-mix(in oklab,var(--pillar, var(--muted)) 10%,transparent);padding:3px 8px;border-radius:4px;font-weight:500}.xp-detail__name{font-weight:600}.xp-detail__desc{color:var(--ink-soft);max-width:var(--max-text);font-size:15px;margin:0 0 14px}.xp-detail__actions{display:flex;gap:8px;flex-wrap:wrap}.xp-detail__actions .btn{padding:7px 12px;font-size:13px}.xp-count-inline{font-family:var(--font-mono);font-size:12px;color:var(--muted);margin-left:8px;background:var(--paper-alt);padding:2px 7px;border-radius:10px;vertical-align:middle}.xp-neighbors{border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);padding:12px;overflow:hidden}.xp-neighbors__svg{width:100%;height:auto;display:block;max-height:360px}.xp-neighbors .xp-node--neighbor{cursor:pointer}.xp-neighbors .xp-node--neighbor rect:first-of-type{transition:stroke-width .12s}.xp-neighbors .xp-node--neighbor:hover rect:first-of-type{stroke-width:2.5}.xp-neighbors .xp-node__label{font-family:var(--font-mono);font-size:12px;font-weight:500;pointer-events:none}.xp-neighbors .xp-node__label--center{font-size:13px;font-weight:600}.xp-neighbors .xp-edge__label{font-family:var(--font-mono);font-size:10.5px;fill:var(--ink-soft);pointer-events:none}.xp-neighbors--empty{padding:32px;text-align:center}.xp-neighbors__note{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.xp-neighbors__legend{display:flex;gap:18px;justify-content:center;margin-top:8px;font-family:var(--font-mono);font-size:11px;color:var(--muted)}.xp-neighbors__swatch{display:inline-block;width:16px;height:2px;vertical-align:middle;margin-right:6px;background:#7b8199}.xp-full{margin:8px 0 24px;padding:18px 20px 12px;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper)}.xp-full__head{margin-bottom:10px}.xp-full__head h2{margin:0 0 4px;font-size:16px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink)}.xp-full__hint{margin:0;font-size:13px;color:var(--muted);max-width:62ch}.xp-full__hint strong{color:var(--ink)}.xp-full__frame{background:#fff;border:1px solid var(--rule-soft);border-radius:var(--radius-sm);padding:4px}.xp-full__svg{width:100%;height:auto;display:block;max-height:720px}.xp-full__node{cursor:pointer}.xp-full__node circle{transition:r .12s,stroke-width .12s}.xp-full__node:hover circle{r:7;stroke-width:2}.xp-full__label{font-family:var(--font-mono);font-size:10.5px;dominant-baseline:middle}.xp-full__node:hover .xp-full__label{font-weight:700}.xp-full__edge{transition:opacity .12s,stroke-width .12s}.xp-full.is-focus .xp-full__edge{opacity:.06}.xp-full.is-focus .xp-full__edge.is-active{opacity:.9;stroke-width:1.75}.xp-full.is-focus .xp-full__node{opacity:.22}.xp-full.is-focus .xp-full__node.is-active{opacity:1}.xp-full.is-focus .xp-full__node.is-active circle{r:6}.xp-full__legend{display:flex;flex-wrap:wrap;gap:14px 18px;padding-top:12px;margin-top:6px;border-top:1px solid var(--rule-soft);font-family:var(--font-mono);font-size:11px;color:var(--muted)}.xp-full__legend-item{display:inline-flex;align-items:center;gap:6px}.fields tr.is-hit{background:color-mix(in oklab,var(--accent-soft) 70%,#fff)}.fields mark{background:var(--accent-soft);color:var(--accent-ink);padding:0 2px;border-radius:2px}.xp-empty{font-family:var(--font-mono);font-size:12.5px;color:var(--muted);margin:4px 0}.xp-refs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:4px}.xp-refs__col h3{margin-top:1em}.xp-refs__hint{color:var(--muted);font-size:13px;margin:0 0 10px}.xp-refs__list{display:flex;flex-wrap:wrap;gap:6px}.xp-ref{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid color-mix(in oklab,var(--pillar, var(--rule)) 40%,var(--rule));border-radius:6px;background:color-mix(in oklab,var(--pillar, var(--rule)) 7%,#fff);color:var(--ink);text-decoration:none;font-size:12.5px;transition:background .12s,border-color .12s,transform .1s}.xp-ref:hover{background:color-mix(in oklab,var(--pillar, var(--rule)) 15%,#fff);border-color:var(--pillar, var(--ink-soft));transform:translateY(-1px);text-decoration:none}.xp-ref__slug{font-family:var(--font-mono);color:var(--ink);font-weight:500}.xp-ref__label{font-family:var(--font-mono);font-size:11px;color:var(--muted);padding-left:6px;border-left:1px dashed var(--rule)}@media(max-width:960px){.xp__layout{grid-template-columns:1fr}.xp__aside{position:static;max-height:260px;border-right:0;border-bottom:1px solid var(--rule)}.xp__toolbar{top:60px}.xp-refs{grid-template-columns:1fr}.xp-overview__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.xp__main{padding:16px}.xp-detail__title{font-size:20px}.xp__toolbar{top:52px}}