/* Desktop resource workspace: a fixed navigation rail and one scrollable reading area. */
@media(min-width:721px){
  body:has(.library-shell){height:100vh;overflow:hidden}
  body:has(.library-shell) .public-top{position:fixed;inset:0 0 auto;z-index:80;width:100%}
  body:has(.library-shell) .library-shell{width:100%;height:calc(100vh - 74px);margin-top:74px;overflow-y:auto;scrollbar-gutter:stable;padding:0 32px 52px 302px}
  body:has(.library-shell) .library-shell::-webkit-scrollbar{width:9px}
  body:has(.library-shell) .library-shell::-webkit-scrollbar-thumb{border-radius:99px;background:#c4d2e8}
  body:has(.library-shell) .library-layout{display:block;padding-bottom:0}
  body:has(.library-shell) .library-hero{display:none}
  body:has(.library-shell) .library-featured{position:sticky;top:14px;z-index:20;grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);gap:20px;margin-top:14px;margin-bottom:18px;padding:16px 24px;border-radius:17px;box-shadow:0 12px 28px #153b8730}
  body:has(.library-shell) .library-featured h1{margin:5px 0;font-size:23px;line-height:1.15}
  body:has(.library-shell) .library-featured p{font-size:13px;line-height:1.45}
  body:has(.library-shell) .library-featured .library-search{width:100%;padding:13px 15px;border-color:#ffffff52;background:#ffffff18;box-shadow:none}
  body:has(.library-shell) .library-featured .library-search svg{stroke:#dbe7ff}
  body:has(.library-shell) .library-featured .library-search input{color:#fff}
  body:has(.library-shell) .library-featured .library-search input::placeholder{color:#dbe7ff}
  body:has(.library-shell) .library-filters{position:fixed;top:74px;bottom:0;left:0;z-index:30;width:270px;height:calc(100vh - 74px)!important;padding:20px 16px;border-radius:0;overflow:hidden}
  body:has(.library-shell) .library-filters h2{margin-bottom:6px}
  body:has(.library-shell) .library-filters .filter-label{margin:7px 0 2px}
  body:has(.library-shell) .library-filters .resource-filter{min-height:27px;margin:1px 0;padding:5px 9px;font-size:11px}
  body:has(.library-shell) .library-filters .filter-note{margin-top:7px;padding:8px 10px;font-size:10px;line-height:1.35}
}
@media(max-width:720px){
  .library-hero{display:none}
  .library-featured{margin-top:28px}
  .library-featured .library-search{width:100%;padding:13px 15px;border-color:#ffffff52;background:#ffffff18;box-shadow:none}
  .library-featured .library-search svg{stroke:#dbe7ff}
  .library-featured .library-search input{color:#fff}
  .library-featured .library-search input::placeholder{color:#dbe7ff}
}

/* Resource library canvas: a soft technical grid with blue/green data glows. */
body:has(.library-shell){
  background-color:var(--rl-mist);
  background-image:
    radial-gradient(circle at 90% 5%,rgba(168,198,255,.56),transparent 26rem),
    radial-gradient(circle at 4% 80%,rgba(186,240,213,.48),transparent 21rem),
    linear-gradient(rgba(175,196,224,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(175,196,224,.12) 1px,transparent 1px);
  background-size:auto,auto,32px 32px,32px 32px;
  background-attachment:fixed;
}