.library-page section[id]{scroll-margin-top:115px}
.library-sections{display:flex;flex-wrap:wrap;gap:8px 30px;border-block:1px solid var(--line);padding-block:8px}
.library-sections>a{display:flex;align-items:center;min-height:44px;font-size:13px}
.library-sections>a:hover{color:var(--amber)}
.library-families{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 60px}
.library-family{border-top:2px solid var(--navy);padding-top:24px;min-width:0}
.library-family h3{font-size:39px;line-height:1.08}
.library-family>p{font-size:13px;line-height:1.85;color:var(--muted);max-width:50ch;margin:17px 0 24px}
.library-family .pg-library-index{grid-template-columns:1fr}
.library-family .pg-library-index>a{min-height:52px;font-size:13px;align-items:center}
.library-family .pg-library-index>a>span{color:var(--amber)}
.library-page a:focus-visible{outline:2px solid var(--amber);outline-offset:4px}
@media(max-width:700px){
.library-page section[id]{scroll-margin-top:90px}
.library-sections{gap:0 22px}
.library-sections>a{font-size:12px}
.library-families{grid-template-columns:1fr;gap:35px}
.library-family h3{font-size:35px}
.library-family>p{font-size:14px;line-height:1.8;margin:15px 0}
.library-family .pg-library-index>a{font-size:14px}
.library-page .pg-library-type h3{font-size:41px}
.library-page .pg-library-type p{font-size:14px;line-height:1.85}
.library-page .pg-swatch{font-size:12px;height:112px;line-height:1.7;padding:13px}
}