/* Approved shared introduction: title, full-width overview, three context columns. */
:root:root :is(.article-library,.knowledge-library) .library-intro--compact{grid-template-columns:minmax(0,1fr);gap:28px}
:root:root :is(.article-library,.knowledge-library) .library-title{padding-top:0}
:root:root :is(.article-library,.knowledge-library) .library-intro-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:20px;align-items:start}
.library-intro-overview{min-width:0}
:root:root :is(.article-library,.knowledge-library) .library-intro-copy .library-lead{font-size:18px;line-height:1.6}
:root:root :is(.article-library,.knowledge-library) .library-intro-copy .library-context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;margin:0;min-width:0}
:root:root :is(.article-library,.knowledge-library) .library-context>div{padding:0;min-width:0}
:root:root :is(.article-library,.knowledge-library) .library-context>div+div{margin:0;padding:0 0 0 24px;border-top:0;border-left:1px solid color-mix(in srgb,currentColor 20%,transparent)}
:root:root :is(.article-library,.knowledge-library) .library-context>div>p.eyebrow{display:block;margin:0 0 8px;font-size:var(--type-eyebrow-size);line-height:1.6;letter-spacing:.7px}
:root:root :is(.article-library,.knowledge-library) .library-context>div>p:last-child{display:block;font-size:16px;line-height:1.6;margin:0}
@media(max-width:720px){
 :root:root :is(.article-library,.knowledge-library) .library-intro--compact{gap:22px}
 :root:root :is(.article-library,.knowledge-library) .library-intro-copy{gap:22px;padding:20px}
 :root:root :is(.article-library,.knowledge-library) .library-intro-copy .library-context{grid-template-columns:minmax(0,1fr);gap:18px}
 :root:root :is(.article-library,.knowledge-library) .library-context>div+div{padding:18px 0 0;border-left:0;border-top:1px solid color-mix(in srgb,currentColor 20%,transparent)}
}

/* Section counts sit at the right edge beside the heading, above the panel. */
:root:root :is(.article-library,.knowledge-library) .library-title{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:24px}
:root:root :is(.article-library,.knowledge-library) .library-title>.eyebrow{grid-column:1/-1}
:root:root :is(.article-library,.knowledge-library) .library-title>h1{grid-column:1;grid-row:2}
:root:root :is(.article-library,.knowledge-library) .library-title-count{grid-column:2;grid-row:2;margin:0;text-align:right;font-size:18px;line-height:1.6}
@media(max-width:720px){
 :root:root :is(.article-library,.knowledge-library) .library-title{grid-template-columns:minmax(0,1fr);row-gap:10px}
 :root:root :is(.article-library,.knowledge-library) .library-title>.eyebrow{margin-bottom:0}
 :root:root :is(.article-library,.knowledge-library) .library-title-count{grid-column:1;grid-row:3;justify-self:end;font-size:16px}
}