/* Resource library archive (template-parts/library.php, assets/js/library.js).
   The design itself ships in the editorial bundle (dt-resources.css); this file only covers what the
   native page does differently: links where the app used buttons and the no-JavaScript Apply button.
   Loaded after wordpress.css; two-class selectors outrank its rules. */

/* The archive is a plain GET form without JavaScript; once the live filter runs, Apply is redundant. */
.dt .rs-apply { justify-self: start; height: 48px; padding: 0 24px; }
.dt .rs-tools.is-js .rs-apply { display: none; }
.dt .rs-tools .rs-search input { min-height: 0; -webkit-appearance: none; appearance: none; }
@media (hover: none), (max-width: 700px) {
  .dt .rs-key { display: none; }
}

/* Shelf, chip and pager links behave like the app's buttons. */
.dt .rs-rail-g > .k .x { font-family: var(--mono); }
.dt .rs-pager .btns a:hover { border-color: var(--red); color: var(--red); }
.dt .rs-pager .btns a.on { background: var(--cream-ink); border-color: var(--cream-ink); color: #fff; }
.dt .rs-pager .btns span.dir { opacity: .4; }
.dt .rs-suggest [role="group"] + [role="group"], .dt .rs-suggest [role="group"] + [role="presentation"] { margin-top: 6px; border-top: 1px solid #ebe6da; padding-top: 6px; }
.dt .rs-tools.is-open .rs-search input { border-color: var(--red); }