[data-interactive="bearing-life"] { min-width:0; font-size:16px; overflow-wrap:anywhere; }
[data-interactive="bearing-life"] * { box-sizing:border-box; }
[data-interactive="bearing-life"] .bl-controls { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr)); gap:.75rem; }
[data-interactive="bearing-life"] label { display:grid; gap:.3rem; font-size:16px; }
[data-interactive="bearing-life"] :is(input,select,button) { min-width:0; max-width:100%; min-height:44px; font:inherit; color:var(--ink); background:var(--paper); border:1px solid var(--rule); padding:.4rem; }
[data-interactive="bearing-life"] :is(input,select,button):focus-visible { outline:3px solid var(--accent); outline-offset:2px; }
[data-interactive="bearing-life"] svg { display:block; width:100%; max-width:30rem; height:auto; margin:auto; color:var(--accent); }
[data-interactive="bearing-life"] svg text { fill:var(--ink); font:16px sans-serif; }
[data-interactive="bearing-life"] :is(p,figcaption,caption,th,td) { font-size:16px; }
[data-interactive="bearing-life"] figure { margin:.75rem 0; }
[data-interactive="bearing-life"] table { width:100%; table-layout:fixed; }
[data-interactive="bearing-life"] th { width:65%; text-align:left; }
[data-interactive="bearing-life"] :is(th,td) { padding:.35rem; white-space:normal; }
@media (max-width:28rem) { [data-interactive="bearing-life"] svg text { font-size:18px; } }
@media screen { [data-interactive="bearing-life"][data-bl-ready] > .bl-static { display:none; } }
@media print {
 [data-interactive="bearing-life"] .bl-lab { display:none !important; }
 [data-interactive="bearing-life"] > .bl-static { display:block !important; }
 [data-interactive="bearing-life"] :is(table,figure,svg) { break-inside:avoid; }
}