/* SQL Detective: what this page adds to Shift One and games.css. */
.sql-layout { display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 16px; align-items: start; }
.case-file { border-left: 3px solid var(--accent); }
#query { font-family: var(--font-mono); font-size: 14.5px; min-height: 96px; }
.schema-table + .schema-table { margin-top: 12px; }
.schema-name { font: 600 13px var(--font-mono); color: var(--label); padding: 2px 4px; border-radius: var(--r-sm); }
.schema-cols { display: flex; flex-wrap: wrap; gap: 4px; margin: 6px 0 0 18px; }
.schema-cols button { font: 500 12px var(--font-mono); color: var(--label-2); padding: 2px 7px; border-radius: var(--r-sm); background: var(--fill); }
.schema-name:hover, .schema-cols button:hover { background: var(--accent-wash); color: var(--accent); }
@media (max-width: 900px) { .sql-layout { grid-template-columns: minmax(0, 1fr); } }