

        @media (max-width: 768px) {
            .charts-container {
                flex-direction: column;
            }

            .chart-group,
            .chart-wide {
                min-width: auto;
                max-width: none;
            }

            .controls {
                flex-direction: column;
                gap: 5px;
            }
        }
    </style>
</head>

<body>
    <div class="header">
        <img id="serena-logo" src="serena-logs.png" alt="Serena" style="max-width: 400