
.doc{max-width:60rem;margin:0 auto;padding:2.5rem 1.25rem 5rem;color:var(--text,#0d1b22)}
.doc h1{font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.15;margin:.5rem 0 1rem}
.doc h2{font-size:1.25rem;margin:2.25rem 0 .75rem}
.doc p{line-height:1.65;margin:0 0 1rem;max-width:62ch}
.doc .lede{font-size:1.1rem}
.crumbs{font-size:.85rem;opacity:.75;display:flex;gap:.4rem;flex-wrap:wrap}
.crumbs span{opacity:.5}
.verdict{border-left:3px solid #2d7d9a;padding:.85rem 1rem;background:rgba(45,125,154,.08);border-radius:0 6px 6px 0}
.verdict.warn{border-left-color:#b8791f;background:rgba(184,121,31,.1)}
.verdict.alert{border-left-color:#b5442a;background:rgba(181,68,42,.1)}
.caveat{font-size:.92rem;opacity:.8;border-left:2px solid rgba(125,125,125,.4);padding-left:.9rem}
table.data{width:100%;border-collapse:collapse;margin:1rem 0;font-variant-numeric:tabular-nums;font-size:.95rem;display:block;overflow-x:auto}
table.data caption{text-align:left;font-weight:600;padding-bottom:.5rem}
table.data th,table.data td{border:1px solid rgba(125,140,150,.35);padding:.5rem .7rem;text-align:left;white-space:nowrap}
table.data thead th{background:rgba(125,140,150,.12)}
.pill-links{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.pill-links a{padding:.4rem .75rem;border:1px solid rgba(125,140,150,.4);border-radius:999px;font-size:.88rem;text-decoration:none}
.pill-links a:hover{background:rgba(45,125,154,.12)}
.query-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;margin:1.5rem 0 2rem}
.query-form,.query-results{border:1px solid rgba(125,140,150,.35);border-radius:10px;padding:1rem;background:rgba(125,140,150,.06)}
.query-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem}
.query-fields label{display:grid;gap:.35rem;font-weight:600;font-size:.9rem}
.query-fields input{font:inherit;padding:.65rem;border:1px solid rgba(125,140,150,.55);border-radius:6px;background:var(--surface,#fff);color:inherit}
.query-form button{margin-top:1rem;padding:.65rem 1rem;border:0;border-radius:6px;background:#2d7d9a;color:white;font:inherit;font-weight:700;cursor:pointer}
.query-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0}.query-metrics div{padding:.6rem;background:rgba(125,140,150,.09);border-radius:6px}.query-metrics dt{font-size:.8rem;opacity:.75}.query-metrics dd{margin:.2rem 0 0;font-weight:700}.query-error{color:#b5442a;font-weight:700}
@media(max-width:700px){.query-tool{grid-template-columns:1fr}}
