.dcx{gap:var(--sp-4);grid-template-columns:232px minmax(0,1fr);align-items:start;display:grid}.dcx-rail,.dcx-main{min-width:0}.dcx-rail{border:1px solid var(--pn-gray-100);border-radius:var(--radius-lg);background:var(--pn-white);padding:var(--sp-2);box-shadow:var(--shadow-sm);position:sticky;top:96px}.dcx-rail-head{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pn-gray-500);margin:0 0 10px;padding-left:12px;font-size:.66rem;font-weight:700}.dcx-rail ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.dcx-rail-btn{align-items:center;gap:var(--sp-1);border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--pn-gray-700);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;padding:10px 12px;font-size:.9rem;font-weight:600;line-height:1.3;display:flex}.dcx-rail-label{flex:auto}.dcx-rail-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--pn-gray-500);flex:none;font-size:.74rem;font-weight:700}.dcx-rail-btn[aria-current=true]{background:var(--pn-blue-mid);border-color:var(--pn-blue-mid);color:#fff}.dcx-rail-btn[aria-current=true] .dcx-rail-count{color:#ffffffd1}.dcx-rail-btn:focus-visible{border-color:var(--pn-blue-light);outline:2px solid var(--pn-blue-accent);outline-offset:2px}.dcx-rail-total{margin:var(--sp-2) 0 0;padding:var(--sp-1) 12px 2px;border-top:1px solid var(--pn-gray-100);color:var(--pn-gray-500);font-size:.76rem;line-height:1.45}@media (hover:hover){.dcx-rail-btn{transition:background-color var(--dur-tick) var(--ease-precise), color var(--dur-tick) var(--ease-precise)}.dcx-rail-btn:hover{background:var(--pn-gray-50);color:var(--pn-blue-mid)}.dcx-rail-btn[aria-current=true]:hover{background:var(--pn-blue);color:#fff}}@media (hover:none){.dcx-rail-btn:active{background:var(--pn-gray-50)}}.dcx-search{border:1px solid var(--pn-gray-200);border-radius:var(--radius-pill);background:var(--pn-white);align-items:center;gap:10px;padding:10px 14px;display:flex}.dcx-search svg{width:18px;height:18px;color:var(--pn-gray-500);flex:none}.dcx-search input{min-width:0;font:inherit;color:var(--pn-gray-900);background:0 0;border:none;flex:auto;padding:4px 0;font-size:.95rem}.dcx-search input::placeholder{color:var(--pn-gray-500)}.dcx-search input:focus{outline:none}.dcx-search:focus-within{border-color:var(--pn-blue-light)}.dcx-clear{cursor:pointer;font:inherit;color:var(--pn-blue-mid);background:0 0;border:none;flex:none;padding:6px 4px;font-size:.82rem;font-weight:700}.dcx-searchmeta{margin:var(--sp-2) 0 0;color:var(--pn-gray-500);font-variant-numeric:tabular-nums;font-size:.85rem}.dcx-shelf{margin-top:var(--sp-3)}.dcx-shelf[hidden]{display:none}.dcx-shelf+.dcx-shelf{margin-top:var(--sp-6)}.dcx-shelf-head{margin-bottom:var(--sp-2);border-bottom:1px solid var(--pn-gray-100);grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;column-gap:10px;padding-bottom:10px;display:grid}.dcx-shelf-head h2{letter-spacing:-.01em;color:var(--pn-gray-900);margin:0;font-size:clamp(1.06rem,1.6vw,1.24rem);font-weight:700}.dcx-shelf-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--pn-blue-mid);border:1px solid var(--hairline);border-radius:var(--radius-pill);padding:2px 8px;font-size:.74rem;font-weight:700}.dcx-shelf-head p{max-width:68ch;color:var(--pn-gray-600);grid-column:1/-1;margin:8px 0 0;font-size:.9rem;line-height:1.55}.dcx-chips{margin-bottom:var(--sp-2);flex-wrap:wrap;gap:8px;display:flex}.dcx-list{border:1px solid var(--pn-gray-100);border-radius:var(--radius-lg);background:var(--pn-white);box-shadow:var(--shadow-sm);margin:0;padding:0;list-style:none;overflow:hidden}.dcx-item{border-bottom:1px solid var(--pn-gray-100);align-items:stretch;display:flex}.dcx-item:last-child{border-bottom:none}.dcx-row{align-items:center;column-gap:var(--sp-2);min-width:0;padding:12px var(--sp-2);color:inherit;flex:auto;grid-template-columns:74px minmax(0,1fr) auto auto;text-decoration:none;display:grid;box-shadow:inset 3px 0 #0000}.dcx-code{font-family:var(--font-mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--pn-blue-mid);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;font-weight:700;overflow:hidden}.dcx-list--nocode .dcx-row{grid-template-columns:minmax(0,1fr) auto auto}.dcx-title{min-width:0;color:var(--pn-gray-900);font-size:.95rem;font-weight:600;line-height:1.4}.dcx-meta{white-space:nowrap;align-items:center;gap:10px;display:flex}.dcx-family{color:var(--pn-gray-500);font-size:.78rem;font-weight:600}.dcx-rev{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--pn-gray-500);font-size:.72rem}.dcx-dl{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.1em;color:var(--pn-blue-mid);border:1px solid var(--hairline);border-radius:var(--radius-pill);background:var(--pn-white);flex:none;align-items:center;gap:7px;padding:6px 12px;font-size:.7rem;font-weight:700;display:inline-flex}.dcx-dl-glyph{display:inline-block}.dcx-row:focus-visible{outline:2px solid var(--pn-blue-accent);outline-offset:-3px;background:var(--pn-offwhite)}.dcx-product{padding:0 var(--sp-2) 0 0;color:var(--pn-gray-500);border-left:1px solid var(--pn-gray-100);padding-left:var(--sp-2);flex:none;align-items:center;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.dcx-product:focus-visible{color:var(--pn-blue-mid);text-decoration:underline}.dcx-empty{margin:var(--sp-3) 0 0;text-align:center;color:var(--pn-gray-500);font-size:.9rem}@media (hover:hover){.dcx-row{transition:background-color var(--dur-tick) var(--ease-precise), box-shadow var(--dur-tick) var(--ease-precise)}.dcx-dl{transition:border-color var(--dur-tick) var(--ease-precise), background-color var(--dur-tick) var(--ease-precise)}.dcx-row:hover{background:var(--pn-offwhite);box-shadow:inset 3px 0 0 0 var(--pn-blue-light)}.dcx-row:hover .dcx-dl{border-color:var(--pn-blue-light);background:var(--pn-white)}.dcx-product{transition:color var(--dur-tick) var(--ease-precise)}.dcx-product:hover{color:var(--pn-blue-mid);text-decoration:underline}@media (prefers-reduced-motion:no-preference){.dcx-dl-glyph{transition:transform var(--dur-move) var(--ease-precise)}.dcx-row:hover .dcx-dl-glyph{transform:translateY(2px)}}}@media (hover:none){.dcx-row:active{background:var(--pn-offwhite)}}@media (max-width:1000px){.dcx{gap:var(--sp-2);grid-template-columns:minmax(0,1fr)}.dcx-rail{padding:var(--sp-1);position:static}.dcx-rail-head{display:none}.dcx-rail ul{flex-flow:wrap;gap:6px}.dcx-rail li{flex:0 auto;min-width:0;max-width:100%}.dcx-rail-btn{border:1px solid var(--pn-gray-100);white-space:normal;overflow-wrap:anywhere}.dcx-rail-total{display:none}}@media (max-width:760px){.dcx-row{padding:14px var(--sp-2);grid-template-columns:auto minmax(0,1fr);row-gap:8px}.dcx-title{overflow-wrap:anywhere;grid-column:2}.dcx-list--nocode .dcx-row{grid-template-columns:minmax(0,1fr)}.dcx-list--nocode .dcx-title{grid-column:1}.dcx-meta{white-space:normal;flex-wrap:wrap;grid-column:1/-1;gap:4px 8px}.dcx-rev{white-space:nowrap}.dcx-dl{grid-column:1/-1;justify-self:start}.dcx-item{flex-direction:column;align-items:stretch}.dcx-product{border-left:none;border-top:1px solid var(--pn-gray-100);padding:12px var(--sp-2);align-items:center}.dcx-search input{font-size:1rem}}