.db-shell{padding-block:clamp(1.5rem,4vw,3.4rem) 4rem}.db-heading{flex-wrap:wrap;align-items:baseline;gap:.25rem clamp(1.2rem,4vw,3.2rem);margin-block:0 1.5rem;display:flex}.db-heading h1,.db-heading p{margin:0}.db-heading h1{font-family:var(--display,inherit);text-transform:uppercase;font-size:clamp(2.6rem,7vw,5rem);line-height:.97}.db-heading p{max-width:40rem;line-height:1.55}.db-workspace{border-block:1px solid var(--line);grid-template-columns:minmax(8.8rem,.7fr) minmax(0,3.8fr) minmax(13rem,1.4fr);align-items:start;gap:.8rem;padding-block:.8rem;display:grid}.db-rail{border-inline-end:1px solid var(--line);padding-inline-end:.6rem}.db-rail nav{gap:.25rem;display:grid}.db-category-link{color:var(--muted);padding:.56rem .62rem;font-size:.88rem;line-height:1.2;text-decoration:none;display:block}.db-category-link:hover,.db-category-link:focus-visible{color:var(--text);background:var(--surface)}.db-category-link[aria-current=page]{color:var(--bg);background:var(--accent);font-weight:700}.db-rail-filters{border-block-start:1px solid var(--line);gap:.85rem;margin-block-start:.8rem;padding:.8rem .25rem 0;display:grid}.db-rail-filters label,.db-toolbar label,.db-rank-controls label{color:var(--muted);gap:.35rem;font-size:.82rem;display:grid}.db-rail-filters select,.db-toolbar input[type=search],.db-rank-controls select{border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:0;padding:.53rem .6rem}.db-toolbar{flex-wrap:wrap;align-items:end;gap:.65rem 1.1rem;margin-block:0 .5rem;display:flex}.db-search-field{flex:14rem}.db-stat-controls{flex:0 12rem;grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.db-stat-controls label>span,.db-rank-controls label>span{white-space:nowrap;justify-content:space-between;gap:.4rem;display:flex}.db-stat-controls input[type=range],.db-rank-controls input[type=range]{width:100%;accent-color:var(--accent);margin:.3rem 0}.db-stat-controls output,.db-rank-controls output{color:var(--accent);font-weight:700}.db-count{margin:.45rem 0;font-size:.78rem}.db-table-frame{overscroll-behavior:contain;border-block:1px solid var(--line);max-block-size:37rem;overflow:auto}.db-table{border-collapse:collapse;text-align:start;width:100%;font-size:.875rem;line-height:1.4}.db-table :is(th,td){text-align:start;border-block-end:1px solid var(--line);padding:.6rem .58rem}.db-table thead th{z-index:2;background:var(--surface);color:var(--muted);text-transform:uppercase;letter-spacing:.055em;font-size:.69rem;font-weight:650;position:sticky;inset-block-start:0}.db-table tbody tr[data-selected=true]{background:color-mix(in srgb, var(--accent) 13%, var(--bg))}.db-table tbody tr:last-child td{border-block-end:0}.db-table tbody :is(a,td:first-child){font-weight:650}.db-table tbody td:nth-child(3){color:var(--muted)}.db-item-stat{white-space:nowrap;color:var(--accent)}.db-no-results{color:var(--muted);border:1px solid var(--line);padding:1rem}.db-inspector.panel{border:1px solid var(--line);padding:0}.db-inspector-render{object-fit:cover;object-position:center 28%;border-block-end:1px solid var(--line);background:var(--bg);width:100%;max-height:12rem;display:block}.db-inspector-body{padding:.85rem}.db-inspector h2{font-family:var(--display,inherit);margin:.05rem 0;line-height:1.05}.db-inspector p{margin:.45rem 0;font-size:.87rem;line-height:1.45}.db-rank-label{background:var(--gold);color:var(--bg);text-transform:uppercase;margin-block-end:.45rem;padding:.12rem .44rem;font-size:.72rem;font-weight:750;display:inline-block}.db-inspector .button{margin-block-start:.65rem}.db-facts{margin:.8rem 0}.db-facts>div{border-block-start:1px solid var(--line);grid-template-columns:minmax(4rem,.75fr) minmax(0,1.25fr);gap:.45rem;padding:.43rem 0;font-size:.82rem;display:grid}.db-facts dt{color:var(--muted)}.db-facts dd{overflow-wrap:anywhere;margin:0}.db-breadcrumb{color:var(--muted);flex-wrap:wrap;gap:.5rem;margin-block-end:.9rem;font-size:.86rem;display:flex}.db-detail-layout{grid-template-columns:minmax(0,1.7fr) minmax(14rem,1fr);align-items:start;gap:.8rem;display:grid}.db-detail-main{padding:1rem}.db-detail-main h2,.db-rank-panel h2{font-family:var(--display,inherit)}.db-detail-main h2{margin-block:1.05rem .45rem}.db-detail-main .button{margin-block-start:1rem}.db-detail-list{margin:0;padding:0;list-style:none}.db-detail-list>li{border-block-start:1px solid var(--line);gap:.3rem;padding:.62rem .15rem;display:grid}.db-detail-list>li>span{color:var(--muted)}.db-detail-render{margin:0;padding:0}.db-detail-render img{width:100%;object-fit:contain;max-block-size:30rem;display:block}.db-detail-render figcaption{color:var(--muted);border-block-start:1px solid var(--line);padding:.65rem;font-size:.8rem}.db-source{overflow-wrap:anywhere;font-size:.8rem}.db-rank-panel{grid-column:1/-1;padding:1rem}.db-rank-panel-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.db-rank-panel-title h2{margin:0}.db-rank-panel-title output{color:var(--accent);font-weight:700}.db-rank-controls{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:1rem;margin-block:1rem;display:grid}@media (max-width:64rem){.db-workspace{grid-template-columns:minmax(8rem,.9fr) minmax(0,4fr)}.db-inspector{grid-column:2}.db-inspector-render{object-fit:contain}}@media (max-width:42rem){.db-heading h1{font-size:clamp(2.5rem,12vw,4.4rem)}.db-workspace,.db-detail-layout{grid-template-columns:minmax(0,1fr)}.db-rail{border-inline-end:0;padding:0}.db-rail nav{flex-wrap:wrap;gap:.3rem;display:flex}.db-category-link{border:1px solid var(--line);padding:.45rem .5rem}.db-rail-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.db-stat-controls{flex-basis:100%}.db-inspector{grid-column:1}.db-table-frame{max-block-size:34rem}.db-table th,.db-table td{padding-inline:.35rem}.db-table th:nth-child(3),.db-table td:nth-child(3){max-width:8rem}.db-table tbody{font-size:.76rem}.db-rank-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (hover:none){.db-shell :is(select,input[type=search]){font-size:1rem}}