:root {
--md-primary-fg-color: #1e88e5;
--md-primary-fg-color--light: #42a5f5;
--md-primary-fg-color--dark: #005bbf;
}

.md-footer {
background: linear-gradient(
120deg,
rgba(30, 136, 229, 0.85),
rgba(66, 165, 245, 0.75)
);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-top: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 -4px 20px rgba(30, 136, 229, 0.15);
}

.md-footer-meta,
.md-footer-motto {
color: #ffffff;
}
.md-grid {
max-width: 70rem;
}

.plotly-container {
width: 100%;
margin: 0 auto;
padding: 0;
max-width: 100%;
overflow-x: hidden;
}

.plotly-container iframe {
display: block;
height: 700px;
width: 100%;
max-width: none;
}

.md-typeset iframe {
box-sizing: border-box;
max-width: none;
}