.data-nav { display: block; padding: .65rem 1rem; color: inherit; text-decoration: underline; }
.lookup, .data-filters { display: flex; flex-wrap: wrap; gap: .7rem; align-items: end; }
.lookup label, .data-filters label { font-weight: 600; }
.lookup input { min-width: min(21rem, 100%); flex: 1; }
.data-filters label { display: grid; gap: .25rem; }
.data-section { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #d6dfdd; }
.data-section summary { cursor: pointer; font-weight: 600; }
.data-section .table-scroll { margin-top: .8rem; }
.data-table-groups { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(18rem,100%),1fr)); gap: .6rem 1.2rem; }
.data-table-groups h3 { font-size: 1rem; }
.data-table-groups ul { padding-left: 1rem; }
.data-table-groups li { margin: .25rem 0; }
.data-table-groups small { color: #536662; }
.data-graph-scroll { overflow-x: auto; }
.data-graph-scroll svg { display: block; width: 100%; min-width: 940px; }
.data-graph-heading { font: 700 17px sans-serif; }
.data-graph-description, .data-graph-label { font: 13px sans-serif; fill: #405751; }
.data-graph-table { font: 13px ui-monospace, Menlo, monospace; fill: #14342c; }
.data-graph-scroll svg a rect { fill: #fff; }
.data-graph-scroll svg a:hover rect, .data-graph-scroll svg a:focus rect,
.data-graph-scroll svg a.data-graph-selected rect { fill: #d9f3e9; stroke-width: 2px; }
.data-fk { fill: none; stroke: #2a6f65; stroke-width: 1.6; opacity: .74; }
.data-pages { display: flex; gap: .75rem; }
#raw-table td { max-width: 28rem; overflow-wrap: anywhere; }
#raw-table td dl { min-width: 14rem; }
#raw-table td dd { margin: 0 0 .5rem; overflow-wrap: anywhere; }