.xp{padding:clamp(16px,2.5vw,28px) 0 110px}.xp-explorer{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:36px;display:grid}.xp-explorer>section{padding:0}.xp-facets{top:calc(88px + var(--safe-top));flex-direction:column;align-self:start;gap:20px;max-height:calc(100dvh - 110px);padding-right:4px;display:flex;position:sticky;overflow-y:auto}.xp-facets>hr{border:0;border-top:1px solid var(--line);margin:0}.xp-facet__title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:10px;font-size:10.5px}.xp-facet__list{flex-direction:column;gap:2px;display:flex}.xp-facet-opt{text-align:left;border-radius:var(--r-sm);width:100%;color:var(--ink-2);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:7px 10px;font-family:inherit;font-size:13.5px;transition:background .12s,color .12s;display:flex}.xp-facet-opt:hover{background:var(--paper-2)}.xp-facet-opt.is-active{background:var(--ink);color:var(--paper)}.xp-facet-opt.is-empty{opacity:.4;pointer-events:none}.xp-facet-opt__swatch{background:var(--sw,var(--ink-mute));border-radius:50%;flex:none;width:9px;height:9px}.xp-facet-opt__swatch.is-square{border-radius:2px}.xp-facet-opt__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.xp-facet-opt__n{font-family:var(--font-mono);color:var(--ink-mute);margin-left:auto;font-size:11px}.xp-facet-opt.is-active .xp-facet-opt__n{color:#f7f3eb99}.xp-facet-reset{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-soft);border:0;border-bottom:1px solid var(--line-strong);cursor:pointer;background:0 0;align-self:flex-start;padding:0 0 1px;font-size:11.5px}.xp-facet-reset:hover{color:var(--ink);border-color:var(--ink)}.xp-seg{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper-2);gap:2px;margin-top:10px;padding:2px;display:inline-flex}.xp-seg__opt{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--r-pill);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:4px 10px;font-size:10.5px}.xp-seg__opt.is-active{background:var(--ink);color:var(--paper)}.xp-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.xp-bar .catalog-search{flex:320px}.xp-bar__count{font-family:var(--font-serif);letter-spacing:-.01em;white-space:nowrap;font-size:1.1rem}.xp-active{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 18px;display:flex}.xp-active__lbl{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);font-size:10px}.xp-active-tag{font-family:var(--font-mono);letter-spacing:.02em;border-radius:var(--r-pill);background:var(--paper-3);color:var(--ink-2);align-items:center;gap:6px;padding:4px 6px 4px 10px;font-size:11px;display:inline-flex}.xp-active-tag button{background:var(--line);cursor:pointer;width:16px;height:16px;color:inherit;border:none;border-radius:50%;place-items:center;font-size:11px;display:grid}.xp-active-tag button:hover{background:var(--line-strong)}.xp-active__clear{font-family:var(--font-mono);letter-spacing:.03em;color:var(--ink-soft);border:0;border-bottom:1px solid var(--line-strong);cursor:pointer;background:0 0;padding:0 0 1px;font-size:11px}.xp-active__clear:hover{color:var(--ink);border-color:var(--ink)}.xp-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.xp-card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);height:100%;color:inherit;transition:transform .16s var(--ease,ease), box-shadow .16s ease, border-color .16s ease;flex-direction:column;gap:8px;padding:16px 18px;text-decoration:none;display:flex}.xp-card:hover{box-shadow:var(--shadow-1);border-color:var(--line-strong);transform:translateY(-2px)}.xp-card__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.xp-card__kind{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);font-size:10px}.xp-card__support{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-pill);border:1px solid var(--line-strong);color:var(--ink-soft);padding:2px 8px;font-size:10px}.xp-card__title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--ink);font-size:1.25rem;line-height:1.12}.xp-card__sub{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.xp-empty{text-align:center;color:var(--ink-mute);font-family:var(--font-mono);flex-direction:column;align-items:center;gap:12px;padding:60px 20px;font-size:13px;display:flex}.xp-filter-toggle{font-family:var(--font-mono);letter-spacing:.03em;border-radius:var(--r-pill);border:1px solid var(--line-strong);color:var(--ink);background:var(--paper);cursor:pointer;align-items:center;gap:9px;margin-bottom:14px;padding:9px 15px;font-size:12.5px;display:none}.xp-filter-toggle__badge{color:var(--ink-soft);font-size:11px}@media (max-width:880px){.xp-explorer{grid-template-columns:1fr;gap:14px}.xp-facets{max-height:none;display:none;position:static;overflow:visible}.xp-facets.is-open{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:flex}.xp-filter-toggle{display:inline-flex}}
.xp-page{padding-top:clamp(40px,6vw,76px);padding-bottom:0}.xp-page .section-head-tight{margin-bottom:14px}.xp-meta{font-family:var(--font-mono);color:var(--ink-soft);flex-wrap:wrap;gap:10px 26px;margin:0;font-size:12px;display:flex}.xp-meta b{color:var(--ink);font-weight:600}