/* sitekits dataexplorer kit. Colours come from the core tokens. */
.hero-inline{padding:1.2rem 0 .4rem}
.hero-inline .lead,.dx-head .lead{font-size:1.1rem;color:var(--muted);max-width:68ch}
.dx-head{padding:.4rem 0 .2rem}
.dx-head h1{margin-bottom:.3em}
.dx-cta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
article.dx-entity p,article.dx-group p,article.dx-hub p,article.dx-compare p{max-width:72ch}
article section{margin-top:.4rem}
/* stats */
.dx-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;list-style:none;margin:1.1rem 0;padding:0}
.dx-stats li{background:var(--surface);border:1px solid var(--rule);border-radius:14px;padding:.8rem .95rem;display:flex;flex-direction:column;gap:.1rem}
.dx-stat-v{font-size:1.75rem;font-weight:750;line-height:1.1;color:var(--accent);font-variant-numeric:tabular-nums}
.dx-stat-l{font-size:.9rem;font-weight:600}
.dx-stat-s{font-size:.82rem;color:var(--muted)}
/* tables */
.dx-table .table-wrap{margin:.6rem 0 1.2rem;max-height:none}
.dx-t td a{font-weight:600}
.dx-t td:first-child{min-width:11rem}
.dx-cmp th[scope=row]{min-width:9rem}
.dx-t th[data-sort]{cursor:pointer;user-select:none}
.dx-t th[data-sort]:hover{background:var(--rule)}
.dx-t th[data-sort] button{all:unset;cursor:pointer;display:inline-flex;gap:.3rem;align-items:center;min-height:32px}
.dx-t th[data-sort] button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.dx-t th[aria-sort=ascending] button::after{content:"\25B2";font-size:.7em}
.dx-t th[aria-sort=descending] button::after{content:"\25BC";font-size:.7em}
.dx-t tbody tr:hover td{background:var(--tint)}
.dx-t tr[hidden]{display:none}
.dx-cmp th[scope=row]{font-weight:600;background:transparent;white-space:normal}
.dx-cmp td.dx-win{font-weight:750;color:var(--accent)}
.dx-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem .9rem;align-items:end;margin:.6rem 0}
.dx-tools[hidden]{display:none}
.dx-tools .field{margin:0}
.dx-tools label{font-size:.9rem}
.dx-count{grid-column:1/-1;margin:0;color:var(--muted)}
/* assumptions */
.dx-assume[hidden]{display:none}
.dx-h{font-weight:700;font-size:1.05rem;margin:0 0 .3rem}
.dx-asm-text{font-size:.95rem;color:var(--muted)}
/* figures and svg */
.dx-fig{margin:1rem 0;background:var(--surface);border:1px solid var(--rule);border-radius:14px;padding:.8rem .9rem .5rem;max-width:560px}
.dx-fig figcaption{font-size:.85rem;color:var(--muted);margin-top:.3rem}
.dx-chart{display:block;width:100%;height:auto;overflow:visible}
.dx-dot{fill:var(--border);fill-opacity:.9}
.dx-mark{fill:var(--accent);stroke:var(--surface);stroke-width:2}
.dx-pin{stroke:var(--accent);stroke-width:1.5}
.dx-axis{stroke:var(--border);stroke-width:1}
.dx-med{stroke:var(--text);stroke-width:1.5;stroke-dasharray:4 3}
.dx-bar{fill:var(--accent)}
.dx-bar-m{fill:var(--border)}
.dx-bar-b{fill:var(--muted)}
.dx-chart text{font:12px system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;fill:var(--text)}
.dx-chart .dx-tick{fill:var(--muted);font-size:11px}
.dx-chart .dx-lbl{font-weight:700;font-size:12px}
.dx-chart .dx-lbl2{font-size:12px}
.dx-chart .dx-val{font-weight:650;font-size:12px}
/* facts and links */
.dx-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem .9rem;margin:1rem 0}
.dx-facts div{background:var(--surface);border:1px solid var(--rule);border-radius:10px;padding:.5rem .8rem}
.dx-facts dt{font-size:.8rem;color:var(--muted);font-weight:600}
.dx-facts dd{margin:0;font-weight:600}
.dx-links{padding-left:1.2rem;columns:1}
.dx-links li{margin:.35rem 0}
@media (min-width:760px){.dx-links-wide{columns:2;column-gap:2rem}.dx-links-wide li{break-inside:avoid}}
.dx-methods h2{margin-top:1.8em}
@media print{
  .dx-assume,.dx-tools{display:none!important}
  .dx-fig{border:0;padding:0}
  .table-wrap{border:0}
  .dx-t th,.dx-t td{padding:.25rem .4rem;font-size:10pt}
}