.cat-stage{background:var(--text);width:100vw;color:var(--panel);margin:0 calc(50% - 50vw)}.cat-stage-inner{max-width:var(--maxw);grid-template-columns:minmax(0,1.35fr) minmax(16rem,.9fr);align-items:end;gap:1.5rem 2rem;margin:0 auto;padding:2.1rem 1rem 1.85rem;display:grid}.cat-stage .eyebrow{color:var(--highlight);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:800;font-family:var(--mono,"JetBrains Mono", ui-monospace, monospace);margin:0}.cat-stage h1{font-family:var(--display);letter-spacing:-.035em;color:var(--panel);margin:.55rem 0 0;font-size:clamp(1.85rem,3.6vw,2.75rem);font-weight:800;line-height:1.05}.cat-stage .lede{color:#b8bfbb;max-width:42rem;margin:.85rem 0 0;font-size:1.02rem;line-height:1.5}.cat-stage .selector-card{color:var(--panel);background:0 0;border:1px solid #3a4043;border-radius:0;padding:1.05rem 1.1rem 1rem}.cat-stage .selector-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--highlight);font-size:.7rem;font-weight:800;font-family:var(--mono,"JetBrains Mono", ui-monospace, monospace);margin:0}.cat-stage .selector-copy{color:#cfd3d1;margin:.55rem 0 0;font-size:.95rem;line-height:1.45}.cat-stage .selector-cta{background:var(--highlight);color:var(--text);border-radius:0;margin-top:.9rem;padding:.62rem .95rem;font-weight:800;text-decoration:none;display:inline-flex}.cat-stage .selector-cta:hover{background:#e4f86a}.cat-stage .selector-meta{color:#9aa19e;flex-wrap:wrap;gap:.35rem;margin:.85rem 0 0;font-size:.78rem;display:flex}.cat-shell{border:0;border-top:1px solid var(--line);background:#fff;border-radius:0;grid-template-columns:minmax(16rem,22rem) minmax(0,1fr);gap:0;min-height:34rem;margin-top:0;display:grid;overflow:visible}.cat-rail{border-right:1px solid var(--line);background:#f4f3ef;flex-direction:column;min-width:0;min-height:100%;display:flex}.cat-shell .sort-row{border-bottom:1px solid var(--line);background:#f4f3ef;align-items:center;gap:.4rem;padding:.85rem .95rem;display:flex}.cat-shell .sort-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.68rem;font-weight:800;font-family:var(--mono,"JetBrains Mono", ui-monospace, monospace);margin-right:.2rem}.cat-shell .sort-btn{border:1px solid var(--text);color:var(--text);font:inherit;cursor:pointer;background:#fff;border-radius:0;padding:.28rem .65rem;font-size:.8rem;font-weight:700}.cat-shell .sort-btn.is-active{background:var(--text);border-color:var(--text);color:var(--panel)}.cat-shell .job-list{flex-direction:column;display:flex}.cat-shell .job-item{box-sizing:border-box;text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;width:100%;font:inherit;color:var(--text);-webkit-appearance:none;appearance:none;background:0 0;border-radius:0;flex-direction:column;align-items:stretch;gap:.35rem;padding:.95rem 1rem;display:flex}.cat-shell .job-item:hover{background:#ebeae4}.cat-shell .job-item.is-active{background:var(--text);color:var(--panel);box-shadow:inset 0 -2px 0 var(--highlight)}.cat-shell .job-item-top{justify-content:space-between;align-items:baseline;gap:.65rem;width:100%;display:flex}.cat-shell .job-name{letter-spacing:-.02em;min-width:0;font-size:1.02rem;font-weight:800;line-height:1.15}.cat-shell .job-count{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:.66rem;font-weight:800;font-family:var(--mono,"JetBrains Mono", ui-monospace, monospace);flex-shrink:0}.cat-shell .job-item.is-active .job-count{color:#9aa19e}.cat-shell .job-anchor{-webkit-line-clamp:2;color:var(--text);-webkit-box-orient:vertical;font-size:.84rem;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.cat-shell .job-item.is-active .job-anchor{color:var(--highlight)}.cat-detail{background:#fff;min-width:0;padding:1.35rem 1.45rem 1.6rem}.cat-detail .detail-head{justify-content:space-between;align-items:start;gap:1rem;display:flex}.cat-detail .detail-head h2{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:clamp(1.7rem,2.6vw,2.15rem);font-weight:800;line-height:1.05}.cat-detail .detail-head p{color:var(--muted);max-width:38rem;margin:.45rem 0 0;font-size:1rem;line-height:1.45}.cat-detail .open-cat{background:var(--text);white-space:nowrap;border-radius:0;align-items:center;padding:.55rem .85rem;font-weight:700;text-decoration:none;display:inline-flex;color:var(--panel)!important}.cat-detail .open-cat:hover{background:#2a2e31;text-decoration:none!important}.cat-detail .standing{border:1px solid var(--text);background:#fff;border-radius:0;margin-top:1.15rem;padding:1.05rem 1.1rem}.cat-detail .standing-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.68rem;font-weight:800;font-family:var(--mono,"JetBrains Mono", ui-monospace, monospace);margin:0}.cat-detail .standing h3{font-family:var(--display);letter-spacing:-.025em;margin:.45rem 0 0;font-size:1.35rem;font-weight:800}.cat-detail .standing h3 a{color:inherit;text-decoration:none}.cat-detail .standing h3 a:hover{color:var(--brand)}.cat-detail .standing>p{color:var(--muted);margin:.5rem 0 0;line-height:1.5}.cat-detail .standing-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.55rem .9rem;margin-top:.85rem;font-size:.88rem;display:flex}.cat-detail .avatar{background:var(--text);width:1.35rem;height:1.35rem;color:var(--highlight);border-radius:999px;flex-shrink:0;place-items:center;font-size:.7rem;font-weight:800;display:inline-grid}.cat-detail .standing-meta a,.cat-detail .method,.cat-detail .detail-find a,.cat-detail .pattern-block a{color:var(--brand);font-weight:700;text-decoration:none}.cat-detail .standing-meta a:hover,.cat-detail .method:hover,.cat-detail .detail-find a:hover,.cat-detail .pattern-block a:hover{text-decoration:underline}.cat-detail .patterns,.cat-detail .tools-involved{margin-top:1.35rem}.cat-detail .section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:800;font-family:var(--mono,"JetBrains Mono", ui-monospace, monospace);margin:0 0 .7rem}.cat-detail .pattern-block{grid-template-columns:9.5rem minmax(0,1fr);align-items:start;gap:.55rem 1rem;margin-top:.7rem;display:grid}.cat-detail .pattern-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin:0;font-size:.72rem;font-weight:800}.cat-detail .pattern-block ul{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.cat-detail .tool-chips{flex-wrap:wrap;gap:.45rem;display:flex}.cat-detail .tool-chip{border:1px solid var(--line);background:#fff;border-radius:0;padding:.35rem .7rem;font-size:.88rem;font-weight:600;color:var(--text)!important}.cat-detail .tool-chip:hover{border-color:var(--text);color:var(--text)!important;text-decoration:none!important}.cat-detail .detail-find{color:var(--muted);margin:1.25rem 0 0;font-size:.92rem}@media (width<=960px){.cat-stage-inner{grid-template-columns:1fr;padding:1.5rem 1rem 1.4rem}.cat-shell{grid-template-columns:1fr;min-height:0}.cat-rail{border-right:0;border-bottom:1px solid var(--line)}.cat-shell .job-list{max-height:18rem;overflow:auto}.cat-detail .detail-head{flex-direction:column;gap:.65rem}.cat-detail .pattern-block{grid-template-columns:1fr;gap:.25rem}}