.categories-page{width:100%;border-radius:var(--radius-large);overflow:clip}.categories-page__header{margin-bottom:1.5rem}.categories-page__folders{margin-top:2.5rem}.category-section-title{display:flex;align-items:center;gap:.625rem;margin:0 0 1.25rem;color:var(--deep-text);font-size:1.25rem;font-weight:700;line-height:1.3}.category-section-title__bar{width:5px;height:1.375rem;flex:0 0 5px;border-radius:999px;background:#00a29b}.cat-item__header{display:flex;width:100%;min-height:3.5rem;align-items:center;gap:.875rem;padding:.875rem .25rem .875rem 0;border:0;border-top:1px solid var(--line-divider);background:transparent;color:var(--deep-text);text-align:start;cursor:pointer}.cat-item:first-child .cat-item__header{border-top:0}.cat-item__header:focus-visible{outline:2px solid #00a29b;outline-offset:2px;border-radius:.5rem}.cat-item__heading{position:relative;display:flex;min-width:0;flex:1;flex-direction:column;gap:.25rem}.cat-item__heading:before{content:"";position:absolute;left:-.75rem;top:.2rem;bottom:.2rem;width:5px;border-radius:999px;background:#00a29b;transform:scaleY(0);transform-origin:center;transition:transform .18s ease}.cat-item[data-active] .cat-item__heading:before{transform:scaleY(1)}.cat-item__header:hover .cat-item__heading:before,.cat-item__header:focus-visible .cat-item__heading:before{transform:scaleY(1.12)}.cat-item__name{overflow-wrap:anywhere;font-size:1.0625rem;font-weight:700;line-height:1.35;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.2em;transition:text-decoration-color .18s ease}.cat-item__header:hover .cat-item__name,.cat-item__header:focus-visible .cat-item__name{text-decoration-line:underline;text-decoration-color:currentColor}.cat-item__meta{color:var(--content-meta);font-size:.8125rem;line-height:1.5}.cat-item__pin{display:none;width:1.125rem;height:1.125rem;flex:0 0 1.125rem;color:#00a29b}.cat-item__pin svg{width:100%;height:100%}.cat-item[data-pinned] .cat-item__pin{display:block}.cat-item__chevron{width:1.5rem;height:1.5rem;flex:0 0 1.5rem;color:var(--content-meta);transition:rotate .4s cubic-bezier(.22,1,.36,1),color .2s ease}.cat-item__header:hover .cat-item__chevron{color:var(--deep-text)}.cat-item[data-active] .cat-item__chevron{rotate:180deg}.cat-item__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1)}.cat-item[data-active] .cat-item__panel{grid-template-rows:1fr}.cat-item__panel-collapse{min-height:0;overflow:hidden}.cat-panel-card{margin:0 0 1rem;padding:1rem 1.25rem;border-radius:var(--radius-medium);background:#fafafa}:root.dark .cat-panel-card{background:#17181c}.cat-panel-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.cat-panel-card__titles{min-width:0}.cat-panel-card__name{margin:0;color:var(--deep-text);font-size:1.125rem;font-weight:700;line-height:1.35}.cat-panel-card__meta{margin:.25rem 0 0;color:var(--content-meta);font-size:.8125rem;line-height:1.5}.cat-panel-card__link{display:inline-flex;flex-shrink:0;align-items:center;gap:.375rem;padding-bottom:.125rem;border-bottom:1px solid transparent;color:var(--deep-text);font-size:.875rem;font-weight:700;text-decoration:none;transition:border-color .2s ease,color .2s ease}.cat-panel-card__link:hover,.cat-panel-card__link:focus-visible{border-bottom-color:currentColor;color:#00a29b}.cat-panel-card__link:focus-visible{outline:2px solid #00a29b;outline-offset:2px}.cat-panel-card__tags{display:flex;flex-wrap:wrap;gap:.5rem}.cat-tag{display:inline-flex;min-width:0;min-height:44px;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:.375rem;background:var(--page-bg);color:var(--deep-text);text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease}:root.dark .cat-tag{background:#161616}.cat-tag:hover,.cat-tag:focus-visible{background:var(--deep-text);color:var(--page-bg)}:root.dark .cat-tag:hover,:root.dark .cat-tag:focus-visible{background:#2e2f33;color:var(--deep-text)}.cat-tag:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cat-tag__name{min-width:0;overflow-wrap:anywhere;font-size:.875rem;font-weight:700;line-height:1.35}.cat-tag__count{display:inline-grid;min-width:1.5rem;height:1.5rem;flex-shrink:0;place-items:center;border-radius:9999px;background:var(--btn-plain-bg-hover);color:var(--content-meta);font-size:.75rem;font-weight:700;transition:background-color .2s ease,color .2s ease}.cat-tag:hover .cat-tag__count,.cat-tag:focus-visible .cat-tag__count{background:var(--page-bg);color:var(--deep-text)}.cat-panel-card__empty{margin:0;color:var(--content-meta);font-size:.875rem}@media(min-width:768px){.category-explorer__grid{--cat-row: 4.65rem;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:2.5rem;min-height:calc(var(--cat-row) * 5)}.cat-item{display:contents}.cat-item__header{grid-column:1;min-height:var(--cat-row)}.cat-item__chevron{display:none}.cat-item__panel{position:sticky;top:1.25rem;display:none;grid-column:2;grid-row:1 / -1;align-self:start}.cat-item[data-active] .cat-item__panel{display:block}.cat-item__panel-collapse{display:block;overflow:visible}.cat-panel-card{display:flex;flex-direction:column;height:calc(var(--cat-row) * 5);margin:0;padding:1.25rem 1.5rem;overflow:hidden}.cat-panel-card__head{flex-shrink:0}.cat-panel-card__tags{flex:1;min-height:0;align-content:flex-start;overflow-y:auto}}@media(max-width:767px){.cat-item__header{min-height:3.25rem;padding:.75rem .25rem .75rem 0}.cat-panel-card{padding:.875rem 1rem}.cat-panel-card__head{flex-direction:column;gap:.5rem;margin-bottom:.875rem}}.tag-graph{width:100%;position:relative}.tag-graph__chart{width:100%;height:620px;min-height:360px;position:relative;isolation:isolate;border:1px solid var(--line-divider);border-radius:var(--radius-medium);background:var(--tag-graph-surface);overflow:hidden}.tag-graph__canvas{width:100%;height:100%;display:block;cursor:grab;outline:none;touch-action:none}.tag-graph__canvas.is-node-hovered{cursor:pointer}.tag-graph__canvas.is-dragging{cursor:grabbing}.tag-graph__canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--primary)}.tag-graph__status{max-width:calc(100% - 2rem);position:absolute;z-index:10;top:50%;left:50%;color:var(--tag-graph-muted);font-size:.875rem;line-height:1.5;text-align:center;transform:translate(-50%,-50%);transition:opacity .18s ease-out;pointer-events:none}.tag-graph__chart[data-state=ready] .tag-graph__status{opacity:0}.tag-graph__tooltip{max-width:min(17rem,calc(100% - 1rem));position:absolute;z-index:20;padding:.625rem .75rem;border:1px solid var(--tag-graph-tooltip-border);border-radius:var(--radius-medium);background:var(--tag-graph-tooltip-bg);box-shadow:0 .75rem 2rem #0000003d;color:var(--tag-graph-tooltip-text);line-height:1.4;pointer-events:none}.tag-graph__tooltip[hidden]{display:none}.tag-graph__tooltip strong,.tag-graph__tooltip span{display:block;letter-spacing:0}.tag-graph__tooltip strong{overflow-wrap:anywhere;font-size:.875rem;font-weight:800}.tag-graph__tooltip span{margin-top:.1875rem;color:color-mix(in srgb,var(--tag-graph-tooltip-text) 72%,transparent);font-size:.75rem}@media(max-width:1023px){.tag-graph__chart{height:520px}}@media(max-width:768px){.tag-graph__chart{height:420px}}@media(max-width:480px){.tag-graph__chart{height:360px}}@media(prefers-reduced-motion:reduce){.cat-item__heading:before,.cat-item__name,.cat-item__chevron,.cat-item__panel,.cat-tag,.cat-tag__count,.cat-panel-card__link{transition:none}.tag-graph__status{transition:none}}
