.sql-dialect-select{font:inherit;font-size:12px;max-width:150px;padding:5px 7px;border:1px solid var(--line,#303537);border-radius:6px;background:var(--raised,#222629);color:var(--text,#edf0ed);color-scheme:dark}.sql-dialect-select option{background:var(--raised,#222629);color:var(--text,#edf0ed)}.sql-table-scroll{width:100%;max-height:320px;overflow:auto;overscroll-behavior:contain;margin:10px 0 16px;border:1px solid var(--line,#303537);border-radius:8px}.sql-data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}.sql-data-table caption{text-align:left;padding:10px 12px;font-weight:650;color:var(--text,#edf0ed);background:var(--raised,#222629)}.sql-data-table th,.sql-data-table td{padding:8px 12px;border-bottom:1px solid var(--line,#303537);border-right:1px solid var(--line,#303537)}.sql-data-table th{position:sticky;top:0;z-index:1;background:var(--raised,#222629);font-weight:600}.sql-data-table td{max-width:420px;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.sql-data-table tr:last-child td{border-bottom:0}.sql-data-table th:last-child,.sql-data-table td:last-child{border-right:0}.sql-null{color:var(--muted,#949e9f);font-style:italic}.sql-table-name{font:600 12px ui-monospace,monospace;margin:15px 0 7px}.sql-example{margin:18px 0 25px}.sql-example>h4{color:var(--accent,#f5c451);font-size:12px}.sql-schema .sql-table-scroll{max-height:none}.sql-engine-note{font-size:11px;color:var(--muted,#949e9f);line-height:1.7;margin:8px 0 0}.sql-learning-page .lesson-hero-note{min-width:0}.sql-lesson-dialect{margin:10px 0}.sql-lesson-dialect>summary{cursor:pointer;padding:10px 14px;border:1px solid var(--line,#303537);border-radius:8px;font-size:13px;font-weight:600}.sql-lesson-dialect[open]>summary{border-bottom-left-radius:0;border-bottom-right-radius:0}.sql-lesson-dialect .lesson-example{margin-top:0}.sql-dot{background:#8cb5ec!important}@media(max-width:600px){.sql-dialect-select{max-width:125px;font-size:11px}.sql-data-table{font-size:11px}.sql-data-table th,.sql-data-table td{padding:7px 9px}.sql-table-scroll{max-height:280px}.editor-controls:has(.sql-dialect-select){gap:7px;flex-wrap:wrap;justify-content:flex-end}.sql-engine-note{font-size:10px}}

/* A SQL table must scroll inside its panel rather than size the mobile grid. */
@media(max-width:850px){.sql-workspace{grid-template-columns:minmax(0,1fr)}.sql-workspace>.problem-panel,.sql-workspace>.editor-panel{max-width:100%}.sql-workspace .panel-tabs{overflow-x:auto;white-space:nowrap}}