/* SQL Lab */
.sql-diagram-wrap { margin-top: 16px; }
.sql-diagram-wrap summary { cursor: pointer; font-weight: 700; }
.sql-diagram-wrap small { font-weight: 400; color: var(--muted); }
.sql-diagram { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; margin-top: 10px; }
.sql-tbl { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: var(--card); font-size: 13px; transition: border-color .2s, box-shadow .2s, transform .2s; }
.sql-tbl b { padding: 6px 10px; background: var(--soft); font-family: "JetBrains Mono", monospace; }
.sql-tbl span { padding: 3px 10px; font-family: "JetBrains Mono", monospace; border-top: 1px solid var(--line); }
.sql-tbl em { color: var(--muted); font-style: normal; font-size: 11px; }
.sql-tbl.is-used { border-color: var(--teal); box-shadow: 0 8px 20px -14px var(--teal); transform: translateY(-2px); }
.sql-tbl.is-used b { background: var(--teal); color: #fff; }
.sql-tbl span.is-used { background: var(--teal-tint); font-weight: 700; }
.sql-meta { margin: 0 0 6px; font-size: 13px; color: var(--muted); }
.sql-null { color: var(--muted); }
#sql-play-diagram { margin-top: 16px; }