/* Hand-written additions to the compiled bundle.css (see AGENTS.md, Rules). */

/* Plotly graph frame (_shortcodes/plotly.html): 16:9, but a fixed height on phones, where 16:9
   leaves too little room for the plot inside the graph's axis margins. */
.plotly-frame { padding-bottom: 56.25%; }
@media (max-width: 579px) {
    .plotly-frame { height: 320px; padding-bottom: 0; }
}