.library-hero{background:#071727;color:#fff;padding:74px 0 48px;border-bottom:3px solid #bd9443}.library-hero h1{max-width:940px;font-size:clamp(38px,5vw,66px);line-height:1.06}.library-intro{max-width:750px;color:#d7e4ee;font-size:20px;line-height:1.65}.library-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.library-paths a{display:flex;justify-content:space-between;gap:16px;padding:21px;border:1px solid #607080;border-radius:8px;color:#fff;background:#11283b;font-weight:700}.library-paths a:hover{background:#203c52;border-color:#d1ab60}.library-controls{display:grid;grid-template-columns:2fr 1fr;gap:24px;max-width:960px}.library-controls label{display:block;font-weight:750;margin-bottom:8px;color:#152c41}.library-controls input,.library-controls select{width:100%;padding:14px 16px;min-height:52px;border:1px solid #728397;border-radius:6px;background:white;color:#142c40;font:inherit}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.library-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #c4d1df;border-radius:10px;background:white;color:#132e45;box-shadow:0 5px 18px #11283b09;text-decoration:none;transition:transform .18s,box-shadow .18s}.library-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #11283b18}.library-card:focus-visible,.library-paths a:focus-visible{outline:3px solid #036eb0;outline-offset:4px}.library-card-image{aspect-ratio:16/9;background:#e7edf3;overflow:hidden}.library-card-image img{width:100%;height:100%;object-fit:contain}.library-card-body{display:flex;flex-direction:column;flex:1;padding:24px}.library-card h2{font-size:25px;line-height:1.22;margin:0 0 15px;color:#102c43}.library-card p{font-size:16px;line-height:1.6;color:#42586a;margin:0 0 24px}.library-card-body>span{margin-top:auto;color:#075e92;font-weight:750}.library-card[hidden]{display:none}#library-count{color:#43586a;margin:24px 0}#library-empty{padding:24px;background:white;border:1px solid #ccd8e2;border-radius:8px}@media(max-width:1000px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.library-hero{padding:40px 0 30px}.library-intro{font-size:18px}.library-paths,.library-controls,.library-grid{grid-template-columns:1fr}.library-card-body{padding:20px}.library-paths{gap:10px}.library-paths a{padding:16px}}
