.asset-library{padding:130px 0 70px;color:#314352;background:#fff}
.library-intro{max-width:850px;padding-bottom:48px}
.library-intro h1{font-size:clamp(32px,4vw,52px);line-height:1.12;margin-bottom:24px}
.library-intro p{font-size:20px;line-height:1.7}
.library-intro nav{display:flex;flex-wrap:wrap;gap:24px;margin-top:28px}
.asset-library a:not(.btn){color:#b52d10;text-decoration:underline;text-underline-offset:4px}
.asset-library a:focus-visible{outline:3px solid #314352;outline-offset:5px}
.asset-library section{padding:48px 0;border-top:1px solid #dce3e7;scroll-margin-top:100px}
.asset-library h2{font-size:30px;line-height:1.25;margin-bottom:14px}
.asset-library h3{font-size:21px;margin:18px 0 8px}
.asset-library p{line-height:1.7;max-width:75ch;margin-bottom:16px}
.library-section-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:24px}
.library-section-heading .btn{flex-shrink:0}
.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.asset-stage{background:#f1f5f6;display:flex;align-items:center;justify-content:center;aspect-ratio:1.2;border-radius:12px}
.asset-stage img{width:90%;height:90%;object-fit:contain}
.logo-stage img{width:110px;height:110px}
.asset-downloads{display:flex;flex-wrap:wrap;gap:12px 24px;line-height:1.7}
.asset-library .asset-meta{font-size:13px;color:#596976}
.library-system{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin:48px 0 24px}
.library-system>img{width:100%;border-radius:12px}
.library-note{font-size:14px;color:#596976;margin-top:28px}
.template-list{margin:24px 0}
.template-list article{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid #dce3e7}
.template-list h3{margin:0}
@media(max-width:900px){.library-section-heading{align-items:flex-start;flex-direction:column}.library-grid{gap:20px}.template-list article{flex-direction:column;gap:12px}}
@media(max-width:600px){.library-grid,.library-system{grid-template-columns:1fr}.asset-stage{aspect-ratio:1.4}.library-system{gap:12px}.asset-library{padding-top:110px}.library-intro p{font-size:18px}}
/* The active service set is landscape artwork on white, not transparent icons. */
#illustrations .library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
#illustrations .asset-stage, #protocol-illustrations .asset-stage { aspect-ratio:3/2; background:#fff; border-radius:0; }
#illustrations .asset-stage img, #protocol-illustrations .asset-stage img { width:100%; height:auto; }
@media(max-width:600px) { #illustrations .library-grid { grid-template-columns:1fr; } }