.d-strip{display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--ink);color:#fff;padding:10px 14px 7px;font-family:var(--slab);font-weight:600;font-size:14px;letter-spacing:.07em;text-transform:uppercase;line-height:1.1}
.d-strip-note{color:var(--yellow);text-align:right;min-width:0}
.d-wiring{height:10px;background:linear-gradient(90deg,var(--yellow) 0 25%,var(--blue) 25% 50%,var(--green) 50% 75%,var(--violet) 75%);border-bottom:var(--rule) solid var(--ink)}
.d-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.d-chips .chip{min-height:36px;font-size:16px;padding:8px 11px 6px}

.d-db{background:var(--paper);border:3px solid var(--ink);box-shadow:10px 10px 0 rgba(20,23,26,.16);min-width:0}
.d-filter{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 14px;padding:16px 22px 18px;background:var(--tint);border-bottom:var(--rule) solid var(--ink)}
.d-field{display:flex;flex-direction:column;gap:4px;min-width:0}
.d-field label,.d-sort label{font-family:var(--slab);font-weight:700;font-size:14.5px;letter-spacing:.07em;text-transform:uppercase;line-height:1.2}
.d-field input,.d-field select,.d-sort select{width:100%;min-width:0;height:46px;border:var(--rule) solid var(--ink);border-radius:0;background-color:#fff;padding:0 12px;font:inherit;font-size:17px;color:var(--ink);appearance:none}
.d-field input::placeholder{color:var(--grey)}
.d-field select,.d-sort select{padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:right 19px center,right 12px center;background-size:7px 7px;background-repeat:no-repeat;cursor:pointer;text-overflow:ellipsis}
.d-field select:focus-visible,.d-sort select:focus-visible{outline:3px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 2px #fff,0 0 0 9px var(--yellow)}
.d-field-search{grid-column:1/span 3}
.d-filter-actions{grid-column:4/-1;display:flex;align-items:flex-end;justify-content:flex-end;gap:10px}
.d-filter-toggle{display:none}
.d-result{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;padding:12px 22px 10px;border-bottom:1px solid var(--hair)}
.d-count{font-family:var(--slab);font-weight:700;font-size:22px;line-height:1.1;padding-top:3px}
.d-sort{display:flex;align-items:center;gap:10px}
.d-sort select{width:auto;height:44px}
.d-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:22px}
.d-tiles[hidden],.d-tile[hidden],.d-empty[hidden],.d-pages[hidden]{display:none}
.d-tile{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--paper);border:var(--rule) solid var(--ink);transition:transform var(--t-snap) var(--move),box-shadow var(--t-snap) var(--move)}
.d-tile:hover,.d-tile:focus-within{transform:translateY(-6px) rotate(-1.2deg);box-shadow:6px 9px 0 rgba(20,23,26,.16)}
.d-tile-shot{position:relative;display:block;flex:none;border-bottom:var(--rule) solid var(--ink)}
.d-tile-shot .slot-fill{background-color:var(--tone)}
.d-tile-body{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;padding:12px 14px 10px}
.d-tile-maker{font-family:var(--slab);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;color:var(--grey)}
.d-tile-name{font-family:var(--slab);font-weight:700;font-size:24px;line-height:1.06;overflow-wrap:anywhere}
.d-tile-name a{text-decoration:none}
.d-tile-name a::after{content:"";position:absolute;inset:0}
.d-tile-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.d-tag-none{font-weight:400;color:var(--grey);border-color:var(--grey);white-space:normal}
.d-tile-facts{margin-top:auto;border-top:var(--rule) solid var(--ink)}
.d-tile-facts div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:6px 0 4px}
.d-tile-facts div + div{border-top:1px solid var(--hair)}
.d-tile-facts dt{color:var(--grey);font-size:14.5px;line-height:1.25}
.d-tile-facts dd{font-family:var(--slab);font-weight:700;font-size:17px;line-height:1.15;text-align:right}
.d-tile-facts dd.unknown{font-family:var(--sans);font-weight:400;font-size:15.5px}
.d-empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:34px 22px 36px}
.d-empty-title{font-family:var(--slab);font-weight:800;font-size:34px;line-height:1}
.d-empty p{max-width:47ch}
.d-pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;border-top:2px dashed var(--ink);padding:14px 22px}
.d-pages ol{display:flex;gap:6px}
.d-page{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border:var(--rule) solid var(--ink);background:var(--paper);font-family:var(--slab);font-weight:800;font-size:19px;line-height:1;padding:3px 6px 0;text-decoration:none;transition:background-color var(--t-snap) linear}
.d-page:hover{background:var(--tint)}
.d-page[aria-current]{background:var(--tone);color:var(--on-tone)}
.d-shelf{margin-bottom:14px}
.d-source-two{grid-template-columns:repeat(2,minmax(0,1fr))}

@media (max-width:1180px){
  .d-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1020px){
  .d-source-two{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:1000px){
  .d-filter{grid-template-columns:repeat(3,minmax(0,1fr))}
  .d-field-search{grid-column:1/-1}
  .d-filter-actions{grid-column:1/-1;order:9;justify-content:flex-start}
}
@media (max-width:900px){
  .d-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .d-db{box-shadow:5px 5px 0 rgba(20,23,26,.16)}
  .d-strip{font-size:13px;padding:8px 12px 5px}
  .d-db .d-strip-note{display:none}
  .d-filter{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 12px 14px}
  .d-filter-actions{order:0;justify-content:space-between}
  .d-filter-actions .btn{font-size:17px;white-space:nowrap;padding-inline:12px}
  .d-filter-actions .btn-quiet{padding-inline:2px}
  .d-field label{font-size:13px;letter-spacing:.03em;overflow-wrap:anywhere}
  .d-db.is-live .d-filter-toggle{display:inline-flex}
  .d-db.is-live:not(.is-open) .d-field-select{display:none}
  .d-result{padding:10px 12px 8px}
  .d-count{font-size:20px}
  .d-sort{width:100%}
  .d-sort select{flex:1;width:auto;min-width:0}
  .d-shelf .teaser-kicker{font-size:12.5px}
  .d-tiles{gap:10px;padding:12px}
  .d-tile-shot .slot-note{display:none}
  .d-tile-body{padding:9px 9px 8px}
  .d-tile-maker{font-size:12.5px;letter-spacing:.04em}
  .d-tile-name{font-size:19px}
  .d-tile-tags .format{font-size:13px;white-space:normal;line-height:1.15}
  .d-tile-facts div{display:block}
  .d-tile-facts dt{font-size:13.5px}
  .d-tile-facts dd{text-align:left}
  .d-empty{padding:26px 12px 28px}
  .d-empty-title{font-size:28px}
  .d-pages{padding:12px}
  .d-pages .btn{flex:1}
}
@media (pointer:coarse),(max-width:760px){
  .d-chips .chip{min-height:44px}
}
.page-slots .marks{align-content:start}