[data-interactive="bearing-types-and-designations"] { min-width:0; }
[data-interactive="bearing-types-and-designations"] .bgd-svg {
  display:block; width:100%; height:auto; max-width:30rem; margin-inline:auto;
  --bgd-ink:var(--ink); --bgd-paper:var(--surface);
  --bgd-ring:color-mix(in srgb,var(--ink) 30%,var(--surface));
  --bgd-element:color-mix(in srgb,var(--accent) 15%,var(--surface));
  --bgd-shaft:var(--surface-2); --bgd-load:var(--cat3); --bgd-gold:var(--flag);
}
.bgd-live { display:grid; gap:.65rem; font:1rem/1.4 var(--f-display); min-width:0; }
.bgd-controls { display:flex; flex-wrap:wrap; gap:.5rem; align-items:end; }
.bgd-controls label { flex:1 1 16rem; display:grid; gap:.3rem; font-weight:700; }
.bgd-controls :is(select,input,button) { width:100%; min-width:0; min-height:44px; font:inherit; padding:.4rem .6rem; color:var(--ink); background:var(--surface); border:1px solid var(--rule); border-radius:var(--radius-xs); }
.bgd-controls button { width:auto; cursor:pointer; }
.bgd-controls :focus-visible { outline:3px solid var(--accent); outline-offset:2px; }
.bgd-live figure { margin:0; }
.bgd-live figcaption { font-size:.94rem; margin-top:.5rem; }
.bgd-result { min-width:0; }
.bgd-note { margin:0; font-size:.9rem; color:var(--ink-soft); }
.bgd-code { display:flex; flex-wrap:wrap; gap:.5rem; }
.bgd-code > span { padding:.45rem .6rem; border:1px solid var(--rule); background:var(--surface-2); }
.bgd-code strong { display:block; font:700 1.3rem var(--f-mono); }
.bgd-message { padding:.5rem .7rem; border-left:4px solid var(--accent); background:var(--surface-2); margin:0; }
.bgd-message:empty { display:none; }
.bgd-symbol { text-transform:none!important; }
.bgd-static-atlas { display:grid; gap:1rem; }
.bgd-static-atlas h3 { margin:0 0 .4rem; }
.bgd-static-atlas figure { margin:0; }
.bgd-static-atlas > div { break-inside:avoid; }
@media screen { [data-bgd-ready] > .bgd-static { display:none; } }
@media print {
  .bgd-live { display:none!important; }
  [data-bgd-ready] > .bgd-static { display:block!important; }
  main [data-interactive="bearing-types-and-designations"] { break-inside:auto!important; }
  .bgd-static-atlas { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; }
  .bgd-static-atlas figure { break-inside:avoid; }
  .bgd-static-atlas h3 { font-size:1rem; }
  .bgd-static-atlas figcaption { font-size:.85rem; }
  .bgd-static-atlas :is(.bgd-svg,img) { max-height:3.8in; width:100%; object-fit:contain; }
  .bgd-static > figure { break-inside:avoid; }
}