.file-sql-lead{max-width:880px;color:var(--muted)}
.file-route{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin:28px 0}
.file-route div{padding:20px;background:var(--card);border:1px solid var(--line);border-top:4px solid var(--teal)}
.file-route b,.file-route span{display:block}.file-route span{margin-top:5px;color:var(--muted);font-size:12px}.file-route i{color:var(--orange);font-style:normal}
.example-stack{display:grid;gap:18px}.example-card{padding:24px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}.example-card h3{margin-top:0}.example-card>p{color:var(--muted)}.example-card pre{margin-bottom:0}
.format-compare,.pushdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.format-compare article{padding:22px;background:#e7ece7;border-top:4px solid var(--teal)}.format-compare p{color:var(--muted)}.pushdown-grid article{padding:22px;border-left:5px solid var(--orange);background:#f2e5d8}.pushdown-grid p{margin-bottom:0}
@media(max-width:850px){.file-route,.format-compare,.pushdown-grid{grid-template-columns:1fr}.file-route i{transform:rotate(90deg);text-align:center}}
.code-result{display:grid;grid-template-columns:minmax(0,1.15fr) auto minmax(0,.85fr);gap:12px;align-items:stretch;margin-top:14px}.code-result>pre{margin:0}.code-result-arrow{align-self:center;color:var(--orange);font-size:24px;font-weight:800}.sample-output{min-width:0;padding:14px;background:#eef2ee;border:1px solid var(--line)}.sample-output>small{display:block;margin-bottom:8px;color:var(--teal);font-weight:700}.sample-output .table-wrap{background:#fff}.sample-output table{min-width:0;font-size:10px}.sample-output th,.sample-output td{padding:6px 7px;white-space:nowrap}
@media(max-width:850px){.code-result{grid-template-columns:1fr}.code-result-arrow{transform:rotate(90deg);justify-self:center}}