/* Collection cards: preserve editorial image composition in both themes. */
[data-design-system="0.1"] :is(.library-feature__image,.library-row__image,.reference-story__image){min-width:0;background:var(--wash);border-radius:var(--radius-lg);overflow:hidden}
[data-design-system="0.1"] :is(.library-feature__image,.library-row__image,.reference-story__image) img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;max-height:none;border-radius:0}
[data-design-system="0.1"] .library-feature__grid{gap:var(--space-10);align-items:center}
[data-design-system="0.1"] .library-feature__copy h2{font:var(--t-display);margin-block:var(--space-4);max-width:28ch}
[data-design-system="0.1"] :is(.library-feature__copy h2,.library-row h3,.reference-story h3) a{color:inherit;text-decoration:none}
[data-design-system="0.1"] :is(.library-feature__copy h2,.library-row h3,.reference-story h3) a:hover{color:var(--muted);text-decoration:none}
[data-design-system="0.1"] .library-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);align-items:stretch;margin-top:var(--space-6)}
[data-design-system="0.1"] .library-row:not([hidden]){display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);min-width:0}
[data-design-system="0.1"] .library-row[hidden]{display:none}
[data-design-system="0.1"] .library-row__image{display:block;width:100%}
[data-design-system="0.1"] .library-row>div:last-child{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}
[data-design-system="0.1"] .library-row h3{font:var(--t-title);margin-block:var(--space-3);overflow-wrap:break-word}
[data-design-system="0.1"] .library-row__summary{font:var(--t-copy);margin:0 0 var(--space-5);color:var(--muted)}
[data-design-system="0.1"] .library-row .library-meta{margin-top:auto;padding-top:var(--space-3);font:var(--t-meta);gap:var(--space-2) var(--space-3);color:var(--muted)}
[data-design-system="0.1"][data-page="references"] .reference-story{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8);padding:var(--space-6);border:1px solid var(--line);box-shadow:none;align-items:center}
[data-design-system="0.1"][data-page="references"] .reference-story--media{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
[data-design-system="0.1"] .reference-story__identity{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-4)}
[data-design-system="0.1"] .reference-story__identity>.meta{flex-basis:100%}
[data-design-system="0.1"] .reference-story__identity :is(.reference-client,.reference-industry){font:var(--t-meta);margin:0;color:var(--muted)}
[data-design-system="0.1"] .reference-story__identity .reference-logo{max-width:100px;max-height:40px;margin:0;object-fit:contain}
[data-design-system="0.1"] .reference-story__body h3{font:var(--t-title);margin:0 0 var(--space-4);max-width:32ch}
[data-design-system="0.1"] .reference-story__body>p{margin:0;font:var(--t-copy);color:var(--muted);max-width:var(--measure)}
[data-design-system="0.1"] .reference-read{margin-top:var(--space-5);min-height:var(--hit)}
@media(max-width:1000px){[data-design-system="0.1"] .library-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){
 [data-design-system="0.1"] .library-feature__grid{grid-template-columns:1fr;gap:var(--space-6)}
 [data-design-system="0.1"][data-page="references"] .reference-story--media{grid-template-columns:1fr}
}
@media(max-width:600px){
 [data-design-system="0.1"] .library-list{grid-template-columns:1fr}
 [data-design-system="0.1"] .library-feature__copy h2{font:var(--t-title)}
 [data-design-system="0.1"][data-page="references"] .reference-story{padding:var(--space-5);gap:var(--space-5)}
}
[data-design-system="0.1"] .reference-story__identity{text-align:left;justify-content:flex-start}
[data-design-system="0.1"] .reference-story__identity>*{text-align:left}
[data-design-system="0.1"] .reference-story__image img{aspect-ratio:auto}
[data-design-system="0.1"] .reference-story__identity{flex-direction:row;align-items:baseline}
[data-design-system="0.1"] .library-journal .answers-search label{display:block;font:var(--t-meta)}
[data-design-system="0.1"] .library-journal input[type="search"]{display:block;box-sizing:border-box;font:var(--t-copy);height:48px;min-height:48px}

/* The customer strip uses monochrome marks on the page, like the home strip.
   Transparent white source logos must not sit on a white plate in dark mode. */
[data-design-system="0.1"][data-page="references"] :is(.reference-logos img,.reference-logo){
 filter:var(--customer-logo-filter);
 background:transparent;
}