/* ===== ow_acutes_chart_html (HTML form, scoped) =====
   Loaded eagerly from anvil.yaml native_deps.head_html. The form's rules live here because
   Anvil's server strips a <style> block out of an HTML template and a template may carry no
   inline style= attribute.

   .ow-acutes-root is the private root class beside the shared .px-card; scoping on .px-card would
   reach every card in the app. :where() adds no specificity, so it cannot change which rule wins.
   The root itself declares nothing, so there is no bare root rule to write.

   No second class is needed here. The hint span carries no .px-* class of its own, and the
   .px-card-header font rules reach it only by inheritance, which always loses to a declared value —
   so the runtime-injected dependency chrome CSS cannot win the order flip against either rule.
   #ow-acutes-chart has no competitor anywhere in the app. */

:where(.ow-acutes-root) #ow-acutes-chart {
    width: 100%;
    min-height: 360px;
}

:where(.ow-acutes-root) .ow-chart-hint {
    font-size: 0.7rem;
    font-weight: 400;
    color: var(--px-text-muted);
}