/* DEBUG GRID — линии самой CSS-сетки рисует debug-grid.js (overlay поверх страницы). Здесь только
   стиль легенды. Тумблер: Ctrl+Alt+G или window.toggleDebugGrid(). Инертно, пока не включили. */

#debug-grid-legend {
    display: none;
    position: fixed;
    right: 8px;
    bottom: 8px;
    z-index: 2147483647;
    max-width: 240px;
    padding: 8px 11px;
    font: 12px/1.4 system-ui, sans-serif;
    background: #fff;
    color: #111;
    border: 1px solid #ccc;
    border-radius: var(--radius, 10px);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25);
    pointer-events: none;
}
body.debug-grid #debug-grid-legend { display: block; }
#debug-grid-legend b { letter-spacing: 0.3px; }
#debug-grid-legend .dg-hint { display: block; margin-top: 4px; color: #666; font-size: 11px; }

@media (prefers-color-scheme: dark) {
    #debug-grid-legend { background: #1e1e1e; color: #eee; border-color: #444; }
    #debug-grid-legend .dg-hint { color: #aaa; }
}