.library-front,.library-hub{max-width:1080px}
.library-front h2{margin:1.5rem 0 .65rem}
.library-front [role=search]{max-width:42rem;margin:auto}
.library-front label{display:block;font-weight:800;margin-bottom:.35rem}
.library-front input{width:100%;padding:.75rem 1rem;border:1px solid var(--line);border-radius:1rem;font:inherit}
.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.library-panel,.library-post{padding:1rem;border:1px solid var(--line);border-radius:1rem;background:white;overflow-wrap:anywhere}
.library-post .body{padding:0}
.library-panel li,.library-hub li,#library-results li{margin:.45rem 0}
.library-panel ul,.library-hub ul,#library-results{padding-inline-start:1.3rem}
.library-panel a,.library-hub a,#library-results a,.library-local a{color:var(--teal-d);text-decoration:underline;text-underline-offset:.15em}
.library-all{font-weight:800}
.library-hub{padding-block:1rem 2rem}
.library-hub h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.05;margin:.6rem 0}
.library-hub .library-intro{max-width:65ch}
.library-hub section{padding:0;margin:1rem 0;scroll-margin-top:6rem}
.library-topics{display:flex;flex-wrap:wrap;gap:.35rem .7rem;margin-block:.75rem}
.library-topics a{font-weight:800}
#library-results small{display:block}
@media(max-width:760px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.library-grid{grid-template-columns:1fr}}
@media(max-width:500px){
  .library-hub{padding-block-start:.65rem}
  .library-hub h1{font-size:1.85rem}
  .library-hub .library-intro{font-size:.95rem;line-height:1.45;margin-bottom:.5rem}
  .library-topics{font-size:.88rem;line-height:1.35;gap:.35rem .6rem;margin-block:.5rem}
  .library-hub section{margin-top:.65rem}
}
