.public-data-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}
.public-data-metrics article{border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:18px;background:rgba(255,255,255,.035)}
.public-data-metrics strong{display:block;font-size:2rem;line-height:1}.public-data-metrics span{display:block;margin-top:8px;opacity:.72}
.data-filter{min-height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#0b1c30;color:#fff;padding:0 12px}
.public-data-list{display:grid;gap:14px}
.public-data-card{border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px;background:rgba(255,255,255,.035)}
.public-data-card-head{display:flex;gap:18px;align-items:flex-start;justify-content:space-between}.public-data-card h3{margin:.2rem 0 0}
.data-state{white-space:nowrap;font-size:.76rem;letter-spacing:.09em;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 9px}
.public-data-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:16px 0}
.public-data-card dl div{border-top:1px solid rgba(255,255,255,.1);padding-top:9px}.public-data-card dt{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.public-data-card dd{margin:3px 0 0;overflow-wrap:anywhere}
.public-data-card code{font-size:.78rem;overflow-wrap:anywhere}.source-url a,.public-data-download{display:inline-block;font-weight:700}.public-data-card details{margin-top:12px}.public-data-card details p{overflow-wrap:anywhere}
@media(max-width:760px){.public-data-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.public-data-card dl{grid-template-columns:1fr}.public-data-card-head{display:block}.data-state{display:inline-block;margin-top:10px}}

.data-state.observed{border-color:rgba(255,200,90,.45);background:rgba(255,200,90,.08)}