.lens { padding-block: var(--px-6) var(--px-12); }
.lens > .wrap > h1 { font-size: var(--px-t-h2); line-height: 1.12;
font-weight: 800; letter-spacing: -.02em; }
.ltrust, .lnote { color: var(--px-dim); font-size: var(--px-t-ui);
margin-top: var(--px-3); max-width: 62ch; }
.lnote { padding-inline-start: var(--px-3);
border-inline-start: 2px solid var(--px-rule); }
.lens .grid { margin-top: var(--px-6); }
.grid.ranks, .grid.facts { list-style: none; padding: 0; }
.grid.ranks > li, .grid.facts > li { display: flex; flex-direction: column;
min-width: 0; }
.grid.ranks > li > .card, .grid.facts > li > .card { flex: 1 1 auto; }
.lgroup { padding-block: 0; margin-top: var(--px-10); }
.lgroup > .head { margin-bottom: var(--px-5); }
.lgroup > .head > h2 { font-size: var(--px-t-h3); line-height: 1.15;
font-weight: 800; letter-spacing: -.015em; }
@media (min-width: 1024px) { .lgroup { margin-top: var(--px-12); } }
.lfact { margin-top: var(--px-3); color: var(--px-dim);
font-size: var(--px-t-micro); line-height: 1.45; }
.grid.ranks { counter-reset: lrank; }
.grid.ranks > li { counter-increment: lrank; }
.grid.ranks > li::before {
content: counter(lrank);
display: block; margin-bottom: var(--px-2);
color: var(--px-dim);
font-size: var(--px-t-h3); font-weight: 800; line-height: 1;
letter-spacing: -.02em; font-variant-numeric: tabular-nums}
.coming { margin-top: var(--px-12); padding-top: var(--px-6);
border-top: var(--px-hair) solid var(--px-rule); }
.coming > h2 { font-size: var(--px-t-h3); font-weight: 800;
letter-spacing: -.015em; }
.lcoming { list-style: none; padding: 0; margin-top: var(--px-4);
display: flex; flex-wrap: wrap; gap: var(--px-2); }
.lcoming li { border: var(--px-hair) solid var(--px-rule);
border-radius: var(--px-r-chip); padding: 6px var(--px-3);
color: var(--px-dim); font-size: var(--px-t-ui); }
.lnone { margin-top: var(--px-8); color: var(--px-dim);
font-size: var(--px-t-ui); }
.lnone a { color: var(--px-chalk); text-decoration: underline; }