.lib .lede {
font-size: var(--px-t-body);
line-height: 1.55;
margin-top: var(--px-3);
max-width: 48ch}
.lib .lcount {
color: var(--px-dim);
font-size: var(--px-t-ui);
margin-top: var(--px-2)}
.lib .reason { color: var(--px-dim); font-size: var(--px-t-ui); margin-top: var(--px-2); }
.lib .trust {
color: var(--px-dim);
font-size: var(--px-t-micro);
line-height: 1.5;
margin-top: var(--px-3);
max-width: 46ch}
.lib .lcart {
color: var(--px-dim);
font-size: var(--px-t-micro);
margin-top: var(--px-2);
max-width: 46ch}
.lib .lterr, .lib .lshot, .lib .lanchor, .lib .lnest { padding-block: 0; }
.lib .lnot {
margin-top: var(--px-8);
color: var(--px-dim);
font-size: var(--px-t-ui);
line-height: 1.55;
max-width: 62ch;
padding-bottom: var(--px-6);
border-bottom: var(--px-hair) solid var(--px-rule)}
.lib .lh2 { font-size: var(--px-t-h2); margin-top: var(--px-8); }
.lterrs {
display: grid;
gap: var(--px-8);
margin-top: var(--px-6)}
.lterr h3 {
font-size: var(--px-t-h3);
margin: 0}
.lterr-n {
color: var(--px-dim);
font-size: var(--px-t-micro);
margin: var(--px-1) 0 var(--px-3)}
.lshots {
display: grid;
gap: var(--px-6);
margin-top: var(--px-6)}
.lshot { margin: 0; }
.lshot figcaption {
color: var(--px-dim);
font-size: var(--px-t-micro);
line-height: 1.45;
margin-top: var(--px-2)}
.lshot .cmp + figcaption {
position: static; width: auto; height: auto; clip-path: none}
.lterr-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: var(--px-2)}
.lterr-list li.rest { border: 0; color: var(--px-dim); padding-inline: 0; }
.lib .lall { margin-top: var(--px-6); font-size: var(--px-t-ui); }
.lterr-list li {
font-size: var(--px-t-micro);
color: var(--px-chalk);
border: var(--px-hair) solid var(--px-rule);
border-radius: var(--px-r-pill);
padding: 5px var(--px-3)}
.lib #overlap:not(:empty) { padding-bottom: var(--px-8); }
.lib .lfacts { margin-top: 0; max-width: 560px; }
.lib .lown { margin-top: 0; }
.lown-n {
font-size: var(--px-t-ui);
margin-top: var(--px-3)}
.lanchor, .lnest { margin-top: var(--px-10); }
.lanchor h2, .lnest h2 { font-size: var(--px-t-h2); margin: 0 0 var(--px-3); }
.lanchor p, .lnest p {
color: var(--px-dim);
font-size: var(--px-t-ui);
line-height: 1.55;
max-width: 62ch;
margin: 0 0 var(--px-4)}
.lanchor .owned-list a, .lnest .owned-list a {
color: inherit; text-decoration: underline; text-underline-offset: 3px;
text-decoration-color: var(--px-rule)}
.lnest-more { color: var(--px-dim); font-size: var(--px-t-micro); }
.lib .maker .wrap { padding-inline: 0; }
@media (min-width: 720px) {
.lterrs, .lshots { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
.lterrs { grid-template-columns: repeat(3, 1fr); gap: var(--px-6); }
.lshots { grid-template-columns: repeat(3, 1fr); gap: var(--px-6); }
.lib .lh2 { margin-top: var(--px-10); }
}
